@media print {
  @media print {
    *, *:before, *:after {
      background: transparent !important;
      color: #000 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      text-shadow: none !important
    }

    a, a:visited {
      text-decoration: underline
    }

    a[href]:after {
      content: " (" attr(href) ")"
    }

    abbr[title]:after {
      content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
      content: ""
    }

    pre, blockquote {
      border: 1px solid #999;
      page-break-inside: avoid
    }

    thead {
      display: table-header-group
    }

    tr, img {
      page-break-inside: avoid
    }

    img {
      max-width: 100% !important
    }

    p, h2, h3 {
      orphans: 3;
      widows: 3
    }

    h2, h3 {
      page-break-after: avoid
    }

    .navbar {
      display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
      border-top-color: #000 !important
    }

    .label {
      border: 1px solid #000
    }

    .table {
      border-collapse: collapse !important
    }

    .table td, .table th {
      background-color: #fff !important
    }

    .table-bordered th, .table-bordered td {
      border: 1px solid #ddd !important
    }
  }
}

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden], template {
  display: none
}

pre {
  overflow: auto
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: inherit
}

button {
  overflow: visible
}

button, select {
  text-transform: none
}

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

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

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

input {
  line-height: normal
}

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

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

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html {
  font-size: 16px;
  -webkit-tap-highlight-color: transparent;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.fade.in {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.in {
  display: block
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

code, kbd, pre, samp {
  font-size: 1em
}

code, kbd {
  padding: 2px 4px;
  font-size: 90%
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none
}

pre {
  display: block;
  padding: 11.5px;
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.5;
  word-break: break-all;
  word-wrap: break-word
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0
}

.z-depth-0 {
  -webkit-box-shadow: none;
  box-shadow: none
}

.z-depth-1 {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22)
}

.z-depth-2 {
  -webkit-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)
}

.z-depth-3 {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

.z-depth-4 {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
  box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32)
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin: 1rem 0 .5rem;
  -webkit-transition: .3s;
  transition: .3s
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  font-weight: inherit;
  color: inherit
}

h1 a:focus, h1 a:hover, h2 a:focus, h2 a:hover, h3 a:focus, h3 a:hover, h4 a:focus, h4 a:hover, h5 a:focus, h5 a:hover, h6 a:focus, h6 a:hover, .h1 a:focus, .h1 a:hover, .h2 a:focus, .h2 a:hover, .h3 a:focus, .h3 a:hover, .h4 a:focus, .h4 a:hover, .h5 a:focus, .h5 a:hover, .h6 a:focus, .h6 a:hover {
  color: inherit
}

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777
}

h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
  font-size: 65%
}

h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
  font-size: 75%
}

h1, .h1 {
  font-size: 2rem;
  font-weight: 700
}

h2, .h2 {
  font-size: 1.5rem
}

h3, .h3 {
  font-size: 1.25rem
}

h4, .h4 {
  font-size: 1.2rem
}

h5, .h5 {
  font-size: 1rem
}

h6, .h6 {
  font-size: .875rem
}

img {
  border-style: none;
  vertical-align: middle
}

img, svg {
  max-width: 100%;
  height: auto
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0;
  padding-bottom: .5rem;
  display: table
}

figure img {
  line-height: 1
}

figure figcaption {
  font-size: 90%;
  color: #777;
  text-align: center;
  display: table-caption;
  caption-side: bottom;
  margin-top: 5px;
  word-break: break-word
}

figure.align-right {
  float: right;
  padding-top: .1rem;
  padding-left: 1rem
}

figure.align-right figcaption {
  padding-left: 1rem
}

figure.align-left {
  float: left;
  padding-top: .1rem;
  padding-right: 1rem
}

figure.align-left figcaption {
  padding-right: 1rem
}

figure.align-center {
  margin-right: auto;
  margin-left: auto
}

.embed-responsive {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0
}

.embed-responsive::before {
  display: block;
  content: ''
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border: 0;
  width: 100%;
  height: 100%
}

.embed-responsive + p {
  margin-top: .75rem
}

.embed-responsive-16by9::before {
  padding-top: 56.25%
}

.embed-responsive-4by3::before {
  padding-top: 75%
}

.embed-responsive-1by1::before {
  padding-top: 100%
}

.embed-responsive-21by9::before {
  padding-top: calc((9 / 21) * 100%)
}

iframe {
  max-width: 100%
}

p > iframe {
  margin-top: .75rem;
  margin-bottom: .75rem
}

a {
  background-color: transparent;
  text-decoration: none;
  font-weight: 500;
  color: inherit;
  -webkit-tap-highlight-color: transparent
}

a:hover, a:focus {
  color: inherit;
  text-decoration: none
}

a:active, a:hover {
  outline: 0
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

a:active:not(.btn) {
  opacity: .8
}

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

dl dl, dl ul, dl ol, ul dl, ul ul, ul ol, ol dl, ol ul, ol ol {
  margin-bottom: 0
}

.popover ol:last-child, .popover ul:last-child {
  margin-bottom: 0
}

dl {
  margin-top: 0;
  margin-bottom: 24px
}

dt, dd {
  line-height: 1.5
}

dt {
  font-weight: bold
}

dd {
  margin-left: 0
}

table {
  border-collapse: collapse
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #777;
  text-align: left;
  caption-side: bottom
}

th {
  text-align: left
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  font-size: .875rem
}

.table th, .table td {
  padding: .75rem;
  vertical-align: top;
  word-wrap: break-word
}

.table thead th {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  vertical-align: bottom;
  border-bottom: 2px solid #e6e6e6
}

.table tbody + tbody {
  border-top: 2px solid #e6e6e6
}

.table .views-align-left {
  text-align: left
}

.table .views-align-right {
  text-align: right
}

.table .views-align-center {
  text-align: center
}

.table-sm th, .table-sm td {
  padding: .3rem
}

.table-bordered {
  border: 1px solid #e6e6e6
}

.table-bordered th, .table-bordered td {
  border: 1px solid #e6e6e6
}

.table-bordered thead th, .table-bordered thead td {
  border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, .075)
}

.thead-default th {
  color: #555;
  background-color: #e6e6e6
}

.tablesort {
  display: inline-block;
  vertical-align: top;
  line-height: 1
}

.icon-tablesort {
  width: 20px;
  height: 20px
}

.tabledrag-handle {
  color: #777;
  cursor: move;
  position: absolute;
  line-height: 1;
  margin: 0 0 0 -10px;
  padding: 10px
}

.tabledrag-handle ~ .form-managed-file {
  display: block;
  padding-left: 24px
}

.table-responsive {
  display: block;
  width: 100%
}

.table-responsive .table-bordered {
  border: 0
}

b, strong {
  font-weight: bold
}

p {
  margin: 0 0 .75rem
}

blockquote {
  margin: 20px 0;
  padding-left: 1.5em;
  font-weight: 500
}

em.placeholder {
  font-style: normal
}

.light {
  font-weight: 300
}

.section-title {
  padding: 1.25rem;
  margin: 0
}

.text-truncate {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%
}

.post-date {
  color: #777;
  font-size: .75rem;
  line-height: 1.25
}

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

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

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

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

small, .small {
  font-size: 87%
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.text-nowrap {
  white-space: nowrap
}

.text-xs {
  font-size: .4em
}

.text-s {
  font-size: .75rem
}

.text-m {
  font-size: .875rem
}

.text-l {
  font-size: 1.125rem
}

.text-xl {
  font-size: 1.25rem
}

.text-xxl {
  font-size: 1.5rem
}

.text-xxxl {
  font-size: 2rem
}

.text-xxxxl {
  font-size: 3rem
}

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777
}

blockquote {
  padding: 12px 24px;
  margin: 0 0 24px;
  font-size: 18px;
  border-left: 5px solid #e6e6e6
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
  margin-bottom: 0
}

address {
  margin-bottom: 24px;
  font-style: normal;
  line-height: 1.5
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 0;
  border-top: 1px solid #e6e6e6
}

dfn {
  font-style: italic
}

mark {
  background: #ff0;
  color: #000
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

.sr-only {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
  margin: 0
}

.no-margin {
  margin: 0
}

.margin-left-s {
  margin-left: 5px
}

.margin-left-m {
  margin-left: 10px
}

.margin-left-l {
  margin-left: 20px
}

.margin-left-xl {
  margin-left: 30px
}

.margin-bottom-s {
  margin-bottom: 5px
}

.margin-bottom-m {
  margin-bottom: 10px
}

.margin-bottom-l {
  margin-bottom: 20px
}

.margin-bottom-xl {
  margin-bottom: 30px
}

.margin-top-s {
  margin-top: 5px
}

.margin-top-m {
  margin-top: 10px
}

.margin-top-l {
  margin-top: 20px
}

.margin-top-xl {
  margin-top: 30px
}

.margin-top-xxl {
  margin-top: 40px
}

.no-padding {
  padding: 0 !important
}

.padding-xs {
  padding: 6px
}

.padding-sm {
  padding: 12px
}

.padding-md {
  padding: 24px
}

.padding-lg {
  padding: 48px
}

.no-side-padding {
  padding: 24px 0
}

.no-border {
  border: 0 !important
}

.inline-center {
  vertical-align: middle;
  line-height: 1;
  margin-right: 5px
}

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

.block {
  display: block
}

.pin-top, .pin-bottom {
  position: relative
}

.pinned {
  position: fixed !important
}

.ruler-sm {
  margin: 9.6px 0
}

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

.img-bordered {
  border: 3px solid white
}

.img-elevated {
  display: inline-block;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

p + p .img-elevated {
  margin-top: -.5rem
}

.img-circle {
  border-radius: 50%
}

img.align-left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em
}

img.align-right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em
}

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

.img-medium {
  width: 44px;
  height: 44px
}

.img-small {
  width: 24px;
  height: 24px
}

.img-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 10px
}

.img-grid img {
  margin: 3px
}

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

.clearfix:after {
  clear: both
}

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

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

.js .js-hide, .js-show, .hide {
  display: none !important
}

.js .js-show, .show {
  display: block !important
}

.invisible {
  visibility: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal
}

.hidden {
  display: none !important
}

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

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: 5px
}

@-ms-viewport {
  width: device-width
}

svg[class^="icon-"] {
  vertical-align: middle
}

.icon-white {
  fill: white
}

.icon-black {
  fill: #4d4d4d
}

.icon-gray {
  fill: #555
}

.icon-gray-light {
  fill: #777
}

.icon-medium {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: text-bottom
}

.icon-small {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle
}

.icon-hero {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle
}

.icon-responsive {
  width: 100%;
  height: 100%
}

.glyphicon:before {
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center
}

.glyphicon-refresh:before {
  background-image: url(/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-autorenew.svg)
}

.glyphicon-question-sign:before {
  background-image: url(/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-help.svg);
  width: 15px;
  height: 15px
}

.glyphicon-picture:before {
  background-image: url(/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-photo.svg)
}

.glyphicon-file:before {
  background-image: url(/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-insert_drive_file.svg)
}

.glyphicon-move:before {
  background-image: url(/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-open_with.svg);
  top: 0
}

.glyphicon-warning-sign:before {
  background-image: url(/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-warning.svg)
}

a.icon-before .glyphicon {
  margin-right: .25em
}

a.icon-after .glyphicon {
  margin-left: .25em
}

.btn.icon-before .glyphicon, .btn.icon-before .btn-icon {
  margin-left: -.25em;
  margin-right: .25em
}

.btn.icon-after .glyphicon, .btn.icon-after .btn-icon {
  margin-left: .25em;
  margin-right: -.25em
}

.cke_button_label.cke_button__social_embed_label {
  display: inline
}

.icon-desktop {
  background-image: url(/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-desktop.svg)
}

.icon-tablet {
  background-image: url(/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-tablet.svg)
}

.icon-phone {
  background-image: url(/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-phone.svg)
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  opacity: .75
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none
}

@media (min-width: 600px) {
  body {
    font-size: 16px
  }

  .section-title {
    padding-left: 20px
  }

  .section-title.section-title-stream {
    padding-left: 40px
  }

  .section-title.section-title-node {
    padding-left: 48px
  }
}

@media (min-width: 900px) {
  h1, .h1 {
    font-size: 3rem
  }

  h2, .h2 {
    font-size: 2rem
  }

  h3, .h3 {
    font-size: 1.5rem
  }

  h4, .h4 {
    font-size: 1.25rem
  }
}

@media (max-width: 599px) {
  figure.align-left, figure.align-right, figure.align-center {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 1rem
  }

  figure.align-left figcaption, figure.align-right figcaption, figure.align-center figcaption {
    padding: 0
  }

  .table-responsive {
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-bottom: 100px;
    margin-bottom: -100px
  }

  .hidden-for-phone-only {
    display: none
  }
}

.container, .region--content-top, .region--content-bottom, .region--hero, .region--secondary-navigation {
  position: relative;
  margin-left: auto;
  margin-right: auto
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.main-container {
  overflow: hidden;
  min-height: 100%;
  min-height: calc(100vh - 50px);
  padding-top: 50px;
  padding-bottom: 100px;
  position: relative;
  z-index: 0;
  width: 100%
}

.region--title {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%
}

.region--content, .region--content-bottom, .region--sidebar-first, .region--sidebar-second {
  margin-top: 1rem
}

.layout--with-complementary > .region--content {
  padding-left: 1em;
  padding-right: 1em;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%
}

.region--complementary {
  padding-left: 1em;
  padding-right: 1em;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%
}

.layout--with-two-columns .region--content, .layout--with-two-columns .region--sidebar-first, .layout--with-two-columns .region--sidebar-second {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding-left: 1em;
  padding-right: 1em
}

.layout--with-three-columns .region--content, .layout--with-three-columns .region--sidebar-first, .layout--with-three-columns .region--sidebar-second {
  padding-left: 1em;
  padding-right: 1em;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.region--complementary-bottom {
  display: none
}

@media (min-width: 900px) {
  .container, .region--content-top, .region--content-bottom, .region--hero, .region--secondary-navigation {
    max-width: 1200px
  }

  .region--title {
    margin-top: 1rem
  }

  .layout--with-complementary > .region--content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .region--complementary {
    margin-top: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    max-width: 33.33333%
  }

  .layout--with-two-columns .region--content, .layout--with-two-columns .region--sidebar-first, .layout--with-two-columns .region--sidebar-second {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .layout--with-three-columns .region--content, .layout--with-three-columns .region--sidebar-first, .layout--with-three-columns .region--sidebar-second {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .region--complementary-bottom {
    display: block
  }

  .region--complementary-top {
    margin-top: 0
  }
}

@media (min-width: 1200px) {
  .layout--with-complementary > .region--content {
    padding-left: 0
  }

  .region--complementary {
    padding-right: 0
  }

  .layout--with-two-columns .region--content {
    padding-left: 0
  }

  .layout--with-two-columns .region--sidebar-first, .layout--with-two-columns .region--sidebar-second {
    padding-right: 0
  }

  .layout--with-three-columns .region--content {
    padding-left: 0
  }

  .layout--with-three-columns .region--sidebar-second {
    padding-right: 0
  }
}

.alert {
  padding: .75rem 1.25rem;
  margin-bottom: 24px;
  border: 1px solid transparent
}

.alert * {
  margin-top: 0;
  color: inherit
}

.alert > p, .alert > ul {
  margin-bottom: 0
}

.alert > p + p {
  margin-top: 5px
}

.alert-dismissible .close {
  position: relative;
  top: -.75rem;
  right: -1.25rem;
  padding: .75rem 1.25rem;
  color: inherit
}

.alert em {
  font-weight: 500;
  font-style: normal
}

.alert-sm {
  padding: .25rem .75rem
}

.badge {
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 3px;
  padding: 4px .4em;
  font-size: 75%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  min-width: 10px;
  max-width: 100%
}

.badge:empty {
  display: none
}

small .badge, .small .badge {
  font-size: 90%;
  position: relative;
  top: -1px;
  margin: 0
}

.btn .badge {
  position: relative;
  top: -1px;
  text-transform: none;
  margin: 0
}

a .badge {
  cursor: pointer
}

.badge--pill {
  padding-right: .6em;
  padding-left: .6em
}

.badge--large {
  padding: 0 1em;
  font-size: .875rem;
  line-height: 2
}

.badge__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.badge__icon {
  width: 15px;
  height: 18px;
  padding: 0 1px
}

.badge__icon ~ .badge__label {
  padding-left: 2px;
  font-weight: lighter
}

.badge__icon ~ .badge__label:first-of-type {
  padding-left: 4px
}

.badge__label--description {
  display: none
}

@media (min-width: 600px) {
  .badge__label--description {
    display: inline
  }
}

[role="button"] {
  cursor: pointer
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: .875rem;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  outline: 0
}

.btn + .btn {
  margin-left: 5px
}

.btn + .btn-block {
  margin-left: 0
}

.btn .caret {
  margin-left: 3px
}

.btn:hover, .btn:focus, .btn.focus {
  text-decoration: none;
  outline: 0
}

.btn:active, .btn.active {
  background-image: none
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn a {
  font-weight: normal
}

.btn-non-clickable.disabled, fieldset[disabled] .btn-non-clickable, a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none
}

.btn-link {
  font-weight: normal
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], .btn-link:hover, .btn-link:focus, fieldset[disabled] .btn-link {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  text-decoration: none
}

.btn--with-bgicon {
  padding-left: 32px;
  background-size: 16px 16px;
  background-position: 10px 8px;
  background-repeat: no-repeat
}

.btn--facebook {
  background-image: url("/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-facebook.svg")
}

.btn--linkedin {
  background-image: url("/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-linkedin.svg")
}

.btn--google {
  background-image: url("/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-google.svg")
}

.btn--twitter {
  background-image: url("/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-twitter.svg")
}

.fieldset-wrapper > .btn {
  margin: 5px 5px 5px 0
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 1rem;
  line-height: 1.33333
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: .75rem;
  line-height: 1.5
}

.btn-sm .glyphicon:before, .btn-group-sm > .btn .glyphicon:before {
  width: 13px;
  height: 13px
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: .75rem;
  line-height: 1.5
}

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

.btn-block + .btn-block {
  margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%
}

.btn.pull-right + .btn {
  margin-left: 0
}

.btn-raised {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  -webkit-transition: .15s ease-out, -webkit-box-shadow;
  transition: .15s ease-out, -webkit-box-shadow;
  transition: box-shadow, .15s ease-out;
  transition: box-shadow, .15s ease-out, -webkit-box-shadow
}

.btn-raised:active, .btn-raised.active, .btn-raised:hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
  box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32)
}

.btn-raised.disabled, .btn-raised[disabled] {
  -webkit-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)
}

.btn-icon-toggle {
  background-color: transparent;
  border-radius: 50% !important;
  padding: 4px
}

.btn-icon-toggle:hover, .btn-icon-toggle:focus {
  background-color: rgba(0, 0, 0, .07);
  border-color: transparent
}

.btn-icon-toggle:active, .btn-icon-toggle.active {
  background-color: rgba(12, 12, 12, .25);
  border-color: transparent
}

.btn-icon {
  font-size: 1.00012rem;
  line-height: 21px;
  height: 21px;
  width: 21px;
  vertical-align: bottom
}

.btn-iconized {
  line-height: 12px
}

.btn-iconized .icon-inline {
  fill: inherit;
  width: 24px;
  height: 24px;
  line-height: 24px
}

.btn-floating {
  width: 38px;
  height: 38px;
  padding: 7px;
  border-radius: 50%;
  border: 0;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

.btn-floating:active, .btn-floating.active, .btn-floating:hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
  box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32)
}

.btn-floating.btn-lg, .btn-group-lg > .btn-floating.btn {
  width: 52px;
  height: 52px
}

.btn-floating.disabled, .btn-floating[disabled] {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
  position: relative;
  float: left
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
  z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: -1px
}

.btn-toolbar {
  margin-left: -5px
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table
}

.btn-toolbar:after {
  clear: both
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
  float: left
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
  margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0
}

.btn-group > .btn:first-child {
  margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group > .btn-group {
  float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px
}

.btn-group > .btn-sm + .dropdown-toggle, .btn-group-sm.btn-group > .btn + .dropdown-toggle {
  padding-left: 6px;
  padding-right: 6px
}

.btn-group > .btn-xs + .dropdown-toggle, .btn-group-xs.btn-group > .btn + .dropdown-toggle {
  padding-left: 4px;
  padding-right: 4px
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table
}

.btn-group-vertical > .btn-group:after {
  clear: both
}

.btn-group-vertical > .btn-group > .btn {
  float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0
}

.btn-group--operations {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.block-group-add-event-block, .block-group-add-topic-block, .block-event-add-block, .block-topic-add-block, .block-group-add-block {
  display: inline-block
}

@media (min-width: 900px) {
  .block-group-add-event-block, .block-group-add-topic-block, .block-event-add-block, .block-topic-add-block, .block-group-add-block {
    display: block
  }

  .block-group-add-event-block .btn, .block-group-add-topic-block .btn, .block-event-add-block .btn, .block-topic-add-block .btn, .block-group-add-block .btn {
    width: 100%;
    margin-bottom: .75rem
  }
}

.card {
  -webkit-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: .75rem;
  background-clip: padding-box
}

.card__title {
  position: relative;
  vertical-align: middle;
  margin: 0;
  padding: 15px 1.25rem 0;
  line-height: 1;
  font-size: .875rem
}

.card__subtitle {
  font-size: .75rem;
  display: block
}

.card__title--underline {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px
}

.card__block {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem
}

.card__block + .card__block {
  padding-top: 0
}

.card__block--table {
  padding: 1.25rem 0
}

.card__block--list:not(:first-child) {
  padding-top: 0
}

.card__block--list:not(:last-child) {
  padding-bottom: 0
}

.card__body {
  position: relative;
  padding: 1.25rem
}

.card__nested-section {
  margin-top: .625rem;
  margin-right: -1.25rem;
  margin-bottom: -1.25rem;
  margin-left: -1.25rem;
  padding: 1.25rem;
  background: #f7f7f7;
  border-top: 1px solid #e6e6e6
}

.card__actionbar {
  margin-top: -1.25rem;
  padding: 1.25rem;
  position: relative;
  z-index: 2
}

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

.card__actionbar:after {
  clear: both
}

.card__link {
  font-size: .875rem;
  margin-left: 24px;
  float: right;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  text-transform: uppercase
}

.card__text {
  margin-top: 0
}

.card__text:last-child {
  margin-bottom: 0
}

@media (min-width: 900px) {
  .card__body {
    padding: 2.5rem
  }
}

.form-control {
  display: block;
  width: 100%;
  max-width: 23rem;
  height: 38px;
  padding: 6px 12px;
  font-size: inherit;
  line-height: 1.5;
  background-image: none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.form-control::-moz-placeholder {
  opacity: 1
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent
}

.form-control:disabled, fieldset[disabled] .form-control, .form-disabled .form-control {
  cursor: not-allowed;
  color: rgba(0, 0, 0, .26)
}

.form-control--autogrow {
  resize: none;
  min-height: 38px;
  overflow: hidden;
  max-width: none
}

textarea.form-control {
  height: auto
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal
}

input[type="file"] {
  display: block
}

select[multiple], select[size] {
  height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

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

.radio, .checkbox {
  position: relative;
  display: block;
  margin-bottom: 5px
}

.radio + .radio, .checkbox + .checkbox {
  margin-top: -5px
}

[type="radio"]:not(:checked), [type="radio"]:checked, [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0
}

.form-no-label.checkbox [type="radio"], .form-no-label.checkbox [type="checkbox"] {
  opacity: 1;
  left: 0;
  margin: 0;
  position: static
}

.checkbox label, .radio label {
  font-weight: 300;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  line-height: 21px;
  font-size: .875rem;
  -webkit-transition: .28s ease;
  transition: .28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.radio label:before, .radio label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 2px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: .28s ease;
  transition: .28s ease
}

[type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
  border: 2px solid #555
}

[type="radio"]:not(:checked) + label:after {
  border-radius: 50%;
  border: 2px solid #555;
  z-index: -1;
  -webkit-transform: scale(0);
  transform: scale(0)
}

[type="radio"]:checked + label:before {
  border-radius: 50%
}

[type="radio"]:checked + label:after {
  border-radius: 50%;
  z-index: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5)
}

[type="radio"]:disabled + label:before, [type="radio"]:disabled + label:before {
  background-color: transparent
}

[type="radio"]:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, .26)
}

[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, .26);
  cursor: not-allowed
}

[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, .26)
}

[type="radio"]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, .26);
  border: 0;
  background-color: rgba(0, 0, 0, .26)
}

[type="checkbox"] + label:after {
  border-radius: 2px
}

[type="checkbox"] + label:before, [type="checkbox"] + label:after {
  content: '';
  left: 0;
  position: absolute;
  -webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  z-index: 1
}

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

[type="checkbox"]:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #555;
  top: 0;
  z-index: 0
}

[type="checkbox"]:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  margin-top: 2px;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%
}

[type="checkbox"]:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 0
}

[type="checkbox"].tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #555;
  background-color: rgba(0, 0, 0, .1)
}

[type="checkbox"].tabbed:checked:focus + label:after {
  border-radius: 2px
}

[type="checkbox"]:disabled + label {
  color: rgba(0, 0, 0, .26);
  cursor: not-allowed
}

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

[type="checkbox"]:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #bdbdbd
}

[type="checkbox"]:disabled:checked + label:before {
  background-color: transparent
}

[type="checkbox"]:disabled:checked + label:after {
  background-color: #bdbdbd;
  border-color: #bdbdbd
}

.form-inline {
  margin-bottom: 1rem
}

.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.switch__label {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.switch__options {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 150px;
  flex: 1 0 150px;
  text-align: right
}

.switch input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0
}

.switch label {
  font-weight: 300
}

.switch .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 40px;
  height: 15px;
  background-color: #777;
  border-radius: 15px;
  margin-right: 10px;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
  vertical-align: middle;
  margin: 0 16px
}

.switch .lever:after {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #f3f3f3;
  border-radius: 21px;
  left: -5px;
  top: -3px;
  -webkit-transition: left .3s ease, background .3s ease, -webkit-box-shadow .1s ease;
  transition: left .3s ease, background .3s ease, -webkit-box-shadow .1s ease;
  transition: left .3s ease, background .3s ease, box-shadow .1s ease;
  transition: left .3s ease, background .3s ease, box-shadow .1s ease, -webkit-box-shadow .1s ease
}

input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(0, 0, 0, .08);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(0, 0, 0, .08)
}

.switch input[type=checkbox]:checked + .lever:after {
  left: 24px
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default
}

.switch input[type=checkbox][disabled] + .lever:after, .switch input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #bdbdbd
}

[type='range'] {
  -webkit-appearance: none;
  width: 100%;
  border: 0
}

[type='range']:focus {
  outline: 0
}

[type='range']:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

[type='range']:focus::-moz-range-thumb {
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

[type='range']:focus::-ms-thumb {
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

[type='range']::-webkit-slider-runnable-track {
  cursor: pointer;
  height: 8px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  background: #e6e6e6;
  border: 2px solid #e6e6e6;
  border-radius: 5px
}

[type='range']::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  border-radius: 12px;
  cursor: pointer;
  height: 24px;
  width: 24px;
  -webkit-appearance: none;
  margin-top: -10px
}

[type='range']::-moz-range-track {
  cursor: pointer;
  height: 8px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  background: #e6e6e6;
  border: 2px solid #e6e6e6;
  border-radius: 5px
}

[type='range']::-moz-range-thumb {
  box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  border-radius: 12px;
  cursor: pointer;
  height: 24px;
  width: 24px
}

[type='range']::-ms-track {
  cursor: pointer;
  height: 8px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  background: transparent;
  border-color: transparent;
  border-width: 12px 0;
  color: transparent
}

[type='range']::-ms-fill-lower {
  background: #d9d9d9;
  border: 2px solid #e6e6e6;
  border-radius: 10px
}

[type='range']::-ms-fill-upper {
  background: #e6e6e6;
  border: 2px solid #e6e6e6;
  border-radius: 10px
}

[type='range']::-ms-thumb {
  box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  border-radius: 12px;
  cursor: pointer;
  height: 24px;
  width: 24px;
  margin-top: 0
}

.select-wrapper {
  position: relative;
  width: 100%;
  max-width: 23rem
}

.form-inline .select-wrapper {
  width: auto
}

.input-group .select-wrapper {
  display: table-cell
}

.select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1;
  padding-right: 30px
}

.select-wrapper select:disabled {
  color: rgba(0, 0, 0, .26)
}

.select-wrapper:after {
  content: 'â–¾';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-top: -.5em;
  padding-right: 12px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 2
}

.form-disabled .select-wrapper::after {
  color: #777
}

@media (min-width: 600px) {
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    position: absolute
  }

  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 22px;
    margin-right: 25px
  }
}

@media (min-width: 900px) {
  .form-control {
    font-size: 16px
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .form-control {
    font-size: 16px
  }

  input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
    line-height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  input[type="date"].form-control:focus, input[type="time"].form-control:focus, input[type="datetime-local"].form-control:focus, input[type="month"].form-control:focus {
    background: inherit
  }
}

.list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding-top: .625rem;
  padding-bottom: .625rem;
  min-width: 0
}

.list-item__avatar {
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  margin-right: 10px;
  border-radius: 50%;
  margin-top: 2px
}

.list-item__avatar--medium {
  width: 44px;
  height: 44px;
  -ms-flex-preferred-size: 44px;
  flex-basis: 44px
}

.list-item--withlabel {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.list-item__label {
  margin-right: 20px;
  font-weight: 500;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.list-item__text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  margin: 0;
  line-height: 1.25
}

.list-item__text p {
  margin-bottom: 0
}

.list-item--visibility {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: -1px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.list-item--visibility .form-group label {
  font-weight: 500;
  cursor: pointer
}

.list-item--visibility:hover {
  background-color: #e6e6e6;
  cursor: pointer
}

.list-item--visibility .icon-small {
  fill: #4d4d4d;
  margin-right: .25em
}

.list-item--link .list-item__avatar {
  margin-left: .625rem
}

.list-item--link:hover, .list-item--link:focus {
  background-color: rgba(0, 0, 0, .12)
}

.item-list__comma-list, .item-list__comma-list li {
  display: inline
}

.item-list__comma-list {
  margin: 0;
  padding: 0
}

.item-list__comma-list li:after {
  content: ", "
}

.item-list__comma-list li:last-child:after {
  content: ""
}

@media (min-width: 600px) {
  .list-item__label {
    -ms-flex-preferred-size: 180px;
    flex-basis: 180px
  }
}

.spinner {
  margin: 1em auto 1em;
  width: 70px;
  text-align: center
}

.spinner > div {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s
}

.spinner .bounce2 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1)
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.dropup, .dropdown {
  position: relative
}

.dropdown-toggle:focus {
  outline: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  max-width: 500px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: .875rem;
  text-align: left;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
  box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
  background-clip: padding-box
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.dropdown-menu .divider {
  height: 1px;
  margin: 11px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.dropdown-menu li .badge {
  margin: 0
}

.dropdown-menu li > a {
  padding: 8px 10px;
  display: block;
  clear: both;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #555
}

.dropdown-menu li > a:hover {
  background-color: #f3f3f3
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  text-decoration: none;
  outline: 0
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed
}

.open > .dropdown-menu {
  display: block
}

.open > a {
  outline: 0
}

.dropdown-menu-right {
  left: auto;
  right: 0
}

.dropdown-menu-left {
  left: 0;
  right: auto
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #555;
  white-space: nowrap
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px
}

.dropdown-menu .divider {
  margin: 6px 0
}

.dropdown-menu .media {
  min-width: 250px
}

.dropdown-menu .media-left {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.dropdown-menu .media-left img {
  vertical-align: top
}

.dropdown-menu .media-body {
  white-space: normal
}

.dropdown-menu .media-body a {
  white-space: nowrap
}

.dropdown-menu--visibility {
  min-width: 240px;
  left: auto;
  right: -70px;
  padding: 0
}

.dropdown.profile .header-nav-current-user {
  padding: 4px 10px 0
}

.dropdown-header {
  padding: 7px 20px;
  background: white
}

.scrollable-menu {
  height: calc(100vh - 156px);
  overflow-x: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0
}

.scrollable-menu li {
  margin: 2px 0
}

.scrollable-menu p {
  margin-bottom: 0
}

@media (min-width: 600px) {
  .dropdown-menu .divider.mobile {
    display: none
  }

  .dropdown-menu li.mobile {
    display: none
  }

  .dropdown-menu li > a {
    padding: 4px 10px 4px 15px
  }

  .dropdown-menu .media-left {
    padding-right: 8px
  }

  .dropdown-menu--visibility {
    right: 0
  }

  .scrollable-menu {
    height: auto;
    max-height: 450px
  }
}

@media (min-width: 900px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto
  }
}

@media (max-width: 599px) {
  .dropup.has-alert > a:before, .dropdown.has-alert > a:before {
    content: '';
    position: absolute;
    top: 11px;
    right: 7px;
    width: 12px;
    height: 12px;
    background-color: #777;
    border-radius: 50%
  }
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px
}

.control-label {
  font-size: .875rem
}

.control-label__icon--bg {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 24px 24px
}

.control-label__icon--svg {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  padding: 3px;
  fill: #4d4d4d
}

.control-label--above {
  display: block;
  margin-bottom: 3px
}

.form-group {
  margin-bottom: 1rem;
  position: relative
}

.form-group .radio, .form-group .checkbox {
  margin-bottom: 0
}

.form-group-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.form-group-inline .form-group {
  margin-bottom: 0
}

.form-group-inline .form-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.form-group-inline .btn {
  margin-left: 8px;
  margin-bottom: 5px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.form-group-inline--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.form-group-inline--right .button--primary {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10
}

.form-no-label label + .form-required {
  display: none
}

span.form-required {
  margin: 0 3px
}

.help-block {
  display: block;
  margin-top: 5px;
  font-size: .75rem;
  color: #464545
}

.radio .help-block {
  padding-left: 25px;
  max-width: none;
  margin-top: 0
}

.form-actions .btn {
  margin-bottom: 5px
}

.views-exposed-form__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0
}

.views-exposed-form__actions .btn-default {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10
}

.views-exposed-form__actions .btn-flat {
  margin-left: 0
}

.form--default .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.form--default .form-actions .btn-group--primary, .form--default .form-actions .btn-primary {
  margin-left: auto;
  margin-right: 0;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10
}

.form-item--error-message {
  margin-top: 10px;
  position: relative;
  font-size: .75rem;
  display: inline-block;
  margin-bottom: 5px;
  padding-right: 2.25rem
}

.form-item--error-message .close {
  float: none;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 16px;
  padding: .25rem .75rem
}

.form-item--error-message::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 20px;
  top: -7px;
  border-bottom: 8px dashed;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent
}

.fieldset-wrapper .form-item--error-message {
  margin-top: 0
}

.has-error .form-inline {
  margin-bottom: 0
}

@media (min-width: 600px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle
  }

  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto
  }

  .form-inline .input-group > .form-control {
    width: 100%
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
}

@media (max-width: 599px) {
  .image-data__crop-wrapper {
    display: none
  }
}

.media-wrapper {
  position: relative;
  margin-top: 15px
}

.media-wrapper:first-of-type {
  margin-top: 0
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 85px
}

.media-object {
  display: block
}

.media-right, .media > .pull-right {
  padding-left: 8px
}

.media-left, .media > .pull-left {
  padding-right: 8px
}

.media-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.media-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
  padding-right: 40px
}

.media-heading p {
  margin: 0
}

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

@media (min-width: 600px) {
  .media-right, .media > .pull-right {
    padding-left: 20px
  }

  .media-left, .media > .pull-left {
    padding-right: 20px
  }
}

@media (max-width: 599px) {
  .main-container {
    overflow: auto
  }

  .ui-autocomplete.ui-widget-content {
    margin-bottom: 1rem
  }
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

.nav > li > a {
  position: relative;
  display: block;
  padding: .5em 10px
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed
}

.page-preview .navbar-default {
  position: relative;
  z-index: 10
}

.page-preview .main-container {
  padding-top: 0
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  font-size: .875rem
}

.container--navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.navbar-user {
  margin-left: auto;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.navbar-header {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0
}

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px
}

.navbar-user > li > a, .navbar-user .navbar-nav > li > a {
  padding: 13px 10px 8px;
  height: 50px
}

.navbar-collapse {
  overflow-x: visible;
  border-top: 1px solid transparent;
  -webkit-overflow-scrolling: touch;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  max-height: 340px
}

.navbar-collapse.in {
  overflow-y: auto
}

.navbar-fixed-top {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.navbar-fixed-top .navbar-user .dropdown-menu {
  right: 0;
  left: auto
}

.navbar-brand {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  max-width: 200px;
  overflow: hidden
}

.navbar-brand > img {
  display: block;
  pointer-events: none;
  width: auto;
  height: 50px
}

.navbar-toggle {
  position: relative;
  background-color: transparent;
  background-image: none;
  border: 0;
  color: white;
  font-weight: 500;
  padding: 8px 10px;
  height: 50px;
  min-width: 50px
}

.navbar-toggle:focus {
  outline: 0
}

.navbar-nav__icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  pointer-events: none
}

.navbar-nav__icon + .badge {
  position: absolute;
  top: 8px;
  right: 0
}

.navbar-nav > .dropdown > .dropdown-menu {
  margin-top: 0
}

.navbar-nav > .dropup > .dropdown-menu {
  margin-bottom: 0
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  -webkit-transition: color .2s ease, background-color .2s ease;
  transition: color .2s ease, background-color .2s ease
}

.navbar__open-search-control {
  width: 50px;
  height: 50px;
  position: relative;
  cursor: pointer
}

.navbar__open-search-block {
  border: 0;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  padding: 0;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all .7s cubic-bezier(0.4, 0, .2, 1);
  transition: all .7s cubic-bezier(0.4, 0, .2, 1)
}

.navbar-nav__icon--search {
  position: absolute;
  top: 14px;
  left: 13px;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  pointer-events: none
}

.navbar-search .search-content-form {
  padding: 10px 10px 5px;
  border: 0;
  position: relative
}

.navbar-search .search-content-form .form-group {
  margin-bottom: 0
}

.navbar-search .form-control {
  padding: 6px 38px 6px 12px;
  max-width: none;
  border: 0
}

.navbar-search .form-submit {
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 0;
  line-height: 38px;
  cursor: pointer;
  font-size: 0;
  text-indent: -9999px;
  background-image: url("/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  background-size: 30px auto;
  padding: 0
}

.navbar-secondary {
  -webkit-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  z-index: 1;
  min-height: 46px
}

.navbar-secondary .navbar-nav {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 16px
}

.navbar-secondary .navbar-nav a {
  -webkit-transition: all .3s;
  transition: all .3s;
  white-space: nowrap;
  opacity: .75;
  border-bottom: 2px solid transparent
}

.navbar-secondary .navbar-nav li.active a {
  border-bottom: 2px solid transparent;
  opacity: 1
}

.navbar-secondary .navbar-nav li.active a:hover, .navbar-secondary .navbar-nav li.active a:focus {
  cursor: default
}

@media (min-width: 900px) {
  .navbar-user {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .navbar-search {
    display: none
  }

  .navbar-nav > li > a {
    padding-top: 13px;
    padding-bottom: 13px
  }

  .navbar-collapse {
    width: auto;
    border-top: 0;
    padding-left: 0;
    padding-right: 0
  }

  .navbar-collapse.collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
  }

  .navbar-collapse.in {
    overflow-y: visible
  }

  .navbar-fixed-top .navbar-nav {
    padding-left: 10px
  }

  .navbar-toggle {
    display: none
  }

  .not-logged-in.dropdown.profile .dropdown-toggle {
    display: none
  }

  .search-take-over {
    height: 50px;
    position: fixed;
    top: 20%;
    left: 0;
    width: 100%;
    z-index: 1050;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
  }

  .search-take-over .form-group {
    margin: auto;
    width: 80%;
    max-width: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .search-take-over .form-text {
    font-size: 1.625em;
    height: 54px;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    outline: 0;
    border-radius: 0;
    border-bottom: 2px solid;
    font-weight: 500;
    max-width: none
  }

  .search-take-over .form-submit {
    width: 60px;
    height: 60px;
    min-width: 60px;
    background-image: url("/profiles/contrib/social/themes/socialbase/assets/css/../images/icons/icon-search-white.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px auto;
    background-color: transparent;
    margin-left: 20px;
    padding: 0;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer
  }

  .btn--close-search-take-over {
    background-color: transparent;
    border: 0;
    width: 48px;
    height: 48px;
    padding: 0;
    position: fixed;
    top: 80px;
    right: 80px;
    opacity: 0;
    -webkit-transform: translate(10px, 0) rotate(90deg);
    transform: translate(10px, 0) rotate(90deg);
    -webkit-transition: all .5s ease-in-out .5s;
    transition: all .5s ease-in-out .5s;
    outline: 0
  }

  .btn--close-search-take-over svg {
    height: 48px
  }

  .mode-search {
    overflow: hidden
  }

  .mode-search .search-take-over {
    opacity: 1;
    pointer-events: all
  }

  .mode-search .navbar__open-search-block {
    -webkit-transform: scale(70);
    transform: scale(70);
    -moz-transform: scale(70) rotate(0.02deg);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
  }

  .mode-search .navbar-nav__icon {
    opacity: 0
  }

  .mode-search .main-container {
    z-index: auto;
    pointer-events: none
  }

  .mode-search .btn--close-search-take-over {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: all
  }
}

@media (max-width: 599px) {
  .nav > li.desktop {
    display: none
  }

  .navbar-scrollable {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 46px
  }

  .navbar-scrollable .navbar-nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .navbar-scrollable .navbar-nav::-webkit-scrollbar {
    display: none
  }

  .navbar-scrollable:after {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2
  }
}

@media (max-width: 899px) {
  .container--navbar {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .navbar-fixed-top .navbar-nav .open .dropdown-menu {
    background-color: #fff;
    border: 0;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
    box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
    position: fixed;
    top: auto;
    margin: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    max-height: 100%;
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }

  .navbar-collapse {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
  }

  .navbar-collapse .navbar-nav {
    margin: 6.5px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .navbar-collapse .navbar-nav > li > a {
    padding: 5px 15px
  }

  .navbar-collapse .navbar-nav > li > a.dropdown-toggle {
    pointer-events: none
  }

  .navbar-collapse .dropdown-menu {
    display: block;
    position: relative;
    width: 100%;
    background-color: transparent;
    float: none;
    max-width: none;
    padding-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .navbar-collapse .dropdown-menu li a {
    padding: 5px 15px 5px 30px
  }

  .navbar__open-search-control {
    display: none
  }

  .region--content-top .search-take-over, .btn--close-search-take-over {
    display: none
  }
}

@media screen and (max-height: 480px) {
  .navbar-collapse {
    max-height: 420px
  }
}

.joyride-close-tip {
  color: #4d4d4d;
  font-weight: bold;
  font-size: 2em;
  line-height: 1;
  right: 0;
  top: 0;
  padding: 7px 13px;
  height: 45px;
  width: 45px;
  -webkit-transition: .3s background-color ease;
  transition: .3s background-color ease
}

.joyride-close-tip:focus, .joyride-close-tip:hover {
  background-color: black
}

.joyride-modal-bg {
  display: block !important;
  pointer-events: none;
  z-index: 1060;
  background: rgba(0, 0, 0, .5)
}

.joyride-tip-guide {
  background: transparent;
  z-index: 1070
}

.joyride-tip-guide .joyride-nub.top {
  top: 0;
  border-bottom: 28px solid white;
  border-top: 0
}

.joyride-tip-guide .joyride-nub.top + .joyride-content-wrapper {
  top: 28px
}

.joyride-tip-guide .joyride-nub.bottom {
  bottom: 0;
  border-top: 28px solid white;
  border-bottom: 0
}

.joyride-tip-guide .joyride-nub.bottom + .joyride-content-wrapper {
  bottom: 28px
}

.joyride-tip-guide .joyride-nub.left {
  left: 0;
  border-right: 28px solid white;
  border-left: 0
}

.joyride-tip-guide .joyride-nub.left + .joyride-content-wrapper {
  left: 28px
}

.joyride-tip-guide .joyride-nub.right {
  right: 0;
  border-left: 28px solid white;
  border-right: 0
}

.joyride-tip-guide .joyride-nub.right + .joyride-content-wrapper {
  right: 28px
}

.joyride-tip-guide .tour-progress {
  position: absolute;
  bottom: 25px
}

.joyride-tip-guide .joyride-tip-remove {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 12px
}

.joyride-tip-guide .joyride-tip-remove:hover {
  text-decoration: underline
}

.joyride-content-wrapper {
  background: white;
  color: #4d4d4d;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
  box-shadow: 0 0 15px rgba(0, 0, 0, .5);
  padding: 20px 50px 35px 20px
}

.tour-tip-body, .tour-tip-label {
  text-align: left
}

.tour-tip-label {
  font-size: 1.5rem
}

.joyride-nub {
  z-index: 1;
  border-left: 28px solid transparent;
  border-right: 28px solid transparent;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent
}

@media (min-width: 600px) {
  .joyride-tip-guide {
    width: 450px
  }

  .joyride-tip-guide .joyride-nub.top {
    left: -25px
  }

  .joyride-tip-guide .joyride-nub.top + .joyride-content-wrapper {
    left: -40px
  }

  .joyride-tip-guide .joyride-nub.bottom {
    left: -25px
  }

  .joyride-tip-guide .joyride-nub.bottom + .joyride-content-wrapper {
    left: -40px
  }

  .joyride-tip-guide .joyride-nub.left {
    top: -25px
  }

  .joyride-tip-guide .joyride-nub.left + .joyride-content-wrapper {
    top: -45px
  }

  .joyride-tip-guide .joyride-nub.right {
    top: -25px
  }

  .joyride-tip-guide .joyride-nub.right + .joyride-content-wrapper {
    top: -45px
  }

  .joyride-content-wrapper {
    padding: 35px 65px 35px 35px
  }
}

@media (max-width: 599px) {
  .joyride-tip-guide {
    display: none !important
  }
}

.vote-widget {
  display: inline-block;
  vertical-align: middle
}

.vote-widget .vote-dislike {
  display: none
}

.vote__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.vote-like {
  margin-right: 3px;
  cursor: pointer
}

.icon-vote {
  width: 18px;
  height: 18px;
  padding: 0 1px;
  line-height: 1;
  fill: transparent;
  stroke: #4d4d4d;
  stroke-width: 15px;
  -webkit-transition: .3s;
  transition: .3s;
  vertical-align: text-top
}

svg[class^="icon-vote"] {
  vertical-align: text-bottom
}

.vote__count {
  font-size: 14px
}

.vote__count .use-ajax {
  outline: 0
}

.vote-widget a.disable-status {
  cursor: default
}

.vote-widget a.disable-status .icon-vote {
  fill: transparent;
  stroke: #4d4d4d
}

.voted-like .icon-vote {
  fill: black;
  stroke: black
}

.vote-like a:active.voted-like .icon-vote {
  fill: black;
  stroke: black
}

.vote-like a:active:not(.voted-like) .icon-vote {
  stroke: black;
  fill: transparent
}

.view--who-liked .row {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  padding: .5rem 0
}

.view--who-liked .row:last-child {
  border-bottom: 0
}

.view--who-liked .views-field-rendered-entity-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 54px;
  flex: 0 0 54px
}

.view--who-liked .views-field-rendered-entity-1 a:focus {
  outline: 0
}

.view--who-liked .views-field-name {
  -webkit-box-flex: 2;
  -ms-flex: 2 1 auto;
  flex: 2 1 auto;
  min-width: 0
}

.view--who-liked .views-field-name a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.view--who-liked .views-field-view-user {
  display: none
}

.view--who-liked .mini-pager {
  background-image: none
}

@media (min-width: 600px) {
  .vote-like a:hover .icon-vote {
    stroke: black;
    fill: transparent;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: .3s;
    transition: .3s
  }

  .vote-like a:hover.voted-like .icon-vote, .vote-like a:hover.disable-status .icon-vote {
    fill: #4d4d4d;
    stroke: #4d4d4d;
    -webkit-transform: none;
    transform: none
  }
}

@media (min-width: 900px) {
  .view--who-liked {
    width: 500px
  }

  .view--who-liked .views-field-view-user {
    margin-right: 0;
    display: block
  }

  .view--who-liked .views-field-view-user a {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: .875rem;
    line-height: 1.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    outline: 0
  }
}

@media (max-width: 599px) {
  .vote-widget {
    width: 100%
  }

  .vote__wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .vote-like {
    margin-right: 10px
  }

  .icon-vote {
    width: 22px;
    height: 22px
  }
}

@-webkit-keyframes glyphicon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes glyphicon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.glyphicon-spin {
  display: inline-block;
  -webkit-animation: glyphicon-spin 1s infinite linear;
  animation: glyphicon-spin 1s infinite linear
}

a .glyphicon-spin {
  display: inline-block;
  text-decoration: none
}

html.js .btn .ajax-throbber {
  margin-left: .5em;
  margin-right: -.25em
}

html.js .input-group-addon .glyphicon {
  color: #777;
  opacity: .5;
  -webkit-transition: 150ms color, 150ms opacity;
  transition: 150ms color, 150ms opacity
}

html.js .input-group-addon .glyphicon.glyphicon-spin {
  opacity: 1
}

html.js .ajax-new-content:empty {
  display: none !important
}

.ui-autocomplete.ui-widget-content {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
  box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
  background: white;
  padding: 0;
  list-style: none
}

.ui-autocomplete.ui-widget-content.upward {
  bottom: 38px;
  top: auto !important
}

.ui-autocomplete.ui-widget-content .ui-menu-item {
  font-size: .875rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #555;
  cursor: pointer
}

.ui-autocomplete.ui-widget-content .ui-menu-item > a {
  padding: 7px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.ui-autocomplete.ui-widget-content .ui-menu-item .ui-state-active {
  background-color: #e6e6e6
}

.ui-autocomplete.ui-widget-content .ui-menu-item .mention__avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  max-width: 24px;
  margin-right: 10px
}

.ui-autocomplete.ui-widget-content .ui-menu-item .mention__name {
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.ui-autocomplete.ui-widget-content .ui-menu-item:hover {
  background: #e6e6e6;
  border: 0
}

.ui-autocomplete {
  margin-top: -1px;
  padding-top: 0;
  padding-bottom: 0
}

.ui-front {
  z-index: 1060
}

.ui-widget-header {
  font-weight: 700
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: 0
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555
}

.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus {
  background: #e6e6e6
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #212121;
  text-decoration: none
}

.ui-autocomplete .ui-state-active a, .ui-autocomplete .ui-state-active a:link, .ui-autocomplete .ui-state-active a:visited {
  color: #212121;
  text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("/profiles/contrib/social/themes/socialbase/assets/css/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix {
  min-height: 0
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-state-disabled {
  cursor: default !important
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  opacity: 0
}

.tooltip.in {
  opacity: .9
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: .875rem;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
  margin-top: -10px
}

.popover.right {
  margin-left: 10px
}

.popover.bottom {
  margin-top: 10px
}

.popover.left {
  margin-left: -10px
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: .875rem
}

.popover-content {
  padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover > .arrow {
  border-width: 11px
}

.popover > .arrow:after {
  border-width: 10px;
  content: ""
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  bottom: -11px
}

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0
}

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0
}

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  top: -11px
}

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0
}

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  bottom: -10px
}

[data-toggle="popover"].icon-before:before {
  margin-right: .3em
}

#edit-pass .password-strength, #edit-pass div.password-confirm {
  margin-top: 1em;
  color: #8d8d8d;
  font-size: 80%;
  padding-bottom: 1rem;
  position: relative;
  max-width: 23rem
}

.password-strength__meter {
  height: 3px;
  width: 100%;
  position: absolute;
  margin-top: 2em;
  background-color: #adadad
}

.password-strength__indicator {
  height: 100%;
  width: 0;
  -webkit-transition: width .5s ease-out;
  transition: width .5s ease-out
}

.password-confirm-match {
  visibility: hidden
}

.password-suggestions {
  color: #777;
  padding: 0 1em;
  font-size: 14px
}

.password-suggestions ul {
  margin: 1em 0;
  padding-left: 30px
}

.password-suggestions ul li {
  list-style: square outside;
  line-height: 1.5
}

.password-confirm .ok, .password-confirm .error {
  font-weight: 500
}

@media (min-width: 600px) {
  .section-password {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .form-group--password {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  #edit-pass .password-strength, #edit-pass div.password-confirm {
    position: absolute;
    left: 100%;
    bottom: 5px;
    width: 250px;
    padding-bottom: .5rem;
    padding-left: 1rem
  }

  .password-suggestions {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
  }
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 24px 0
}

.pagination > li {
  display: none
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  text-decoration: none;
  min-width: 44px;
  text-align: center;
  min-height: 32px;
  line-height: 32px
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  z-index: 2
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
  z-index: 3;
  cursor: default
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  cursor: not-allowed
}

.pagination .pager__item--previous, .pagination .pager__item--next, .pagination .pager__item.active {
  display: inline-block
}

.mini-pager {
  position: relative;
  padding-top: 35px;
  list-style: none;
  padding-left: 0;
  text-align: center
}

@media (min-width: 600px) {
  .pagination > li {
    display: inline-block
  }
}

.iframe-container {
  max-width: 100% !important
}

.iframe-container .twitter-tweet, .iframe-container .fb_iframe_widget, .iframe-container iframe {
  max-width: 100% !important;
  width: 100% !important
}

#section-comments a[id^="comment-"] {
  display: block;
  position: relative;
  top: -70px;
  visibility: hidden
}

.comment {
  position: relative;
  margin-top: 1em;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.comment:first-child {
  margin-top: 0
}

.comment .form-actions .btn {
  margin-bottom: 0
}

.comment__avatar {
  margin-right: 8px;
  width: 38px;
  height: 38px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.comment__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.comment__author {
  color: #000;
  padding-right: 30px
}

.comment__metadata {
  display: inline-block;
  font-size: .75rem;
  color: #777
}

.comment__metadata > * {
  display: inline-block;
  margin-right: .5em
}

.comment__text {
  margin: .25em 0 .5em;
  line-height: 1.3
}

.comment__text p {
  word-break: break-word
}

.comment__text p:last-of-type {
  margin-bottom: 0
}

.comment__text .badge {
  margin: 0;
  line-height: 1;
  padding: 2px .6em
}

.comments {
  margin-bottom: .5em;
  padding: 1em .5em 1em 1em
}

.comments .comment:first-of-type {
  margin-top: 0
}

.comments .comment__avatar {
  width: 34px
}

.comments .comment__avatar img {
  width: 34px;
  height: 34px
}

.comment__actions {
  position: absolute;
  top: -8px;
  right: 0
}

.comment__reply-btn {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  font-size: .75rem;
  margin-right: 10px
}

.comment__avatar {
  display: none
}

.comment-form textarea.form-control {
  height: 38px
}

.comment-attachments {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%
}

.comment-attachments .btn {
  margin-left: 0
}

.comment-attachments:not([open]) > *:not(summary) {
  display: none
}

.comment-attachments > summary:before {
  content: '';
  display: none
}

.comment-attachments .btn-link {
  padding-left: 0;
  padding-right: 0
}

.comment-attachments .btn-link svg {
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: bottom
}

summary::-webkit-details-marker {
  display: none
}

summary::-moz-list-bullet {
  list-style-type: none
}

details .details__close-icon, details[open] .details__open-icon {
  display: none
}

details .details__open-icon, details[open] .details__close-icon {
  display: inline-block
}

@media (min-width: 600px) {
  .comment__avatar {
    margin-right: 12px
  }

  .comment__avatar {
    display: block
  }

  .comment-form .btn-icon {
    display: none
  }
}

@media (min-width: 900px) {
  .comments {
    margin-left: 56px
  }
}

@media (max-width: 599px) {
  .comment-form .btn--comment-submit {
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 0
  }

  .comment-form .btn--comment-submit .label {
    font-size: 0;
    text-indent: -9999px
  }

  .main-container.open-keyboard {
    padding-bottom: 270px
  }
}

.stream {
  padding: 0;
  list-style: none;
  position: relative;
  margin-left: -15px
}

.stream:before {
  top: 21px;
  bottom: 0;
  left: 7px;
  width: 2px;
  content: '';
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.stream-item {
  position: relative
}

.stream-item:first-of-type {
  z-index: 2
}

.stream-icon {
  top: 19px;
  left: 4px;
  width: 8px;
  height: 8px;
  position: absolute;
  background: #777;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  border-radius: 50%;
  border: 1px solid #fff
}

.card--stream {
  margin-left: 1.25rem
}

.card--stream:before, .card--stream:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.card--stream:before {
  border-right-color: rgba(0, 0, 0, .12);
  border-width: 7px;
  top: 16px
}

.card--stream:after {
  border-right-color: white;
  border-width: 6px;
  top: 17px
}

.card--stream .mediawrapper {
  margin-top: 15px
}

.card--stream .mediawrapper:first-child {
  margin-top: 0
}

.card--stream .comment__reply-btn {
  display: none
}

.card--stream .comment {
  font-size: .875rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.card--stream .comment__avatar {
  margin-right: 8px;
  width: 44px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.teaser--stream {
  margin-top: .625rem;
  margin-right: -1.25rem;
  margin-bottom: .625rem;
  margin-left: -1.25rem;
  background: #e6e6e6
}

.teaser--stream:last-child {
  margin-bottom: -1.25rem
}

@media (min-width: 600px) {
  .stream {
    margin-left: 0
  }

  .stream:before {
    top: 42px
  }

  .stream-icon {
    left: 0;
    top: 36px;
    width: 16px;
    height: 16px;
    border-width: 2px
  }

  .card--stream {
    margin-left: 30px
  }

  .card--stream:before {
    border-width: 9px;
    top: 35px
  }

  .card--stream:after {
    border-width: 8px;
    top: 36px
  }

  .card--stream .comment__avatar {
    margin-right: 12px
  }

  .teaser--stream {
    height: 200px
  }

  .teaser--stream .teaser__image {
    height: 200px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px
  }
}

@font-face {
  font-family: 'GLS-Black';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Black.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Black.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Black.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Black.svg') format('svg');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'GLS-Bold';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Bold.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Bold.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Bold.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'GLS-ExtraLight';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-ExtraLight.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-ExtraLight.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-ExtraLight.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-ExtraLight.svg') format('svg');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'GLS-Light';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Light.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Light.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Light.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'GLS-Medium';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Medium.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Medium.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Medium.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'GLS-Regular';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-ExtraLight.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-ExtraLight.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-ExtraLight.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-ExtraLight.svg') format('svg');
  font-weight: 100;
  font-style: normal
}

@font-face {
  font-family: 'GLS-Regular';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Light.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Light.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Light.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Light.svg') format('svg');
  font-weight: 200;
  font-style: normal
}

@font-face {
  font-family: 'GLS-Regular';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Regular.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Regular.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Regular.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Regular.svg') format('svg');
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'GLS-Regular';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Medium.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Medium.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Medium.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Medium.svg') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'GLS-Regular';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-SemiBold.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-SemiBold.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-SemiBold.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-SemiBold.svg') format('svg');
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: 'GLS-Regular';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Bold.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Bold.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Bold.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Bold.svg') format('svg');
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: 'GLS-Regular';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Black.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Black.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Black.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-Black.svg') format('svg');
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'GLS-SemiBold';
  src: url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-SemiBold.eot');
  src: local('☺'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-SemiBold.woff') format('woff'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-SemiBold.ttf') format('truetype'), url('/themes/custom/gls/assets/fonts/irma/GLS_Irma-SemiBold.svg') format('svg');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'icomoon';
  src: url('/themes/custom/gls/assets/fonts/icons/icomoon/fonts/icomoon.eot?46wf8c');
  src: url('/themes/custom/gls/assets/fonts/icons/icomoon/fonts/icomoon.eot?46wf8c#iefix') format('embedded-opentype'), url('/themes/custom/gls/assets/fonts/icons/icomoon/fonts/icomoon.ttf?46wf8c') format('truetype'), url('/themes/custom/gls/assets/fonts/icons/icomoon/fonts/icomoon.woff?46wf8c') format('woff'), url('/themes/custom/gls/assets/fonts/icons/icomoon/fonts/icomoon.svg?46wf8c#icomoon') format('svg');
  font-weight: normal;
  font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-at:before {
  content: "\e954"
}

.icon-bobble:before {
  content: "\e900"
}

.icon-calendar:before {
  content: "\e901"
}

.icon-gls:before {
  content: "\e902"
}

.icon-people:before {
  content: "\e903"
}

.icon-plus:before {
  content: "\e904"
}

.icon-project:before {
  content: "\e905"
}

.icon-tools:before {
  content: "\e906"
}

.icon-smiley:before {
  content: "\e907"
}

.icon-light:before {
  content: "\e908"
}

.icon-vege:before {
  content: "\e909"
}

.icon-factory:before {
  content: "\e90a"
}

.icon-home:before {
  content: "\e90b"
}

.icon-heart:before {
  content: "\e90c"
}

.icon-pen:before {
  content: "\e90d"
}

.icon-arrow-up:before {
  content: "\e90e"
}

.icon-arrow-left:before {
  content: "\e90f"
}

.icon-arrow-down:before {
  content: "\e910"
}

.icon-arrow-right:before {
  content: "\e911"
}

.icon-person:before {
  content: "\e912"
}

.icon-wiki:before {
  content: "\e913"
}

.icon-hand:before {
  content: "\e914"
}

.icon-online:before {
  content: "\e915"
}

.icon-exit:before {
  content: "\e916"
}

.icon-new-tab:before {
  content: "\e917"
}

.icon-star-empty:before {
  content: "\e918"
}

.icon-star-full:before {
  content: "\e919"
}

.icon-star-half:before {
  content: "\e91a"
}

.icon-time:before {
  content: "\e91b"
}

.icon-time-2:before {
  content: "\e91c"
}

.icon-target:before {
  content: "\e91d"
}

.icon-settings:before {
  content: "\e91e"
}

.icon-name:before {
  content: "\e91f"
}

.icon-location:before {
  content: "\e920"
}

.icon-link:before {
  content: "\e921"
}

.icon-intres:before {
  content: "\e922"
}

.icon-info:before {
  content: "\e923"
}

.icon-euro:before {
  content: "\e924"
}

.icon-edit-2:before {
  content: "\e925"
}

.icon-draft:before {
  content: "\e926"
}

.icon-delete:before {
  content: "\e927"
}

.icon-delete-2:before {
  content: "\e928"
}

.icon-camera:before {
  content: "\e929"
}

.icon-box:before {
  content: "\e92a"
}

.icon-book:before {
  content: "\e92b"
}

.icon-birthday:before {
  content: "\e92c"
}

.icon-battery:before {
  content: "\e92d"
}

.icon-edit:before {
  content: "\e92e"
}

.icon-filter:before {
  content: "\e92f"
}

.icon-mail:before {
  content: "\e930"
}

.icon-finance:before {
  content: "\e931"
}

.icon-search:before {
  content: "\e932"
}

.icon-add-location:before {
  content: "\e933"
}

.icon-minus:before {
  content: "\e934"
}

.icon-add-video:before {
  content: "\e935"
}

.icon-send:before {
  content: "\e936"
}

.icon-post:before {
  content: "\e937"
}

.icon-spinner:before {
  content: "\e938"
}

.icon-tag:before {
  content: "\e939"
}

.icon-present:before {
  content: "\e93a"
}

.icon-heart-hand:before {
  content: "\e93b"
}

.icon-time-3:before {
  content: "\e93c"
}

.icon-hat:before {
  content: "\e93d"
}

.icon-share:before {
  content: "\e93e"
}

.icon-blogger:before {
  content: "\e93f"
}

.icon-phone:before {
  content: "\e940"
}

.icon-laptop:before {
  content: "\e941"
}

.icon-floppy-disk:before {
  content: "\e942"
}

.icon-eye:before {
  content: "\e943"
}

.icon-cancel-circle:before {
  content: "\e944"
}

.icon-today:before {
  content: "\e945"
}

.icon-sort-amount-desc:before {
  content: "\e946"
}

.icon-web:before {
  content: "\e947"
}

.icon-article:before {
  content: "\e948"
}

.icon-crop:before {
  content: "\e949"
}

.icon-check:before {
  content: "\e94a"
}

.icon-check-2:before {
  content: "\e94b"
}

.icon-sun:before {
  content: "\e94c"
}

.icon-compass:before {
  content: "\e94d"
}

.icon-flag:before {
  content: "\e94e"
}

.icon-grid:before {
  content: "\e94f"
}

.icon-users-group:before {
  content: "\e950"
}

.icon-person-authenticated:before {
  content: "\e951"
}

.icon-people-cloud:before {
  content: "\e952"
}

.icon-add-photo:before {
  content: "\1f30a"
}

.icon-three-dots-horizontal:before {
  content: "\e953"
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../../../node_modules/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../../../node_modules/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
  url('../../../node_modules/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
  url('../../../node_modules/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
  url('../../../node_modules/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
  url('../../../node_modules/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}

.fa-ul > li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-gear:before, .fa-cog:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before, .fa-users:before {
  content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"
}

.fa-euro:before, .fa-eur:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"
}

.fa-won:before, .fa-krw:before {
  content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper-pp:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-heartbeat:before {
  content: "\f21e"
}

.fa-venus:before {
  content: "\f221"
}

.fa-mars:before {
  content: "\f222"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
  content: "\f224"
}

.fa-transgender-alt:before {
  content: "\f225"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-mars-stroke-h:before {
  content: "\f22b"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-genderless:before {
  content: "\f22d"
}

.fa-facebook-official:before {
  content: "\f230"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-server:before {
  content: "\f233"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-user-times:before {
  content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
  content: "\f236"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-train:before {
  content: "\f238"
}

.fa-subway:before {
  content: "\f239"
}

.fa-medium:before {
  content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b"
}

.fa-optin-monster:before {
  content: "\f23c"
}

.fa-opencart:before {
  content: "\f23d"
}

.fa-expeditedssl:before {
  content: "\f23e"
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244"
}

.fa-mouse-pointer:before {
  content: "\f245"
}

.fa-i-cursor:before {
  content: "\f246"
}

.fa-object-group:before {
  content: "\f247"
}

.fa-object-ungroup:before {
  content: "\f248"
}

.fa-sticky-note:before {
  content: "\f249"
}

.fa-sticky-note-o:before {
  content: "\f24a"
}

.fa-cc-jcb:before {
  content: "\f24b"
}

.fa-cc-diners-club:before {
  content: "\f24c"
}

.fa-clone:before {
  content: "\f24d"
}

.fa-balance-scale:before {
  content: "\f24e"
}

.fa-hourglass-o:before {
  content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253"
}

.fa-hourglass:before {
  content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256"
}

.fa-hand-scissors-o:before {
  content: "\f257"
}

.fa-hand-lizard-o:before {
  content: "\f258"
}

.fa-hand-spock-o:before {
  content: "\f259"
}

.fa-hand-pointer-o:before {
  content: "\f25a"
}

.fa-hand-peace-o:before {
  content: "\f25b"
}

.fa-trademark:before {
  content: "\f25c"
}

.fa-registered:before {
  content: "\f25d"
}

.fa-creative-commons:before {
  content: "\f25e"
}

.fa-gg:before {
  content: "\f260"
}

.fa-gg-circle:before {
  content: "\f261"
}

.fa-tripadvisor:before {
  content: "\f262"
}

.fa-odnoklassniki:before {
  content: "\f263"
}

.fa-odnoklassniki-square:before {
  content: "\f264"
}

.fa-get-pocket:before {
  content: "\f265"
}

.fa-wikipedia-w:before {
  content: "\f266"
}

.fa-safari:before {
  content: "\f267"
}

.fa-chrome:before {
  content: "\f268"
}

.fa-firefox:before {
  content: "\f269"
}

.fa-opera:before {
  content: "\f26a"
}

.fa-internet-explorer:before {
  content: "\f26b"
}

.fa-tv:before, .fa-television:before {
  content: "\f26c"
}

.fa-contao:before {
  content: "\f26d"
}

.fa-500px:before {
  content: "\f26e"
}

.fa-amazon:before {
  content: "\f270"
}

.fa-calendar-plus-o:before {
  content: "\f271"
}

.fa-calendar-minus-o:before {
  content: "\f272"
}

.fa-calendar-times-o:before {
  content: "\f273"
}

.fa-calendar-check-o:before {
  content: "\f274"
}

.fa-industry:before {
  content: "\f275"
}

.fa-map-pin:before {
  content: "\f276"
}

.fa-map-signs:before {
  content: "\f277"
}

.fa-map-o:before {
  content: "\f278"
}

.fa-map:before {
  content: "\f279"
}

.fa-commenting:before {
  content: "\f27a"
}

.fa-commenting-o:before {
  content: "\f27b"
}

.fa-houzz:before {
  content: "\f27c"
}

.fa-vimeo:before {
  content: "\f27d"
}

.fa-black-tie:before {
  content: "\f27e"
}

.fa-fonticons:before {
  content: "\f280"
}

.fa-reddit-alien:before {
  content: "\f281"
}

.fa-edge:before {
  content: "\f282"
}

.fa-credit-card-alt:before {
  content: "\f283"
}

.fa-codiepie:before {
  content: "\f284"
}

.fa-modx:before {
  content: "\f285"
}

.fa-fort-awesome:before {
  content: "\f286"
}

.fa-usb:before {
  content: "\f287"
}

.fa-product-hunt:before {
  content: "\f288"
}

.fa-mixcloud:before {
  content: "\f289"
}

.fa-scribd:before {
  content: "\f28a"
}

.fa-pause-circle:before {
  content: "\f28b"
}

.fa-pause-circle-o:before {
  content: "\f28c"
}

.fa-stop-circle:before {
  content: "\f28d"
}

.fa-stop-circle-o:before {
  content: "\f28e"
}

.fa-shopping-bag:before {
  content: "\f290"
}

.fa-shopping-basket:before {
  content: "\f291"
}

.fa-hashtag:before {
  content: "\f292"
}

.fa-bluetooth:before {
  content: "\f293"
}

.fa-bluetooth-b:before {
  content: "\f294"
}

.fa-percent:before {
  content: "\f295"
}

.fa-gitlab:before {
  content: "\f296"
}

.fa-wpbeginner:before {
  content: "\f297"
}

.fa-wpforms:before {
  content: "\f298"
}

.fa-envira:before {
  content: "\f299"
}

.fa-universal-access:before {
  content: "\f29a"
}

.fa-wheelchair-alt:before {
  content: "\f29b"
}

.fa-question-circle-o:before {
  content: "\f29c"
}

.fa-blind:before {
  content: "\f29d"
}

.fa-audio-description:before {
  content: "\f29e"
}

.fa-volume-control-phone:before {
  content: "\f2a0"
}

.fa-braille:before {
  content: "\f2a1"
}

.fa-assistive-listening-systems:before {
  content: "\f2a2"
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "\f2a3"
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "\f2a4"
}

.fa-glide:before {
  content: "\f2a5"
}

.fa-glide-g:before {
  content: "\f2a6"
}

.fa-signing:before, .fa-sign-language:before {
  content: "\f2a7"
}

.fa-low-vision:before {
  content: "\f2a8"
}

.fa-viadeo:before {
  content: "\f2a9"
}

.fa-viadeo-square:before {
  content: "\f2aa"
}

.fa-snapchat:before {
  content: "\f2ab"
}

.fa-snapchat-ghost:before {
  content: "\f2ac"
}

.fa-snapchat-square:before {
  content: "\f2ad"
}

.fa-pied-piper:before {
  content: "\f2ae"
}

.fa-first-order:before {
  content: "\f2b0"
}

.fa-yoast:before {
  content: "\f2b1"
}

.fa-themeisle:before {
  content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4"
}

.fa-handshake-o:before {
  content: "\f2b5"
}

.fa-envelope-open:before {
  content: "\f2b6"
}

.fa-envelope-open-o:before {
  content: "\f2b7"
}

.fa-linode:before {
  content: "\f2b8"
}

.fa-address-book:before {
  content: "\f2b9"
}

.fa-address-book-o:before {
  content: "\f2ba"
}

.fa-vcard:before, .fa-address-card:before {
  content: "\f2bb"
}

.fa-vcard-o:before, .fa-address-card-o:before {
  content: "\f2bc"
}

.fa-user-circle:before {
  content: "\f2bd"
}

.fa-user-circle-o:before {
  content: "\f2be"
}

.fa-user-o:before {
  content: "\f2c0"
}

.fa-id-badge:before {
  content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "\f2c3"
}

.fa-quora:before {
  content: "\f2c4"
}

.fa-free-code-camp:before {
  content: "\f2c5"
}

.fa-telegram:before {
  content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb"
}

.fa-shower:before {
  content: "\f2cc"
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "\f2cd"
}

.fa-podcast:before {
  content: "\f2ce"
}

.fa-window-maximize:before {
  content: "\f2d0"
}

.fa-window-minimize:before {
  content: "\f2d1"
}

.fa-window-restore:before {
  content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
  content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "\f2d4"
}

.fa-bandcamp:before {
  content: "\f2d5"
}

.fa-grav:before {
  content: "\f2d6"
}

.fa-etsy:before {
  content: "\f2d7"
}

.fa-imdb:before {
  content: "\f2d8"
}

.fa-ravelry:before {
  content: "\f2d9"
}

.fa-eercast:before {
  content: "\f2da"
}

.fa-microchip:before {
  content: "\f2db"
}

.fa-snowflake-o:before {
  content: "\f2dc"
}

.fa-superpowers:before {
  content: "\f2dd"
}

.fa-wpexplorer:before {
  content: "\f2de"
}

.fa-meetup:before {
  content: "\f2e0"
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
  .ps {
    overflow: auto !important
  }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .ps {
    overflow: auto !important
  }
}

.ps.ps--active-x > .ps__scrollbar-x-rail, .ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: transparent
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: .9
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: .9
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px
}

.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0;
  height: 15px
}

.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  bottom: 2px;
  height: 6px
}

.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  height: 11px
}

.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  right: 0;
  width: 15px
}

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  right: 2px;
  width: 6px
}

.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  width: 11px
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: .9
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: .9
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px
}

.ps:hover > .ps__scrollbar-x-rail, .ps:hover > .ps__scrollbar-y-rail {
  opacity: .6
}

.ps:hover > .ps__scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: .9
}

.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #999
}

.ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: .9
}

.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #999
}

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, .06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 9pt 4px #fff
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder:after {
  content: '!';
  visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: .4;
  margin-top: -9pt;
  line-height: 20px;
  font-size: 20px !important
}

.selectize-dropdown-header-close:hover {
  color: #000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  box-sizing: border-box
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: 700;
  font-size: 9pt;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, .05)
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #fff
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px
}

.selectize-control {
  position: relative
}

.selectize-dropdown, .selectize-input, .selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit
}

.selectize-control.single .selectize-input.input-active, .selectize-input {
  background: #fff;
  cursor: text;
  display: inline-block
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  border-radius: 3px
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px
}

.selectize-input.full {
  background-color: #fff
}

.selectize-input.disabled, .selectize-input.disabled * {
  cursor: default !important
}

.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15)
}

.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0
}

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca
}

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #fff;
  border: 0 solid #fff
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important
}

.selectize-input > input::-ms-clear {
  display: none
}

.selectize-input > input:focus {
  outline: 0 !important
}

.selectize-input:after {
  content: ' ';
  display: block;
  clear: left
}

.selectize-input.dropdown-active:before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  border-radius: 0 0 3px 3px
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, .2);
  border-radius: 1px
}

.selectize-dropdown .optgroup-header, .selectize-dropdown [data-selectable] {
  padding: 5px 8px
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68
}

.selectize-dropdown .active.create {
  color: #495c68
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, .5)
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch
}

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
  cursor: pointer
}

.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
  cursor: text
}

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0;
  border-color: gray transparent transparent
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px;
  border-color: transparent transparent gray
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important
}

.selectize-control .selectize-input.disabled {
  opacity: .5;
  background-color: #fafafa
}

.leaflet-image-layer, .leaflet-layer, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-pane, .leaflet-pane > canvas, .leaflet-pane > svg, .leaflet-tile, .leaflet-tile-container, .leaflet-zoom-box {
  position: absolute;
  left: 0;
  top: 0
}

.leaflet-container {
  overflow: hidden
}

.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none
}

.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
  width: 100pc;
  height: 100pc;
  -webkit-transform-origin: 0 0
}

.leaflet-marker-icon, .leaflet-marker-shadow {
  display: block
}

.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer {
  max-width: none !important;
  max-height: none !important
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4)
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden
}

.leaflet-tile-loaded {
  visibility: inherit
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800
}

.leaflet-overlay-pane svg {
  -moz-user-select: none
}

.leaflet-pane {
  z-index: 400
}

.leaflet-tile-pane {
  z-index: 200
}

.leaflet-overlay-pane {
  z-index: 400
}

.leaflet-shadow-pane {
  z-index: 500
}

.leaflet-marker-pane {
  z-index: 600
}

.leaflet-tooltip-pane {
  z-index: 650
}

.leaflet-popup-pane {
  z-index: 700
}

.leaflet-map-pane canvas {
  z-index: 100
}

.leaflet-map-pane svg {
  z-index: 200
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px
}

.lvml {
  behavior: url(/sites/default/files/css/optimized/%23default%23VML);
  display: inline-block;
  position: absolute
}

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto
}

.leaflet-bottom, .leaflet-top {
  position: absolute;
  z-index: 1000;
  pointer-events: none
}

.leaflet-top {
  top: 0
}

.leaflet-right {
  right: 0
}

.leaflet-bottom {
  bottom: 0
}

.leaflet-left {
  left: 0
}

.leaflet-control {
  float: left;
  clear: both
}

.leaflet-right .leaflet-control {
  float: right
}

.leaflet-top .leaflet-control {
  margin-top: 10px
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px
}

.leaflet-left .leaflet-control {
  margin-left: 10px
}

.leaflet-right .leaflet-control {
  margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile {
  will-change: opacity
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1
}

.leaflet-zoom-animated {
  transform-origin: 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
  transition: transform .25s cubic-bezier(0, 0, 0.25, 1)
}

.leaflet-pan-anim .leaflet-tile, .leaflet-zoom-anim .leaflet-tile {
  transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden
}

.leaflet-interactive {
  cursor: pointer
}

.leaflet-grab {
  cursor: -moz-grab
}

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
  cursor: crosshair
}

.leaflet-control, .leaflet-popup-pane {
  cursor: auto
}

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -moz-grabbing
}

.leaflet-image-layer, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-pane > svg path, .leaflet-tile-container {
  pointer-events: none
}

.leaflet-image-layer.leaflet-interactive, .leaflet-marker-icon.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted;
  pointer-events: auto
}

.leaflet-container {
  background: #ddd;
  outline: 0
}

.leaflet-container a {
  color: #0078a8
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: hsla(0, 0%, 100%, .5)
}

.leaflet-container {
  font: 9pt/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif
}

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
  border-radius: 4px
}

.leaflet-bar a, .leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000
}

.leaflet-bar a, .leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block
}

.leaflet-bar a:hover {
  background-color: #f4f4f4
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  font: bold 18px Lucida Console, Monaco, monospace;
  text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px
}

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
  background: #fff;
  border-radius: 5px
}

.leaflet-control-layers-toggle {
  background-image: url(/themes/custom/gls/dist/node_modules/leaflet/dist/images/layers.png?a6137);
  width: 36px;
  height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(/themes/custom/gls/dist/node_modules/leaflet/dist/images/layers-2x.png?4f028);
  background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px
}

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px
}

.leaflet-control-layers label {
  display: block
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
  background-image: url(/themes/custom/gls/dist/node_modules/leaflet/dist/images/marker-icon.png?2273e)
}

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: hsla(0, 0%, 100%, .7);
  margin: 0
}

.leaflet-control-attribution, .leaflet-control-scale-line {
  padding: 0 5px;
  color: #333
}

.leaflet-control-attribution a {
  text-decoration: none
}

.leaflet-control-attribution a:hover {
  text-decoration: underline
}

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
  font-size: 11px
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  background: hsla(0, 0%, 100%, .5)
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {
  box-shadow: none
}

.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-layers {
  border: 2px solid rgba(0, 0, 0, .2);
  background-clip: padding-box
}

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 9pt
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4
}

.leaflet-popup-content p {
  margin: 18px 0
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  transform: rotate(45deg)
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #fff;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 1pc/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: 700;
  background: transparent
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px
}

.leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999
}

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666
}

.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before, .leaflet-tooltip-top:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: ""
}

.leaflet-tooltip-bottom {
  margin-top: 6px
}

.leaflet-tooltip-top {
  margin-top: -6px
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -9pt;
  border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -9pt;
  margin-left: -6px;
  border-bottom-color: #fff
}

.leaflet-tooltip-left {
  margin-left: -6px
}

.leaflet-tooltip-right {
  margin-left: 6px
}

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -9pt;
  border-left-color: #fff
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -9pt;
  border-right-color: #fff
}

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%
}

.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cropper-canvas, .cropper-wrap-box {
  overflow: hidden
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0
}

.cropper-modal {
  background-color: #000;
  opacity: .5
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline-color: rgba(51, 153, 255, .75);
  outline: 1px solid #39f;
  overflow: hidden;
  width: 100%
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: .5;
  position: absolute
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: .75;
  position: absolute;
  top: 50%;
  width: 0
}

.cropper-center:after, .cropper-center:before {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute
}

.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px
}

.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px
}

.cropper-face, .cropper-line, .cropper-point {
  display: block;
  height: 100%;
  opacity: .1;
  position: absolute;
  width: 100%
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0
}

.cropper-line {
  background-color: #39f
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: .75;
  width: 5px
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: .75;
    width: 5px
  }
}

.cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%
}

.cropper-invisible {
  opacity: 0
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC')
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0
}

.cropper-hidden {
  display: none !important
}

.cropper-move {
  cursor: move
}

.cropper-crop {
  cursor: crosshair
}

.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
  cursor: not-allowed
}

@charset "UTF-8";
.joyride-beacon {
  appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  padding: 0;
  height: 36px;
  position: relative;
  width: 36px;
  z-index: 1500
}

.joyride-beacon:active, .joyride-beacon:focus, .joyride-beacon:hover {
  outline: 0
}

.joyride-beacon__inner {
  animation: joyride-beacon-inner 1.2s infinite ease-in-out;
  background-color: #8daa0b;
  border-radius: 50%;
  display: block;
  height: 50%;
  left: 50%;
  opacity: .7;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%
}

.joyride-beacon__outer {
  animation: joyride-beacon-outer 1.2s infinite ease-in-out;
  background-color: rgba(141, 170, 11, .2);
  border: 2px solid #8daa0b;
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  height: 100%;
  left: 0;
  opacity: .9;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  transform-origin: center;
  width: 100%
}

.joyride-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1500
}

.joyride-hole {
  border-radius: 4px;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .5), 0 0 15px rgba(0, 0, 0, .5);
  position: absolute
}

.joyride-hole.safari {
  box-shadow: 0 0 999px 9999px rgba(0, 0, 0, .5), 0 0 15px rgba(0, 0, 0, .5)
}

.joyride-tooltip {
  background-color: #fff;
  border-radius: 0;
  color: #555;
  cursor: default;
  filter: drop-shadow(-1px -2px 3px rgba(0, 0, 0, 0.3)) drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3));
  opacity: 0;
  padding: 20px;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
  width: 290px;
  z-index: 1510
}

.joyride-tooltip--animate {
  animation: joyride-tooltip .4s forwards;
  animation-timing-function: cubic-bezier(0, 1.05, 0.55, 1.18)
}

.joyride-tooltip__triangle {
  background-repeat: no-repeat;
  position: absolute
}

.joyride-tooltip.bottom, .joyride-tooltip.bottom-left, .joyride-tooltip.bottom-right {
  margin-top: 18px
}

.joyride-tooltip.bottom .joyride-tooltip__triangle, .joyride-tooltip.bottom-left .joyride-tooltip__triangle, .joyride-tooltip.bottom-right .joyride-tooltip__triangle {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236px%22%20height%3D%2218px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%28180 8 4%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  height: 18px;
  left: 50%;
  top: -1pc;
  transform: translateX(-50%);
  width: 36px
}

.joyride-tooltip.top, .joyride-tooltip.top-left, .joyride-tooltip.top-right {
  margin-bottom: 18px
}

.joyride-tooltip.top .joyride-tooltip__triangle, .joyride-tooltip.top-left .joyride-tooltip__triangle, .joyride-tooltip.top-right .joyride-tooltip__triangle {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236px%22%20height%3D%2218px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%280%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  bottom: -1pc;
  height: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 36px
}

.joyride-tooltip.bottom-left .joyride-tooltip__triangle, .joyride-tooltip.top-left .joyride-tooltip__triangle {
  left: 3%;
  transform: translateX(0)
}

@media screen and (min-width: 480px) {
  .joyride-tooltip.bottom-left .joyride-tooltip__triangle, .joyride-tooltip.top-left .joyride-tooltip__triangle {
    left: 2%
  }
}

.joyride-tooltip.bottom-right .joyride-tooltip__triangle, .joyride-tooltip.top-right .joyride-tooltip__triangle {
  left: auto;
  right: 3%;
  transform: translateX(0)
}

@media screen and (min-width: 480px) {
  .joyride-tooltip.bottom-right .joyride-tooltip__triangle, .joyride-tooltip.top-right .joyride-tooltip__triangle {
    right: 2%
  }
}

.joyride-tooltip.left {
  margin-right: 18px
}

.joyride-tooltip.left .joyride-tooltip__triangle {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2236px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%28270 8 8%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  height: 36px;
  right: -1pc;
  width: 18px
}

.joyride-tooltip.right {
  margin-left: 18px
}

.joyride-tooltip.right .joyride-tooltip__triangle {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2236px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%2890 4 4%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
  height: 36px;
  left: -1pc;
  width: 18px
}

.joyride-tooltip__close {
  appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  padding: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.117.323l-6.073%206.075-5.449-6.075c-.431-.431-1.131-.431-1.562%200-.431.431-.431%201.131%200%201.562l5.449%206.075-6.159%206.159c-.431.431-.431%201.134%200%201.562.431.431%201.131.431%201.562%200l6.075-6.073%205.449%206.073c.429.431%201.131.431%201.56%200%20.431-.429.431-1.131%200-1.562l-5.452-6.073%206.159-6.161c.431-.431.431-1.131%200-1.562-.431-.431-1.129-.431-1.56%200z%22%20fill%3D%22rgba(85, 85, 85, 0.5)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 9pt;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 10px;
  width: 9pt;
  z-index: 10;
  display: block
}

.joyride-tooltip__close:active, .joyride-tooltip__close:focus, .joyride-tooltip__close:hover {
  outline: 0
}

.joyride-tooltip__close:focus, .joyride-tooltip__close:hover {
  color: rgba(60, 60, 60, .5);
  outline: 0
}

.joyride-tooltip__close--header {
  right: 20px;
  top: 20px
}

.joyride-tooltip__header {
  border-bottom: 1px solid #8daa0b;
  color: #555;
  font-size: 20px;
  padding-bottom: 6px;
  padding-right: 18px;
  position: relative
}

.joyride-tooltip__header ~ .joyride-tooltip__main {
  padding: 9pt 0 18px
}

.joyride-tooltip__main {
  font-size: 1pc;
  padding-bottom: 18px;
  padding-right: 18px
}

.joyride-tooltip__footer {
  text-align: right
}

.joyride-tooltip__button {
  appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  padding: 0
}

.joyride-tooltip__button:active, .joyride-tooltip__button:focus, .joyride-tooltip__button:hover {
  outline: 0
}

.joyride-tooltip__button--primary {
  background-color: #8daa0b;
  border-radius: 4px;
  color: #fff;
  padding: 6px 9pt;
  transition: background-color .2s ease-in-out
}

.joyride-tooltip__button--primary:active, .joyride-tooltip__button--primary:focus, .joyride-tooltip__button--primary:hover {
  background-color: #a5c70d;
  color: #fff
}

.joyride-tooltip__button--secondary {
  color: #8daa0b;
  margin-right: 10px
}

.joyride-tooltip__button--skip {
  color: #ccc;
  float: left;
  margin-right: 10px
}

.joyride-tooltip--standalone .joyride-tooltip__main {
  padding-bottom: 0
}

.joyride-tooltip--standalone .joyride-tooltip__footer {
  display: none
}

@media screen and (min-width: 480px) {
  .joyride-tooltip {
    width: 360px
  }
}

@media screen and (min-width: 960px) {
  .joyride-tooltip {
    width: 450px
  }
}

@keyframes joyride-tooltip {
  0% {
    transform: scale(0.1)
  }
  to {
    opacity: 1;
    transform: perspective(1px) scale(1)
  }
}

@keyframes joyride-beacon-inner {
  20% {
    opacity: .9
  }
  90% {
    opacity: .7
  }
}

@keyframes joyride-beacon-outer {
  0% {
    transform: scale(1)
  }
  45% {
    opacity: .7;
    transform: scale(0.75)
  }
  to {
    opacity: .9;
    transform: scale(1)
  }
}

.joyride-overlay {
  top: 1rem
}

.leaflet-shadow-pane {
  opacity: .25
}

.toggle-markers {
  cursor: pointer;
  margin: .3rem 0
}

.toggle-markers img {
  height: 1.5rem
}

.toggle-markers.disabled img {
  visibility: hidden
}

.h1, h1 {
  font-weight: 300
}

@media (min-width: 900px) {
  .h1, h1 {
    font-size: 2.5rem
  }
}

.section-title {
  padding-left: 1rem;
  padding-right: 1rem
}

.top-notification {
  position: relative;
  padding: 7px;
  background-color: #fcf8e3;
  font-size: 14px;
  z-index: 10;
  min-height: 63px;
  width: 100%
}

.top-notification > a {
  margin: 0 20px;
  text-align: center;
  width: calc(100% - 40px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.top-notification .close {
  cursor: pointer;
  font-weight: 100
}

html {
  font-size: 14px
}

body {
  font-size: 1rem;
  font-family: Open Sans, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4d4d4d;
  background-color: #f0f4fa
}

a, body {
  font-weight: 300
}

b, strong {
  font-weight: 600
}

button.button-close {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  border: .15rem solid #fff;
  margin: 0;
  font-size: 1rem;
  line-height: .1;
  float: right;
  background-color: transparent;
  font-weight: 500
}

button.button-close, button.button-close:hover {
  color: #fff;
  opacity: 1
}

button.button-close:focus {
  outline: 0
}

.img-large {
  width: 10rem;
  height: 10rem
}

@media (min-width: 900px) {
  .img-large {
    width: 12rem;
    height: 12rem
  }
}

.img-medium {
  width: 8rem;
  height: 8rem
}

.img-small {
  width: 4rem;
  height: 4rem
}

.img-grid {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px
}

.img-grid img {
  margin: 3px
}

.cover-border {
  border: .4rem solid #2e9021
}

.icon-before {
  font-family: GLS-Regular, sans-serif !important;
  text-transform: inherit;
  line-height: inherit
}

.padding-0 {
  padding: 0 !important
}

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

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

.f-weight-b {
  font-weight: 600
}

.b-white {
  background: #fff
}

.c-white {
  color: #fff
}

.b-black {
  background: #2c2d2f
}

.c-black {
  color: #2c2d2f
}

.b-primary {
  background: #c9dd03
}

.c-primary {
  color: #c9dd03
}

.b-secondary {
  background: #8daa0b
}

.c-secondary {
  color: #8daa0b
}

.c-gray {
  color: #adadad
}

.b-gray {
  background: #adadad
}

.c-gray-lightest {
  color: #e9edf4
}

.b-gray-lightest {
  background: #e9edf4
}

.cursor-disable {
  cursor: not-allowed
}

.highlight {
  background: #c9dd03;
  font-weight: 600
}

.b-gray-banner {
  background: #ebebeb
}

@media only screen and (min-device-width: 480px) and (max-device-width: 740px) and (orientation: landscape) {
  .hidden-for-phone-landscape {
    display: none !important
  }
}

@media only screen and (max-width: 767px) {
  .hidden-for-tablet-down {
    display: none !important
  }
}

@media only screen and (min-width: 740px) {
  .hidden-for-tablet-up {
    display: none !important
  }
}

@media (min-width: 740px) {
  .hidden-for-tablet-portrait-up {
    display: none !important
  }
}

@media (max-width: 899px) {
  .hidden-for-tablet-landscape-down {
    display: none !important
  }
}

@media (min-width: 900px) {
  .hidden-for-tablet-landscape-up {
    display: none !important
  }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 740px) and (orientation: landscape) {
  .visible-for-phone-landscape {
    display: block !important
  }
}

@media only screen and (max-width: 767px) {
  .visible-for-tablet-down {
    display: block !important
  }
}

@media only screen and (min-width: 740px) {
  .visible-for-tablet-up {
    display: block !important
  }
}

@media (min-width: 740px) {
  .visible-for-tablet-portrait-up {
    display: block !important
  }
}

@media (max-width: 899px) {
  .visible-for-tablet-landscape-down {
    display: block !important
  }
}

@media (min-width: 900px) {
  .visible-for-tablet-landscape-up {
    display: block !important
  }
}

.search-map-view {
  width: 100%;
  height: 700px
}

.ajax-progress {
  position: absolute;
  text-align: center;
  font-family: GLS-Regular, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased
}

.ajax-progress:before {
  display: inline-block;
  text-align: center;
  content: '\E938';
  color: #4d4d4d;
  font-family: icomoon;
  font-size: 1.4rem;
  line-height: 1.5rem;
  transition: .15s color, .15s opacity;
  animation: glyphicon-spin 1s infinite linear;
  background-image: none
}

.ajax-progress-fullscreen {
  left: 49%;
  position: fixed;
  top: 48.5%;
  background-color: #222;
  border-radius: .3rem;
  height: 3.2rem;
  padding: .35rem .55rem;
  width: 3.2rem;
  opacity: .5;
  z-index: 2000
}

.ajax-progress-fullscreen:before {
  font-size: 2rem;
  line-height: 2.5rem;
  color: #fff
}

.alert {
  margin: 1rem 1rem 0
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d
}

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

.alert-success .alert-link {
  color: #2b542c
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f
}

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

.alert-info .alert-link {
  color: #245269
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b
}

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

.alert-warning .alert-link {
  color: #66512c
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442
}

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

.alert-danger .alert-link {
  color: #843534
}

.card {
  border-radius: 0;
  background-color: #fff;
  width: 100%
}

.card.no-shadow {
  box-shadow: none
}

.card__block {
  padding: .6rem 1rem .65rem;
  min-height: 1px
}

.card__head {
  border-radius: 0 0 0 0;
  color: #d8d8d8;
  font-weight: 500;
  text-transform: uppercase
}

.card__body:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.card__body:last-child, .card__nested-section:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.card--high {
  box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 9pt rgba(0, 0, 0, .32)
}

.card.friendship-card .user-image:before {
  border-radius: inherit;
  top: 3rem;
  left: 50%;
  transform: translate(-50%, -50%)
}

.btn {
  border-radius: 0
}

.btn.btn-floating {
  border-radius: 50%
}

.btn.c-black {
  color: #2c2d2f
}

.btn-default {
  color: #4d4d4d;
  background-color: #fff;
  border-color: #adadad;
  border-width: .15rem;
  fill: #4d4d4d;
  padding: .5rem 2rem
}

.btn-default.focus, .btn-default:focus {
  color: #4d4d4d;
  background-color: #e6e6e6;
  border-color: #6d6d6d
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle {
  color: #4d4d4d;
  background-color: #e6e6e6;
  border-color: #8e8e8e
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
  color: #4d4d4d;
  background-color: #d4d4d4;
  border-color: #6d6d6d
}

.btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
  background-image: none
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #adadad
}

.btn-default .badge {
  color: #fff;
  background-color: #4d4d4d
}

.btn-primary .badge {
  color: #c9dd03;
  background-color: #fff
}

.btn-secondary {
  color: #fff;
  background-color: #8daa0b;
  border-color: #8daa0b;
  border-width: .15rem;
  fill: #fff;
  padding: .5rem 2rem
}

.btn-secondary.focus, .btn-secondary:focus {
  color: #fff;
  background-color: #657a08;
  border-color: #2a3203
}

.btn-secondary.active, .btn-secondary:active, .btn-secondary:hover, .open > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #657a08;
  border-color: #5d7107
}

.btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .open > .btn-secondary.dropdown-toggle.focus, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle:hover {
  color: #fff;
  background-color: #495906;
  border-color: #2a3203
}

.btn-secondary.active, .btn-secondary:active, .open > .btn-secondary.dropdown-toggle {
  background-image: none
}

.btn-secondary.disabled.focus, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary[disabled].focus, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:hover {
  background-color: #8daa0b;
  border-color: #8daa0b
}

.btn-secondary .badge {
  color: #8daa0b;
  background-color: #fff
}

.btn-accent {
  color: #333;
  background-color: #b90000;
  border-color: #b90000;
  border-width: .15rem;
  padding: .5rem 2rem;
  fill: #333
}

.btn-accent.focus, .btn-accent:focus {
  color: #333;
  background-color: #860000;
  border-color: #3a0000
}

.btn-accent.active, .btn-accent:active, .btn-accent:hover, .open > .btn-accent.dropdown-toggle {
  color: #333;
  background-color: #860000;
  border-color: #7c0000
}

.btn-accent.active.focus, .btn-accent.active:focus, .btn-accent.active:hover, .btn-accent:active.focus, .btn-accent:active:focus, .btn-accent:active:hover, .open > .btn-accent.dropdown-toggle.focus, .open > .btn-accent.dropdown-toggle:focus, .open > .btn-accent.dropdown-toggle:hover {
  color: #333;
  background-color: #620000;
  border-color: #3a0000
}

.btn-accent.active, .btn-accent:active, .open > .btn-accent.dropdown-toggle {
  background-image: none
}

.btn-accent.disabled.focus, .btn-accent.disabled:focus, .btn-accent.disabled:hover, .btn-accent[disabled].focus, .btn-accent[disabled]:focus, .btn-accent[disabled]:hover, fieldset[disabled] .btn-accent.focus, fieldset[disabled] .btn-accent:focus, fieldset[disabled] .btn-accent:hover {
  background-color: #b90000;
  border-color: #b90000
}

.btn-accent .badge {
  color: #b90000;
  background-color: #333
}

.btn-white {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  border-width: .15rem;
  fill: #fff;
  padding: .5rem 2rem
}

.btn-white.focus, .btn-white:focus {
  color: #fff;
  background-color: transparent;
  border-color: #bfbfbf
}

.btn-white.active, .btn-white:active, .btn-white:hover, .open > .btn-white.dropdown-toggle {
  color: #fff;
  background-color: transparent;
  border-color: #e0e0e0
}

.btn-white.active.focus, .btn-white.active:focus, .btn-white.active:hover, .btn-white:active.focus, .btn-white:active:focus, .btn-white:active:hover, .open > .btn-white.dropdown-toggle.focus, .open > .btn-white.dropdown-toggle:focus, .open > .btn-white.dropdown-toggle:hover {
  color: #fff;
  background-color: transparent;
  border-color: #bfbfbf
}

.btn-white.active, .btn-white:active, .open > .btn-white.dropdown-toggle {
  background-image: none
}

.btn-white.disabled.focus, .btn-white.disabled:focus, .btn-white.disabled:hover, .btn-white[disabled].focus, .btn-white[disabled]:focus, .btn-white[disabled]:hover, fieldset[disabled] .btn-white.focus, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:hover {
  background-color: transparent;
  border-color: #fff
}

.btn-white .badge {
  color: transparent;
  background-color: #fff
}

textarea {
  width: 100%;
  resize: vertical
}

.tab-content .tab-pane {
  display: none
}

.tab-content .tab-pane.active {
  display: block
}

.tab-bar {
  padding: 0;
  margin: 0
}

.tab-bar:after, .tab-bar:before {
  content: " ";
  display: table
}

.tab-bar:after {
  clear: both
}

.tab-bar li {
  float: left;
  list-style: none
}

.tab-bar li .tab-item {
  display: block;
  cursor: pointer;
  text-decoration: none;
  margin: 0;
  padding: 0;
  outline: 0;
  user-select: none;
  text-align: center;
  padding: .7rem 1.4rem;
  font-size: 1.1rem;
  border-top: 3px solid transparent
}

.tab-bar li.active {
  border-color: #a6a6a6
}

.tab-bar li.active .tab-item {
  background: #fff;
  border-radius: 2px 2px 0 0;
  border-top-color: #ddeafd;
  cursor: default
}

label {
  font-weight: 500
}

.form-control {
  height: auto;
  padding: .8rem 1rem;
  min-width: 100%;
  border: 1px solid #adadad
}

.form-control.form-select {
  padding: 0;
  border: none
}

.form-control-required {
  color: #b90000;
  font-weight: 500
}

.form-control::placeholder {
  color: #999
}

.selectize-input {
  height: auto;
  min-width: 100%;
  border: 1px solid #adadad;
  border-radius: 0
}

.selectize-control.form-select .selectize-input {
  padding: 1rem
}

.selectize-control.multi {
  padding: 0
}

.selectize-control.multi .selectize-input {
  padding: .5rem 1rem
}

.selectize-control.multi .selectize-input.has-items {
  padding: .4rem 1rem .6rem;
  min-height: 3.3rem
}

.selectize-control.multi .selectize-input > input {
  margin: .3rem .3rem 0 0 !important;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 2pc !important;
  float: left
}

.selectize-control.multi .selectize-input [data-value] {
  display: flex;
  border: 10px;
  cursor: default;
  text-decoration: none;
  margin: .3rem .3rem 0 0;
  padding: 0;
  outline: 0;
  position: relative;
  background: #e0e0e0;
  border-radius: 1pc;
  white-space: nowrap;
  width: fit-content;
  float: left
}

.selectize-control.multi .selectize-input [data-value].empty {
  display: none
}

.selectize-control.multi .selectize-input [data-value] > .text {
  color: #2c2d2f;
  font-size: 14px;
  font-weight: 400;
  line-height: 2pc;
  padding-left: 9pt;
  padding-right: 9pt;
  user-select: none;
  white-space: nowrap;
  text-shadow: none
}

.selectize-control.multi .selectize-input [data-value] > .remove {
  background: #adadad;
  color: #e9edf4;
  height: 24px;
  width: 24px;
  user-select: none;
  cursor: pointer;
  margin: 4px 4px 0 -8px;
  border-radius: 50%;
  font-size: 21px;
  text-shadow: none;
  box-shadow: none
}

.selectize-control.multi .selectize-input [data-value] > .remove:hover {
  background: #989595
}

.selectize-control + .input-group-addon {
  display: none;
  position: absolute;
  z-index: 1;
  right: 0;
  margin: .7rem 1.3rem;
  pointer-events: none
}

.selectize-control.loading + .input-group-addon, .selectize-control.loading + .input-group-addon .glyphicon {
  display: inline-block
}

.selectize-control.loading + .input-group-addon .glyphicon:before {
  font-size: 1.1rem;
  transform: translate(0, -10%)
}

.selectize-dropdown {
  position: absolute !important;
  z-index: 9999 !important;
  margin-top: 3px
}

.selectize-dropdown .optgroup-header, .selectize-dropdown .option {
  padding: .7rem
}

.selectize-dropdown .optgroup-header {
  font-weight: 500;
  font-size: .8rem
}

.selectize-dropdown .option {
  padding-left: 1rem
}

.select-wrapper:after {
  content: none
}

[type=checkbox]:checked + label:before {
  border-bottom-color: #2c2d2f;
  border-right-color: #2c2d2f
}

[type=radio]:checked + label:before {
  border-radius: 50%;
  border: 2px solid #2c2d2f;
  background: #aaa;
}

textarea.form-control {
  min-height: 10rem
}

.ui-menu {
  background: #fff;
  border: 1px solid #adadad
}

.ui-menu .ui-menu-item {
  padding: .5rem
}

.input-group {
  display: flex
}

.input-group .form-control {
  flex: 2;
  display: inline-flex;
  min-width: auto;
  max-width: 100%;
  position: static;
  z-index: initial
}

.input-group-btn {
  flex: 0;
  display: inline-flex
}

.selectize-input.input-active.focus, input:focus, select:focus, textarea:focus {
  outline-offset: 1px;
  outline: 2px solid #4b99d9
}

.ckeditor-simple + .cke_chrome {
  border: 0
}

.ckeditor-simple + .cke_chrome .cke_top {
  background: transparent;
  border: none;
  margin-bottom: 3px;
  margin-left: -3px;
  width: 100%;
  padding: 9px 3px 0;
  box-sizing: content-box;
  position: absolute;
  bottom: 100%;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition: transform .5s ease, opacity .3s ease, background .3s ease;
  transform: translate(0, 100%)
}

.ckeditor-simple + .cke_chrome .cke_inner {
  background: transparent;
  position: relative
}

.ckeditor-simple + .cke_chrome .cke_bottom {
  display: none
}

.ckeditor-simple + .cke_chrome .cke_button {
  margin-right: 4px
}

.ckeditor-simple + .cke_chrome .cke_button_off, .ckeditor-simple + .cke_chrome .cke_button_on, .ckeditor-simple + .cke_chrome .cke_combo_button {
  border-radius: 4px;
  border-color: transparent !important
}

.ckeditor-simple + .cke_chrome .cke_button_off:active, .ckeditor-simple + .cke_chrome .cke_button_off:focus, .ckeditor-simple + .cke_chrome .cke_button_off:hover, .ckeditor-simple + .cke_chrome .cke_button_on:active, .ckeditor-simple + .cke_chrome .cke_button_on:focus, .ckeditor-simple + .cke_chrome .cke_button_on:hover, .ckeditor-simple + .cke_chrome .cke_combo_button:active, .ckeditor-simple + .cke_chrome .cke_combo_button:focus, .ckeditor-simple + .cke_chrome .cke_combo_button:hover {
  background: #adadad
}

.ckeditor-simple + .cke_chrome .cke_button_on {
  background: #c9dd03
}

.ckeditor-simple + .cke_chrome .cke_button_label, .ckeditor-simple + .cke_chrome .cke_combo_text {
  font-family: GLS-Regular, sans-serif
}

.ckeditor-simple + .cke_chrome .cke_toolgroup {
  margin: 1px 15px 6px 0
}

.ckeditor-simple + .cke_chrome .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after, .ckeditor-simple + .cke_chrome .cke_toolgroup a.cke_button:last-child:after {
  display: none
}

.ckeditor-simple + .cke_chrome.cke_focus .cke_top {
  background: #f0f4fa;
  display: block;
  opacity: 1;
  transform: translate(0, 0);
  overflow: visible;
  pointer-events: auto
}

.ckeditor-simple + .cke_chrome.cke_focus .cke_contents {
  outline-offset: 1px;
  outline: 2px solid #4b99d9
}

.ckeditor-simple-wrapper .filter-wrapper {
  display: none;
  pointer-events: none
}

textarea + .character-counter-wrap {
  text-align: right;
  height: 0;
  pointer-events: none;
  font-size: .9rem;
  opacity: 0;
  transform: translate(0, -0.5rem);
  transition: opacity .3s ease, transform .5s ease
}

textarea + .character-counter-wrap .separate {
  font-size: .7em;
  opacity: .8;
  padding: 0 .3rem
}

textarea:focus + .character-counter-wrap {
  opacity: 1;
  transform: translate(0, 0)
}

.backdrop {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .8);
  z-index: 900
}

.backdrop, .backdrop.active {
  transition: .3s;
  transition-delay: .1s
}

.backdrop.active {
  visibility: visible;
  opacity: 1
}

@media (min-width: 900px) {
  .backdrop.active {
    visibility: hidden;
    opacity: 0
  }
}

.section {
  position: relative;
  width: 100%;
  padding: 2rem 0
}

.section--white {
  background-color: #fff
}

.section--green {
  background-color: #c9dd03
}

.section__title {
  padding: 1rem
}

.section__title--front {
  padding: 0 1rem 2rem;
  margin: 0
}

.section--default {
  padding: 0
}

@media (min-width: 740px) {
  .section {
    padding: 4rem 0
  }

  .section--default {
    padding: 0
  }
}

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #2c2d2f;
  width: .25rem
}

.badge {
  position: relative;
  float: right;
  background: #8daa0b;
  color: #fff;
  padding: .2rem .7rem .4rem;
  border-radius: 1rem;
  font-size: .8rem;
  border: .1rem solid #fff
}

.icon-cricle {
  font-size: 1.7rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  padding: 1rem;
  color: #2c2d2f;
  background: #c9dd03
}

.icon-cricle--small {
  font-size: 1rem;
  width: 2rem;
  height: 2rem;
  padding: .5rem
}

.icon-cricle--big {
  font-size: 2.5rem;
  width: 6rem;
  height: 6rem;
  padding: 1.8rem
}

.icon-cricle--inactive {
  color: #fff;
  background: #adadad
}

.icon-event:before {
  content: "\E901"
}

.icon-forum:before {
  content: "\E900"
}

.icon-tool:before {
  content: "\E906"
}

[class*=" icon-"], [class^=icon-] {
  background-image: none
}

.glyphicon-info-sign:before {
  background-image: url(/themes/custom/gls/dist/assets/svg/info.svg?3e658);
  width: 13px;
  height: 13px;
  top: 0
}

.ui-datepicker {
  background: #fff
}

div[data-toggle=gls-popover] {
  cursor: pointer
}

.popover {
  min-width: 24rem;
  background: #e9edf4;
  border: .2rem solid #8daa0b
}

.popover.top > .arrow {
  border-top-color: #8daa0b
}

.popover.top > .arrow:after {
  bottom: 4px;
  border-top-color: #e9edf4
}

.popover.bottom > .arrow {
  border-bottom-color: #8daa0b;
  top: -9pt
}

.popover.bottom > .arrow:after {
  top: 4px;
  border-bottom-color: #e9edf4
}

.popover.right > .arrow {
  left: -9pt;
  border-right-color: #8daa0b
}

.popover.right > .arrow:after {
  left: 4px;
  border-right-color: #e9edf4
}

.popover.left > .arrow {
  border-left-color: #8daa0b
}

.popover.left > .arrow:after {
  right: 4px;
  border-left-color: #e9edf4
}

.popover__inner__title-left h5 {
  font-weight: 600
}

.popover__inner__title-right {
  padding-top: .9rem
}

.popover__inner__title-right > span > span {
  font-size: 1.5rem;
  vertical-align: sub
}

@media only screen and (min-width: 740px) {
  .popover {
    max-width: 30rem;
    width: 30rem
  }
}

.image-advance-upload-widget {
  background: #f3f3f3;
  position: relative;
  display: block !important;
  border: 2px dashed #afc91c;
  border-radius: 4px
}

.image-advance-upload-widget.has-preview {
  border: 2px solid #afc91c
}

.image-advance-upload-widget .image-widget-data {
  cursor: pointer;
  position: relative;
  min-height: 5rem;
  padding: 0;
  background: transparent
}

.image-advance-upload-widget .image-widget-data input {
  opacity: 0
}

.image-advance-upload-widget .image-widget-data .form-file {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.image-advance-upload-widget .image-advance-preview {
  min-height: 3rem;
  width: 100%
}

.image-advance-upload-widget .image-advance-preview > img {
  width: 100%;
  pointer-events: none;
  border-radius: 2px
}

.image-advance-upload-widget .image-advance-preview:hover > img {
  opacity: .5
}

.image-advance-upload-widget .image-advance-preview + .image-widget-data {
  border: none;
  min-height: 0;
  position: static;
  padding: 0
}

.image-advance-upload-widget .image-advance-preview + .image-widget-data > .form-type-textfield {
  display: none
}

.image-advance-upload-widget .image-advance-preview + .image-widget-data input, .image-advance-upload-widget .image-advance-preview + .image-widget-data p {
  position: absolute;
  opacity: 0;
  pointer-events: none
}

.image-advance-upload-widget .image-advance-preview + .image-widget-data .button {
  position: absolute;
  top: .5rem;
  right: .5rem;
  margin: 0;
  width: 2rem;
  overflow: hidden;
  -webkit-appearance: none;
  text-indent: 4rem;
  height: 2rem;
  padding: 0;
  border-radius: 50%;
  border: none;
  background: #afc91c;
  cursor: pointer;
  z-index: 1
}

.image-advance-upload-widget .image-advance-preview + .image-widget-data .button:after {
  content: '\D7';
  position: absolute;
  text-indent: 0;
  left: 0;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 2rem;
  line-height: .9rem
}

.image-advance-upload-widget .image-advance-preview + .image-widget-data .button:hover {
  background: #2e9021
}

.image-advance-upload-widget .image-advance-preview + .image-widget-data .crop-button {
  top: auto;
  bottom: .5rem
}

.image-advance-upload-widget .image-advance-preview + .image-widget-data .crop-button:after {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\E949';
  font-size: 1.3rem;
  line-height: 1.5rem
}

.image-advance-upload-widget:hover .image-advance-preview > img {
  opacity: .5
}

.image-advance-upload-widget .intro-text {
  text-align: center;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  pointer-events: none
}

.image-advance-upload-widget .imgadvwd-progress-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.image-advance-upload-widget .imgadvwd-progress-wrapper .glyphicon {
  display: none;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin-top: -1rem
}

.image-advance-upload-widget.loading-image .intro-text {
  display: none
}

.image-advance-upload-widget.loading-image .image-advance-preview > img {
  opacity: 0
}

.image-advance-upload-widget.loading-image .image-advance-preview + .image-widget-data .button {
  display: none
}

.image-advance-upload-widget.loading-image .imgadvwd-progress-wrapper .glyphicon {
  display: inline-block;
  animation: glyphicon-spin 1s infinite linear
}

.image-advance-crop-wrapper:not(.ready) {
  opacity: 0
}

.image-advance-crop-wrapper .vertical-tabs-list {
  display: none
}

.image-advance-crop-wrapper .vertical-tabs-panes {
  padding: 0
}

.image-advance-crop-wrapper .crop-preview-wrapper {
  margin: 0
}

.image-advance-crop-wrapper .crop-preview-wrapper__crop-reset, .image-advance-crop-wrapper .crop-preview-wrapper__value, .image-advance-crop-wrapper .cropper-center, .image-advance-crop-wrapper .cropper-dashed, .image-advance-crop-wrapper .tab-pane > summary, .image-advance-crop-wrapper .tab-pane > summary::-webkit-details-marker, .image-advance-crop-wrapper > summary, .image-advance-crop-wrapper > summary::-webkit-details-marker {
  display: none
}

.image-advance-crop-wrapper .vertical-tabs, .image-advance-crop-wrapper .vertical-tabs .tab-content {
  display: block
}

.image-advance-crop-wrapper .cropper-modal {
  background: #fff;
  opacity: .82
}

.image-advance-crop-wrapper .cropper-point {
  background-color: #afc91c;
  opacity: 1
}

.image-advance-crop-wrapper .cropper-line {
  opacity: 0;
  background-color: transparent
}

.image-advance-crop-wrapper .cropper-line.line-n, .image-advance-crop-wrapper .cropper-line.line-s {
  height: 2px
}

.image-advance-crop-wrapper .cropper-line.line-e, .image-advance-crop-wrapper .cropper-line.line-w {
  width: 2px
}

.image-advance-crop-wrapper .cropper-point {
  width: 7px;
  height: 7px
}

.image-advance-crop-wrapper .cropper-view-box {
  outline: 0;
  border: 2px dashed #afc91c
}

.image-advance-upload-widget.hide-preview .crop-button, .image-advance-upload-widget.hide-preview .image-advance-preview {
  display: none
}

.image-advance-upload-widget .image-advance-crop-wrapper > .card {
  background: none;
  box-shadow: none;
  display: block
}

.image-advance-upload-widget .image-advance-crop-wrapper > .form-group {
  margin: 0
}

.image-advance-upload-widget.hide-crop .image-advance-crop-wrapper > .card, .image-advance-upload-widget.hide-crop .image-advance-crop-wrapper > .vertical-tabs {
  height: 0;
  position: absolute;
  overflow: hidden;
  pointer-events: none
}

.gls-text-read-hide-text {
  max-height: 7.5rem;
  overflow: hidden
}

.mentions-input {
  width: 100%
}

.mentions-input .ui-menu-item {
  border-top: 1px solid #d8d8d8;
  padding: 0
}

.mentions-input .ui-menu-item:first-child {
  border-top: none
}

.mentions-input .ui-menu-item .ui-state-active {
  border: none
}

.mentions-input .ui-autocomplete {
  padding: 0
}

.mentions-input .mention .media-body {
  padding-top: 1.2rem !important
}

.mentions-input .mention__item {
  padding: .5rem;
  height: auto
}

.action-wrapper {
  display: flex
}

@media only screen and (max-width: 767px) {
  .action-wrapper {
    margin-right: 10px
  }
}

.action-content--left {
  flex: 1;
  margin: 0
}

.entity-action {
  margin-left: .5rem
}

.entity-action__icon {
  margin-right: .4rem
}

.toolbar a {
  font-family: Source Sans Pro, Lucida Grande, Verdana, sans-serif
}

@media (min-width: 900px) {
  .breadcrumbs {
    background-color: #fff
  }
}

.breadcrumb > .active {
  color: #555
}

.book-menu .list-item--active-trail > a {
  color: #c9dd03;
  text-decoration: none
}

.nav-tabs {
  border-bottom: 1px solid transparent
}

.nav-tabs > li > a:hover {
  border-color: transparent
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #c9dd03;
  background-color: transparent;
  border: 1px solid transparent
}

.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
  background-color: #e3e3e3;
  border-bottom-color: #e3e3e3
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  font-weight: 500;
  color: #c9dd03;
  background-color: transparent
}

@media (min-width: 900px) {
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-bottom: 2px solid #c9dd03
  }
}

.brand-primary > .nav-tabs a, .brand-secondary > .nav-tabs a, .nav-tabs.brand-primary a, .nav-tabs.brand-secondary a {
  color: #fff;
  opacity: .75
}

.brand-primary > .nav-tabs a:focus, .brand-primary > .nav-tabs a:hover, .brand-secondary > .nav-tabs a:focus, .brand-secondary > .nav-tabs a:hover, .nav-tabs.brand-primary a:focus, .nav-tabs.brand-primary a:hover, .nav-tabs.brand-secondary a:focus, .nav-tabs.brand-secondary a:hover {
  outline: 0;
  background-color: #657a08;
  border-bottom-color: #657a08
}

.brand-primary > .nav-tabs > li.active > a, .brand-secondary > .nav-tabs > li.active > a, .nav-tabs.brand-primary > li.active > a, .nav-tabs.brand-secondary > li.active > a {
  color: #fff;
  opacity: 1
}

@media (min-width: 900px) {
  .brand-primary > .nav-tabs > li.active > a, .brand-secondary > .nav-tabs > li.active > a, .nav-tabs.brand-primary > li.active > a, .nav-tabs.brand-secondary > li.active > a {
    border-bottom: 2px solid #fff
  }
}

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:focus, .tabs-left > .nav-tabs .active > a:hover {
  border-right: 2px solid #c9dd03
}

.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:focus, .tabs-right > .nav-tabs .active > a:hover {
  border-left: 2px solid #c9dd03
}

.tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
  border-radius: 0 0 0 0
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li .navbar--notification-badge, .navbar-fixed-top .navbar-actions #nav-menu-icon .total-notification-badge {
  position: absolute;
  z-index: 1000;
  color: #b90000;
  background-color: #b90000;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 1rem;
  border-radius: 100%;
  text-align: center;
  font-family: GLS-Regular, sans-serif
}

.navbar-fixed-top {
  background-color: #fff;
  min-height: 4.5rem;
  box-shadow: none
}

.navbar-fixed-top.headroom:not(.lock-hide) {
  will-change: transform;
  transition: transform .4s ease
}

.navbar-fixed-top.headroom:not(.lock-hide).headroom--pinned {
  transform: translateY(0%)
}

.navbar-fixed-top.headroom:not(.lock-hide).headroom--unpinned {
  transform: translateY(-100%)
}

.navbar-fixed-top > container {
  position: relative
}

.navbar-fixed-top .navbar-center-title {
  display: none;
  position: absolute;
  top: 1.5rem;
  left: 7rem;
  font-size: 1rem;
  font-weight: 600;
  width: 18rem;
  text-align: center
}

.navbar-fixed-top .navbar-header {
  position: relative;
  z-index: 1;
  cursor: pointer;
  float: left
}

.navbar-fixed-top .navbar-header .navbar-brand {
  height: 4.5rem;
  max-width: 6rem;
  padding-left: 1rem
}

.navbar-fixed-top .navbar-header .navbar-brand > img {
  height: 3rem;
  margin-top: .6rem
}

.navbar-fixed-top .navbar-actions {
  width: auto;
  flex-grow: 2
}

.navbar-fixed-top .navbar-actions #nav-menu-icon {
  position: relative
}

.navbar-fixed-top .navbar-actions #nav-menu-icon .total-notification-badge {
  top: 1.5rem;
  left: 2rem
}

.navbar-fixed-top .navbar.menu-login {
  float: right
}

.navbar-fixed-top .navbar.menu-login ul.nav {
  float: right;
  padding-top: 1rem
}

.navbar-fixed-top .navbar.menu-login ul.nav li {
  display: inline-block
}

.navbar-fixed-top .navbar.menu-login ul.nav li a {
  min-width: 6rem;
  text-align: center;
  line-height: 1.5
}

.navbar-fixed-top .navbar.menu-login ul.nav li a, .navbar-fixed-top .navbar.menu-login ul.nav li button {
  color: #2c2d2f;
  margin-right: 1rem;
  text-transform: uppercase;
  padding: .5rem .7rem
}

.navbar-fixed-top .navbar.menu-right-navigation {
  display: none;
  margin-top: 0;
  margin-bottom: 0;
  float: right
}

.navbar-fixed-top .navbar.menu-right-navigation .user-image--nav-close {
  width: 3rem;
  height: 3rem
}

.navbar-fixed-top .navbar.menu-right-navigation .dropdown > a {
  padding: .6rem 1.5rem;
  height: auto
}

.navbar-fixed-top .navbar.menu-right-navigation .dropdown > a:after, .navbar-fixed-top .navbar.menu-right-navigation .dropdown > a:before {
  content: " ";
  display: table
}

.navbar-fixed-top .navbar.menu-right-navigation .dropdown > a:after {
  clear: both
}

.navbar-fixed-top .navbar.menu-right-navigation .dropdown > a .icon-white {
  fill: #555
}

.navbar-fixed-top .navbar.menu-right-navigation .dropdown > a:focus .icon-white, .navbar-fixed-top .navbar.menu-right-navigation .dropdown > a:hover .icon-white {
  fill: #c9dd03
}

.navbar-fixed-top .navbar.menu-right-navigation .dropdown .dropdown-menu {
  display: block;
  right: -17rem;
  transition: right .3s
}

.navbar-fixed-top .navbar.menu-right-navigation .dropdown.open .dropdown-menu {
  right: 0;
  transition: right .3s
}

@media (min-width: 900px) {
  .navbar-fixed-top .navbar.menu-right-navigation .dropdown .dropdown-menu {
    display: none;
    right: 0
  }

  .navbar-fixed-top .navbar.menu-right-navigation .dropdown.open .dropdown-menu {
    display: block
  }
}

.navbar-fixed-top .navbar.menu-right-navigation .dropdown-menu {
  position: fixed;
  right: 0;
  left: auto;
  padding: 1rem;
  width: 17rem;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  background: #c9dd03;
  box-shadow: none;
  border-radius: 0;
  border-left: .3rem solid #d8d8d8;
  z-index: 1030
}

.navbar-fixed-top .navbar-toggle {
  display: block;
  float: right;
  background: #c9dd03;
  color: #2c2d2f;
  line-height: 1.7;
  padding: .6rem 1.25rem;
  font-size: 2rem;
  height: 4.5rem;
  border-radius: 0
}

.navbar-fixed-top #main-navigation.navbar-collapse {
  position: absolute;
  right: 0;
  width: 5.5rem;
  background: #fff;
  top: 5rem;
  box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 9pt rgba(0, 0, 0, .32);
  max-height: none;
  transition: .3s width
}

@media (max-width: 899px) {
  .navbar-fixed-top #main-navigation.navbar-collapse {
    z-index: 1000;
    border: 0;
    border-left: .3rem solid #d8d8d8;
    overflow-x: hidden;
    overflow-y: auto;
    backface-visibility: hidden
  }

  .navbar-fixed-top #main-navigation.navbar-collapse.in {
    right: 0;
    transition: right .3s
  }
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav {
  text-align: right;
  width: 100%;
  margin: 0;
  float: right
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li .navbar--notification-badge {
  right: 1rem;
  bottom: .5rem
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a {
  position: relative;
  display: inline-block;
  font-size: 0;
  padding: .2rem 1.4rem .2rem 0;
  height: 4rem;
  line-height: 4rem;
  width: 100%
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a span.caret {
  display: none
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a.is-active {
  border-left: .5rem solid #8daa0b
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a:after, .navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a:before {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2rem;
  display: inline-block;
  color: #8daa0b;
  position: relative;
  top: .5rem;
  margin-left: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a:before {
  position: absolute;
  top: auto;
  bottom: .5rem;
  right: .8rem;
  font-size: .8rem;
  background: #c9dd03;
  border-radius: 50%;
  padding: .35rem;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a.nofity:before {
  background: #b90000;
  content: "1";
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  padding: .15rem;
  text-align: center
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li .gls-dropdown-menu {
  font-size: 0;
  list-style: none;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  height: .1rem;
  transition: .5s all
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li .gls-dropdown-menu li {
  position: relative
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li .gls-dropdown-menu li a {
  width: 100%
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li.open {
  background: #f0f4fa
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li.open > a {
  background: #e9edf4
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li.open .gls-dropdown-menu {
  visibility: visible;
  opacity: 1;
  height: auto
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li.open .gls-dropdown-menu li a {
  height: 4rem
}

.navbar-fixed-top #main-navigation.navbar-collapse.collapsing {
  height: auto !important
}

.navbar-fixed-top #main-navigation.navbar-collapse.in {
  top: 5rem;
  width: 20rem
}

.navbar-fixed-top #main-navigation.navbar-collapse.in .navbar-nav > li {
  text-align: right;
  width: 100%
}

.navbar-fixed-top #main-navigation.navbar-collapse.in .navbar-nav > li a {
  transition: font-size .3s, padding-right .3s;
  font-size: 1rem
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-collapse-order .button-close {
  display: none
}

.navbar-fixed-top .navbar-avatar {
  display: flex;
  height: 4.5rem;
  float: right;
  min-width: 5rem;
  padding: .3rem .5rem;
  border: none
}

.navbar-fixed-top .navbar-avatar .user-image-link {
  display: block
}

.navbar-fixed-top .navbar-avatar .user-image-link .user-image, .navbar-fixed-top .navbar-avatar .user-image-link .user-image--last-name {
  display: inline-block;
  vertical-align: middle
}

.navbar-fixed-top .navbar-right {
  display: none
}

.navbar-fixed-top .navbar-right .icon-white {
  fill: #d8d8d8
}

.navbar-fixed-top .navbar-search-nearby {
  float: right;
  height: 4.5rem;
  min-width: 5rem;
  border: none;
  padding: 1.2rem 1.4rem 1.1rem
}

.navbar-fixed-top .navbar-search-nearby > span {
  font-size: 2.2rem
}

@media (max-width: 599px) {
  .navbar-fixed-top {
    min-height: 4rem
  }

  .navbar-fixed-top .navbar-header .navbar-brand {
    height: 4rem;
    max-width: 5.2rem;
    padding-left: .3rem
  }

  .navbar-fixed-top .navbar-toggle {
    padding: .6rem .95rem;
    height: 4rem
  }

  .navbar-fixed-top .navbar-search-nearby {
    height: 4rem;
    min-width: 4.3rem;
    padding: 1rem 1.1rem .8rem
  }

  .navbar-fixed-top .navbar-search__open-search {
    height: 4rem;
    width: 4.4rem;
    padding: 1.1rem;
    min-width: 4.4rem
  }

  .navbar-fixed-top .navbar-avatar {
    height: 4rem;
    min-width: 4rem;
    padding: 0;
    margin-right: .3rem
  }

  .navbar-fixed-top .navbar-avatar .user-image {
    transform: scale(0.9)
  }

  .navbar-fixed-top .navbar-avatar .user-image--last-name {
    display: none
  }

  .navbar-fixed-top #main-navigation.navbar-collapse.in {
    top: 4.5rem
  }
}

@media only screen and (min-width: 740px) {
  .navbar-fixed-top .navbar-center-title {
    display: block;
    top: 1rem;
    left: 9rem;
    font-size: 1.6rem
  }

  .navbar-fixed-top .navbar-header .navbar-brand {
    max-width: 10rem
  }

  .navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav {
    position: relative
  }

  .navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li {
    float: right;
    position: relative;
    width: 100%
  }

  .navbar-fixed-top .navbar.menu-login ul.nav li a, .navbar-fixed-top .navbar.menu-login ul.nav li button {
    padding: .5rem 2rem
  }
}

@media (min-width: 900px) {
  .navbar-fixed-top .navbar-nav {
    padding-left: 0
  }

  .navbar-fixed-top .navbar-center-title {
    top: 1rem;
    left: calc(50% - 9rem);
    font-size: 1.6rem
  }

  #main-navigation.navbar-collapse.collapse {
    display: none !important
  }

  #main-navigation.navbar-collapse.collapse.in {
    display: block !important
  }
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a img {
  display: inline-block;
  border-radius: 2rem;
  height: 2.5rem;
  width: 2.5rem;
  margin-left: .5rem;
  border: .2rem solid
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a img.mark-border-staff-picture {
  border-color: #01569a
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a img.mark-border-user-picture {
  border-color: #c9dd03
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=mein_profil] {
  padding: 0 1rem 0 0
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=mein_profil].no-avatar:after {
  content: "\E912";
  border: .2rem solid;
  border-radius: 50%;
  padding: .5rem;
  font-size: 1.2rem;
  top: .2rem
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=mein_profil].no-avatar--staff:after {
  border-color: #01569a;
  color: #01569a
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=mein_profil].no-avatar--user:after {
  border-color: #8daa0b;
  color: #8daa0b
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=meine_community]:after {
  content: "\E903"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=projects]:after {
  content: "\E905"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=events]:after {
  content: "\E901"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=forum]:after {
  content: "\E952"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=wiki]:after {
  content: "\E913"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=give_take]:after {
  content: "\E906"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=ausloggen]:after {
  content: "\E916"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=links]:after {
  content: "\E912"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=despatch]:after {
  content: "\E930"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=new_project]:before {
  content: "\E904"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=new_project]:after {
  content: "\E905"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=my_projects]:before {
  content: "\E912"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=my_projects]:after {
  content: "\E905"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=new_post]:before {
  content: "\E904"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=new_post]:after {
  content: "\E900"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=my_posts]:before {
  content: "\E912"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=my_posts]:after {
  content: "\E900"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=new_wiki]:before {
  content: "\E904"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=new_wiki]:after {
  content: "\E913"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=my_wikies]:before {
  content: "\E912"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=my_wikies]:after {
  content: "\E913"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=new_tool]:before {
  content: "\E904"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=new_tool]:after {
  content: "\E906"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=my_tool]:before {
  content: "\E912"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=my_tool]:after {
  content: "\E906"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=new_event]:before {
  content: "\E904"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=new_event]:after {
  content: "\E901"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=my_events]:before {
  content: "\E912"
}

.navbar-fixed-top #main-navigation.navbar-collapse .navbar-nav > li a[data-link-name=my_events]:after {
  content: "\E901"
}

#toolbar-administration {
  z-index: 1031
}

body.toolbar-fixed .navbar-fixed-top {
  position: fixed
}

body.toolbar-fixed.toolbar-horizontal {
  padding-top: 90pt !important
}

body.toolbar-fixed.toolbar-horizontal .navbar-fixed-top {
  top: 38px
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open {
  padding-top: 10pc !important
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .navbar-fixed-top {
  top: 78px
}

body.toolbar-fixed.toolbar-vertical {
  padding-top: 90pt !important
}

body.toolbar-fixed.toolbar-vertical .navbar-fixed-top {
  top: 38px
}

body.toolbar-fixed.toolbar-vertical.toolbar-tray-open .navbar-fixed-top {
  width: calc(100% - 15rem);
  left: 15rem
}

@media (max-width: 899px) {
  body.toolbar-fixed .navbar-fixed-top .menu-right-navigation .dropdown-menu, body.toolbar-vertical .navbar-fixed-top .menu-right-navigation .dropdown-menu {
    top: 7.4rem !important;
    height: calc(100% - 7.4rem) !important;
    min-height: calc(100% - 7.4rem) !important
  }
}

.pagination {
  border-radius: 8px
}

.pagination > li > a, .pagination > li > span {
  color: #333;
  background-color: transparent;
  border-radius: 8px
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
  border-radius: 8px
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  color: #333;
  background-color: rgba(0, 0, 0, .12);
  border-color: transparent
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  color: #fff;
  background-color: #c9dd03;
  border-color: transparent
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #d8d8d8;
  background-color: transparent;
  border-color: transparent
}

.mini-pager {
  background-image: linear-gradient(transparent, #f0f4fa)
}

.menu-icon {
  width: 2.4rem;
  height: 1.8rem;
  position: relative;
  margin: .5rem auto;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer
}

.menu-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #2c2d2f;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out
}

.menu-icon span:nth-child(1) {
  top: 0
}

.menu-icon span:nth-child(2) {
  top: .8rem
}

.menu-icon span:nth-child(3) {
  top: 1.6rem
}

.navbar-toggle:not(.collapsed) .menu-icon span:nth-child(1) {
  top: .8rem;
  transform: rotate(135deg)
}

.navbar-toggle:not(.collapsed) .menu-icon span:nth-child(2) {
  opacity: 0;
  transform: scale(0.6)
}

.navbar-toggle:not(.collapsed) .menu-icon span:nth-child(3) {
  top: .8rem;
  transform: rotate(-135deg)
}

.navbar-search {
  display: block;
  position: relative;
  float: none
}

.navbar-search__open-search {
  display: flex;
  height: 4.5rem;
  width: 5rem;
  float: right;
  background: #f0f4fa;
  padding: 1.2rem 1.4rem 1.1rem;
  min-width: 5rem;
  border: none;
  cursor: pointer
}

.navbar-search__open-search .icon-search {
  font-size: 2.2rem;
  transform: rotateX(0deg);
  transition: transform .3s
}

.navbar-search__container {
  position: absolute;
  top: 8vh;
  width: 80%;
  perspective: 20rem;
  padding-top: 5rem;
  margin: 0 0 0 13.7%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease
}

.navbar-search__title {
  font-size: 1.2rem;
  padding: .4rem 0;
  margin: 0 .6rem;
  overflow: hidden;
  text-shadow: 0 0 6px #f0f4fa
}

.navbar-search__title span {
  display: block;
  transform: translate(0, 120%);
  transition: transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28) .8s
}

.navbar-search__element {
  transform-origin: top;
  border: .5rem solid #fff;
  flex-grow: 2;
  border-radius: 5px;
  opacity: 0;
  transform: translate(0, 40%) scale(0.92);
  transition: all .3s cubic-bezier(0.18, 0.89, 0.32, 1.28) .25s
}

.navbar-search__element .navbar-form[role=search] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-grow: 2;
  margin: 0;
  padding: 0;
  height: 100%
}

.navbar-search__element .navbar-form[role=search] .input-group {
  height: 3.5rem;
  max-width: none
}

.navbar-search__element .navbar-form[role=search] .form-group, .navbar-search__element .navbar-form[role=search] .form-submit {
  height: 4.5rem;
  background: #fff;
  padding: .7rem 1rem;
  min-width: 5rem;
  border: none;
  font-size: .1rem
}

.navbar-search__element .navbar-form[role=search] .form-group .glyphicon, .navbar-search__element .navbar-form[role=search] .form-submit .glyphicon {
  display: none
}

.navbar-search__element .navbar-form[role=search] .form-submit {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 5px;
  width: 5rem;
  height: 4.5rem;
  padding: 1rem .6rem 1rem 1.2rem;
  opacity: 1;
  z-index: 90;
  text-indent: 0;
  background: #c9dd03
}

.navbar-search__element .navbar-form[role=search] .form-submit:before {
  font-size: 2.5rem;
  color: #2c2d2f;
  content: '\E932'
}

.navbar-search__element .navbar-form[role=search] .search-icon {
  display: none
}

.navbar-search__element .navbar-form[role=search] .form-control {
  background: #fff;
  color: #333;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 4rem;
  transition: none;
  min-width: fit-content;
  font-size: 1.3rem
}

.navbar-search__element .navbar-form[role=search] .form-control:focus {
  outline: 0
}

.navbar-search__element .navbar-form[role=search] #navbar-search {
  width: 100%
}

.navbar-search__element .navbar-form[role=search] #navbar-search ul.search-api-autocomplete-search {
  position: unset !important;
  margin-top: .6rem;
  width: 100% !important
}

.navbar-search__element .navbar-form[role=search] #navbar-search ul.search-api-autocomplete-search li {
  height: 3rem;
  font-size: 1rem;
  border-top: 1px solid #adadad
}

.navbar-search__element .navbar-form[role=search] #navbar-search ul.search-api-autocomplete-search li:first-child {
  border-top: none
}

.navbar-search__element .navbar-form[role=search] #navbar-search ul.search-api-autocomplete-search li a.ui-state-active {
  border: none;
  background: #f0f4fa
}

.navbar-search__element[data-suggestion-category=project] .navbar-form[role=search] .form-submit:before {
  content: '\2192';
  font-size: 3.8rem;
  line-height: .6;
  transform: translate(-14.3%, 0);
  display: inline-block
}

.navbar-search__suggestion-container {
  position: relative;
  border-radius: 0 0 6px 6px
}

.navbar-search__suggestion-container .ajax-progress {
  position: absolute;
  right: 7rem;
  top: -3.3rem;
  pointer-events: none
}

.navbar-search__suggestion .autocomplete-suggestions {
  position: relative !important;
  width: auto !important;
  padding: 1rem 0
}

.navbar-search__suggestion .autocomplete-group {
  padding: 0 0 0 1.3rem;
  margin-top: .3rem;
  margin-bottom: .5rem;
  font-weight: 600;
  text-transform: uppercase;
  opacity: 1;
  letter-spacing: .1em;
  font-size: .7rem;
  color: #989595
}

.navbar-search__suggestion .keyword-group {
  display: none
}

.navbar-search__suggestion .autocomplete-suggestion + .keyword-group {
  display: block;
  margin-top: 1.5rem
}

.navbar-search__suggestion .autocomplete-suggestion-item {
  position: relative;
  padding: .5rem 0 .5rem 1.4rem;
  font-size: 1.2rem;
  font-weight: 300;
  cursor: pointer;
  transition: all .2s ease;
  overflow: hidden
}

.navbar-search__suggestion .autocomplete-suggestion-item strong {
  font-weight: 300
}

.navbar-search__suggestion .autocomplete-suggestion-item.keyword-item:before, .navbar-search__suggestion .autocomplete-suggestion-item.project-item:before {
  position: absolute;
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #adadad;
  left: .7rem;
  top: .95rem;
  font-size: .9rem;
  opacity: 0;
  transition: all .2s ease
}

.navbar-search__suggestion .autocomplete-suggestion-item.project-item:before {
  content: '\2192';
  font-size: 1.3rem;
  left: .4rem;
  top: 1.05rem;
  transform: translate(-100%, 0)
}

.navbar-search__suggestion .autocomplete-suggestion-item.keyword-item:before {
  content: '\E932';
  transform: scale(0.4)
}

.navbar-search__suggestion .autocomplete-suggestion-item > .project-search-suggestion, .navbar-search__suggestion .autocomplete-suggestion-item > .search-api-autocomplete-suggestion {
  transition: all .2s ease;
  transform: translate(0, 0)
}

.navbar-search__suggestion .autocomplete-selected .autocomplete-suggestion-item {
  background: #fff;
  box-shadow: 0 2px .7rem -.3rem rgba(0, 0, 0, .4);
  border-radius: 5px
}

.navbar-search__suggestion .autocomplete-selected .autocomplete-suggestion-item.keyword-item:before, .navbar-search__suggestion .autocomplete-selected .autocomplete-suggestion-item.project-item:before {
  transform: scale(1);
  opacity: 1
}

.navbar-search__suggestion .autocomplete-selected .autocomplete-suggestion-item > .project-search-suggestion, .navbar-search__suggestion .autocomplete-selected .autocomplete-suggestion-item > .search-api-autocomplete-suggestion {
  transform: translate(0.6rem, 0)
}

.navbar-search.active .navbar-search__open-search .icon-search {
  transform: rotateX(180deg) rotate(-45deg);
  transition: transform .3s
}

.navbar-search.active .navbar-search__open-search .icon-search:before {
  transform: rotate(45deg);
  content: '\E904'
}

.navbar-search.active .navbar-search__container {
  display: block;
  opacity: 1;
  pointer-events: auto;
  visibility: visible
}

.navbar-search.active .navbar-search__title span {
  transform: translate(0, 0)
}

.navbar-search.active .navbar-search__element {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  box-shadow: 0 2px .9rem -.2rem rgba(0, 0, 0, .5)
}

.search-overlay {
  z-index: 9;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: all .2s ease
}

.active-search .search-overlay {
  pointer-events: auto;
  opacity: .9;
  height: 100vh;
  background: #f0f4fa;
  box-shadow: 0 0 300px 500px #f0f4fa
}

.active-search-suggestion .search-overlay {
  opacity: 1
}

.navbar-secondary .navbar-nav {
  background: #555
}

.filter-form__header__action {
  color: #8daa0b;
  font-size: 2rem
}

.filter-form .selectize-input {
  min-width: 9rem
}

.floating-filter {
  z-index: 9;
  position: relative
}

.floating-filter-container {
  position: fixed;
  bottom: 2rem;
  right: 2rem
}

.floating-filter-button {
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  background: #c9dd03;
  border: .2rem solid #fff;
  padding: .3rem .5rem 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

.floating-filter-content {
  top: auto;
  bottom: calc(100% - 3rem);
  left: auto;
  right: 0;
  width: 17rem;
  margin-top: -.5rem;
  border-radius: 0;
  height: auto;
  padding: 0 0 1rem
}

@media (min-width: 900px) {
  .floating-filter-content {
    top: auto;
    bottom: auto;
    margin-top: -3rem
  }
}

.floating-filter-content > li {
  padding: .5rem 1.5rem
}

.floating-filter-content > li.dropdown-header {
  color: #c9dd03;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 1rem 1rem 1rem 2rem;
  font-size: 1rem;
  text-align: center
}

.floating-filter-content > li.dropdown-header h5 {
  display: inline;
  line-height: 2;
  text-transform: uppercase;
  letter-spacing: .3rem
}

.floating-filter-content > li.dropdown-header .fa-filter {
  display: none
}

.floating-filter-content > li.dropdown-header .button-info {
  float: right;
  border-radius: 50%;
  color: #fff;
  background-color: #d8d8d8;
  width: 2rem;
  height: 2rem;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: .5;
  border: none
}

.floating-filter-content > li.dropdown-header .button-info:focus {
  outline: 0
}

.floating-filter-content > li.dropdown-header .button-info i {
  pointer-events: none
}

.floating-filter-content > li.dropdown-footer {
  padding-right: 1rem
}

.floating-filter-content > li.dropdown-footer .button-erase {
  color: #d8d8d8;
  line-height: 2;
  vertical-align: bottom
}

.floating-filter-content > li.dropdown-footer .button-close {
  border-radius: 50%;
  color: #fff;
  background-color: #d8d8d8;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  padding-left: .8rem
}

.floating-filter__tabs__radio {
  display: none
}

.floating-filter__tabs__radio:checked + label {
  color: #fff;
  background-color: #c9dd03;
  z-index: 1
}

.floating-filter__tabs__label {
  display: none;
  font-size: .8rem;
  text-align: center;
  padding: .3rem 1.5rem;
  margin: 0 -.7rem 0 -.2rem;
  border: .13rem solid #c9dd03;
  color: #c9dd03;
  background-color: #fff;
  border-radius: .4rem;
  position: relative;
  z-index: 0;
  min-width: 6rem
}

.floating-filter__tabs section {
  display: block
}

.floating-filter__tabs section ul {
  list-style: none;
  padding: 0;
  margin: 0;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  display: flex;
  align-content: space-between
}

.floating-filter__tabs section ul li {
  padding: .5rem 1rem .5rem 0
}

.floating-filter__tabs section ul li.item-with-icon {
  color: #c9dd03;
  display: flex
}

.floating-filter__tabs section ul li.item-with-icon span.label {
  display: none
}

.floating-filter__tabs section#content-floating-filter-1 li.item-with-icon {
  width: 4.5rem
}

.floating-filter__tabs section#content-floating-filter-1 li.item-with-icon span.icon {
  border: .15rem solid #c9dd03;
  border-radius: .2rem;
  padding: .5rem .7rem;
  margin: 0;
  width: 15rem;
  text-align: center;
  font-size: 1rem
}

.floating-filter__tabs section#content-floating-filter-1 li.item-with-icon:last-child {
  margin-left: -5rem
}

.floating-filter__tabs section#content-floating-filter-2 li.item-with-icon {
  width: 3.5rem
}

.floating-filter__tabs section#content-floating-filter-2 li.item-with-icon span.icon {
  border: .15rem solid #c9dd03;
  border-radius: 50%;
  height: 2.7rem;
  line-height: 1.5;
  padding: 0 .3rem;
  font-size: 1.8rem
}

@media (min-width: 900px) {
  .floating-filter-container {
    position: absolute;
    top: 1rem
  }

  .floating-filter-content {
    position: relative;
    bottom: 100%;
    top: 3rem;
    right: -3rem;
    width: 20rem;
    padding: 0
  }

  .floating-filter-content > li {
    padding: 1rem 2rem
  }

  .floating-filter-content > li.dropdown-header {
    background: #c9dd03;
    color: #fff;
    text-align: left;
    padding: 1rem 1rem 1rem 2rem
  }

  .floating-filter-content > li.dropdown-header .fa-filter {
    display: inline-block;
    padding-right: .5rem
  }

  .floating-filter-content > li.dropdown-header .button-info {
    float: none;
    border: .15rem solid #fff;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    background-color: transparent;
    width: 1.5rem;
    height: 1.5rem;
    font-size: .8rem;
    font-weight: 500;
    padding-left: .4rem;
    margin-left: .5rem;
    vertical-align: text-top
  }

  .floating-filter-content > li.dropdown-header .button-close {
    display: block
  }

  .floating-filter__tabs__label {
    display: inline-block
  }

  .floating-filter__tabs section {
    display: none
  }

  .floating-filter__tabs section ul {
    display: block
  }

  .floating-filter__tabs section ul li.item-with-icon {
    display: inline-block;
    padding-bottom: 0
  }

  .floating-filter__tabs section ul li.item-with-icon span.label {
    display: inline-block;
    color: #c9dd03;
    line-height: 1.4;
    font-size: .8rem;
    font-weight: 300;
    width: 10rem;
    overflow: hidden;
    white-space: initial;
    text-align: left;
    vertical-align: middle
  }

  .floating-filter__tabs section#content-floating-filter-1 li.item-with-icon {
    width: auto
  }

  .floating-filter__tabs section#content-floating-filter-1 li.item-with-icon span.icon {
    display: inline-block;
    vertical-align: middle;
    padding: .5rem 1.2rem;
    width: 4rem
  }

  .floating-filter__tabs section#content-floating-filter-1 li.item-with-icon:last-child {
    margin-left: 0
  }

  .floating-filter__tabs section#content-floating-filter-2 li.item-with-icon {
    width: 100%
  }

  .floating-filter__tabs section#content-floating-filter-2 li.item-with-icon span.icon {
    display: inline-block;
    vertical-align: middle
  }

  .floating-filter__tabs #tab-floating-filter-1:checked ~ #content-floating-filter-1, .floating-filter__tabs #tab-floating-filter-2:checked ~ #content-floating-filter-2 {
    display: block
  }
}

.floating-filter-modal {
  position: relative
}

.floating-filter-modal .modal-content {
  border-radius: 0
}

.floating-filter-modal .modal-header {
  background-color: #c9dd03;
  color: #fff
}

.floating-filter-modal .modal-header__content {
  width: 20rem;
  margin: 0 auto
}

.floating-filter-modal .modal-header__content h4 {
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 2
}

.floating-filter-modal .modal-header__content p {
  font-size: .8rem;
  padding-left: 1.6rem
}

.floating-filter-modal .modal-body {
  text-align: center;
  padding: 3rem
}

.floating-filter-modal .modal-footer {
  border: none;
  text-align: center;
  padding: 3rem
}

.floating-filter-modal .modal-footer .btn {
  background-color: transparent;
  border-color: #555;
  border-radius: .4rem;
  color: #555;
  font-size: .8rem
}

.floating-filter-modal__tabs__radio {
  display: none
}

.floating-filter-modal__tabs__radio:checked + label {
  color: #fff;
  background-color: #c9dd03;
  z-index: 1
}

.floating-filter-modal__tabs__label {
  display: inline-block;
  font-size: .8rem;
  text-align: center;
  padding: .3rem 1.5rem;
  margin: 0 -.7rem 0 -.2rem;
  border: .13rem solid #c9dd03;
  color: #c9dd03;
  background-color: #fff;
  border-radius: .4rem;
  position: relative;
  z-index: 0;
  min-width: 6rem
}

.floating-filter-modal__tabs section {
  display: none
}

.floating-filter-modal__tabs section .title {
  text-align: left;
  padding-top: 2rem
}

.floating-filter-modal__tabs section .title .icon {
  font-size: 1.5rem
}

.floating-filter-modal__tabs section .title .label {
  color: #555;
  font-size: 1rem;
  font-weight: 300
}

.floating-filter-modal__tabs section p {
  text-align: left;
  padding-left: 2.5rem
}

.floating-filter-modal__tabs #tab-floating-filter-modal-1:checked ~ #content-floating-filter-modal-1, .floating-filter-modal__tabs #tab-floating-filter-modal-2:checked ~ #content-floating-filter-modal-2 {
  display: block
}

.content-filter-form {
  width: 100%
}

.content-filter-form__wrapper {
  padding: 1rem;
  background: #fff;
  margin-bottom: 1rem
}

.content-filter-form hr {
  margin: 0 0 1.5rem
}

.content-filter-form__title {
  display: block;
  font-weight: 300;
  padding-bottom: 1.5rem
}

.content-filter-form__search {
  display: flex;
  overflow: hidden;
  align-items: flex-end
}

.content-filter-form__search__field {
  flex: 1 0;
  margin-right: 1rem
}

.content-filter-form__search__field div {
  margin-bottom: 0
}

.content-filter-form__search__field input {
  padding: .5rem 1rem
}

.content-filter-form__search__action button {
  width: 100%;
  height: 100%;
  background: #c9dd03;
  color: #2c2d2f;
  font-weight: 500;
  text-transform: capitalize;
  padding: .65rem 2rem
}

.content-filter-form__advanced_callback {
  padding-top: 1rem;
  color: #c9dd03
}

.content-filter-form__category {
  margin-top: 1rem;
  overflow: hidden
}

.content-filter-form__category__options__item {
  width: 30%;
  padding-bottom: 1rem;
  padding-top: .6rem;
  float: left
}

.content-filter-form__category__options__item input[type=checkbox]:active + label span, .content-filter-form__category__options__item input[type=checkbox]:checked + label span {
  background: #8daa0b;
  color: #fff
}

.content-filter-form__category__options__item label {
  cursor: pointer;
  color: #8daa0b;
  font-weight: 300
}

.content-filter-form__category__options__item label:after, .content-filter-form__category__options__item label:before {
  content: none
}

.content-filter-form__category__options__item label span {
  font-size: 1.5rem;
  border-radius: 50%;
  border: 1px solid #8daa0b;
  padding: .5rem
}

.content-filter-form__place {
  margin-top: 1rem
}

.content-filter-form__place__postcode {
  float: left;
  margin-right: 2rem;
  width: 40%
}

.content-filter-form__place__postcode :focus {
  outline: 0
}

.content-filter-form__place__distance {
  float: left;
  width: 40%;
  padding-top: 1rem
}

.content-filter-form__place__distance__slider {
  -webkit-appearance: none;
  width: 100%;
  padding: 0;
  border: none;
  height: 1.5rem
}

.content-filter-form__place__distance__slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: #ddd;
  border: none;
  border-radius: 3px
}

.content-filter-form__place__distance__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 1pc;
  width: 1pc;
  border-radius: 50%;
  background: #8daa0b;
  margin-top: -6px
}

.content-filter-form__place__distance__slider:focus {
  outline: 0
}

.content-filter-form__place__distance__slider:focus::-webkit-slider-runnable-track {
  background: #ccc
}

.content-filter-form__place__distance__slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: #ddd;
  border: none;
  border-radius: 3px
}

.content-filter-form__place__distance__slider::-moz-range-thumb {
  border: none;
  height: 1pc;
  width: 1pc;
  border-radius: 50%;
  background: #8daa0b
}

.content-filter-form__place__distance__slider:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px
}

.content-filter-form__place__distance__slider::-ms-track {
  width: 100%;
  height: 3px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent
}

.content-filter-form__place__distance__slider::-ms-fill-lower {
  background: #777;
  border-radius: 10px
}

.content-filter-form__place__distance__slider::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px
}

.content-filter-form__place__distance__slider::-ms-thumb {
  border: none;
  height: 1pc;
  width: 1pc;
  border-radius: 50%;
  background: #8daa0b;
  margin-top: 2px
}

.content-filter-form__place__distance__slider:focus::-ms-fill-lower {
  background: #888
}

.content-filter-form__place__distance__slider:focus::-ms-fill-upper {
  background: #ccc
}

.content-filter-form__place__distance__perimeter {
  padding-top: .5rem
}

.content-filter-form__place__distance__perimeter span {
  color: #c9dd03
}

.content-filter-form__actions {
  margin-top: 1rem
}

.content-filter-form__actions button {
  width: 100%;
  background: #c9dd03;
  color: #2c2d2f;
  font-weight: 500;
  text-transform: capitalize
}

.location-warning {
  margin-right: 0;
  margin-left: 0
}

.location-warning__more {
  text-decoration: underline
}

.location-warning__details img {
  margin-top: 1rem
}

.scroll-to-top {
  position: absolute;
  top: 6rem;
  right: .65rem;
  width: 3.5rem;
  height: 3.5rem;
  background: #fff;
  cursor: pointer;
  text-align: center;
  padding: 1rem;
  border-radius: 50%;
  font-size: 1.6rem;
  z-index: 10;
  border: none;
  outline: 0;
  box-shadow: 0 5px 15px rgba(44, 45, 47, .3)
}

.scroll-to-top span {
  position: relative;
  top: -.3rem
}

@media (max-width: 1359px) {
  .navbar-fixed-top.headroom.lock-hide .scroll-to-top {
    opacity: 0
  }
}

@media (min-width: 1360px) {
  .scroll-to-top {
    position: fixed;
    top: .5rem
  }

  .navbar-fixed-top.headroom:not(.lock-hide) .scroll-to-top {
    will-change: transform;
    transition: transform .4s ease
  }

  .navbar-fixed-top.headroom:not(.lock-hide).headroom--pinned .scroll-to-top {
    transform: translateY(0%)
  }

  .navbar-fixed-top.headroom:not(.lock-hide).headroom--unpinned .scroll-to-top {
    transform: translateY(5rem)
  }
}

.avatar-square {
  width: 4.5rem;
  height: 4.5rem;
  background-color: #8daa0b;
  text-align: center;
  margin-right: .5rem
}

.avatar-square__initials {
  position: relative;
  top: calc(50% - 1rem);
  font-size: 2rem;
  line-height: 2rem;
  color: #fff;
  font-weight: 600
}

.footer {
  background: #60800d;
  color: hsla(0, 0%, 100%, .7);
  z-index: 0
}

.chat {
  position: relative;
  z-index: 1050
}

.chat__header {
  position: fixed;
  bottom: 2rem;
  right: .65rem
}

.chat__header.has-notification:before {
  background: #b90000;
  content: " ";
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  padding: 13px;
  text-align: center;
  position: fixed;
  z-index: 10000;
  border-radius: 100%;
  right: 1.4rem;
  bottom: 1.9rem
}

.chat__header__bubble {
  position: relative;
  bottom: 0;
  width: 3.5rem;
  height: 3.5rem;
  background: #fff;
  cursor: pointer;
  text-align: center;
  padding: 1rem;
  border-radius: 50%;
  font-size: 1.6rem;
  box-shadow: 0 5px 15px rgba(44, 45, 47, .3)
}

.chat__header__bubble--above {
  bottom: 1rem;
  padding-top: .7rem
}

.chat__header .icon-arrow-right, .chat__header__bubble--above {
  display: none;
  opacity: 0;
  visibility: hidden
}

.chat__header .icon-bobble {
  display: block;
  opacity: 1;
  visibility: visible
}

.chat iframe {
  position: fixed;
  bottom: 0;
  right: -22rem;
  background: #c9dd03;
  width: 21rem;
  height: 40rem;
  border: none;
  outline: 0;
  box-shadow: .1rem .1rem .5rem #000;
  transition: .5s right cubic-bezier(0.75, -0.5, 0, 1.75), .5s opacity ease
}

.chat.open .chat__header {
  right: 21.5rem;
  transition: .5s right cubic-bezier(0.75, -0.5, 0, 1.75)
}

.chat.open .chat__header.has-notification:before {
  display: none
}

.chat.open .chat__header .icon-arrow-right, .chat.open .chat__header__bubble--above {
  display: block;
  opacity: 1;
  visibility: visible
}

.chat.open .chat__header .icon-bobble {
  display: none;
  opacity: 0;
  visibility: hidden
}

.chat.open iframe {
  right: 0
}

.forum-page--index .subcategory-list__item__icon .icon-heart, .forum-page--page .subcategory-list__item__icon .icon-heart {
  padding-top: .75rem;
  display: block
}

.forum-page--index {
  padding-bottom: 3rem
}

.forum-page--index .subcategory-list.subcategory-list--summery .subcategory-list__item__circle-image {
  margin: 1rem 1rem 0 0
}

.forum-page--index .subcategory-list.subcategory-list--summery .subcategory-list__item__comments {
  font-size: 1rem
}

.forum-page--index .subcategory-list.subcategory-list--summery .subcategory-list__item__comments .icon-bobble {
  font-size: 1.5rem
}

.forum-page--page .section, .forum-page--page .subcategory-list {
  padding: 0
}

.forum-page--page .subcategory-list__item__comments {
  font-weight: 500
}

@media only screen and (min-width: 740px) {
  .forum-page--index {
    padding-bottom: 3rem
  }

  .forum-page--index .subcategory-list.subcategory-list--summery .subcategory-list__item__circle-image {
    margin: 0 1rem
  }

  .forum-page--index .subcategory-list.subcategory-list--summery .subcategory-list__item__comments {
    font-size: 1.3rem
  }

  .forum-page--index .subcategory-list.subcategory-list--summery .subcategory-list__item__comments .icon-bobble {
    font-size: 2.2rem
  }

  .forum-page--page .subcategory-list {
    padding-top: 2rem
  }
}

@media (min-width: 900px) {
  .forum-page--index .subcategory-list__item__info {
    flex: 0 1 18rem
  }
}

.forum-view {
  padding-top: 0
}

.forum-view .icon-filter {
  font-size: 2rem;
  color: #8daa0b;
  padding: 1rem
}

.forum-view .view-more {
  font-size: 1.2rem;
  color: #8daa0b;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 1rem
}

.forum-view .view-more .icon-arrow-right {
  vertical-align: middle
}

.forum-view .subcategory-list__item .cover {
  padding: 0
}

.forum-view .subcategory-list__item__body {
  padding: 1rem 1rem 1rem 0
}

.forum-view .subcategory-list__item__title {
  color: #8daa0b;
  font-weight: 500;
  margin-top: 0
}

.forum-view .subcategory-list__item__comments {
  flex-direction: column
}

.forum-view .subcategory-list__item__comments .icon-bobble, .forum-view .subcategory-list__item__comments .icon-wiki {
  font-size: 2rem
}

.forum-view .subcategory-list__item__comments > div {
  font-size: .8rem
}

@media only screen and (min-width: 740px) {
  .forum-view .subcategory-list__item__square-image .cover-wrap {
    min-height: 8rem
  }

  .forum-view .subcategory-list__item__icon {
    height: 8rem
  }

  .forum-view .subcategory-list__item__body {
    padding: 1rem 1rem 1rem 2rem
  }
}

@media (min-width: 900px) {
  .forum-view .subcategory-list__item__square-image .cover {
    width: 12rem
  }

  .forum-view .subcategory-list__item__info {
    flex: 0 1 8rem
  }
}

.forum-form {
  margin-bottom: 4rem
}

.forum-form #edit-preview > .icon, .forum-form .btn-primary > .icon {
  display: none
}

.forum-form .form-type-textarea textarea {
  min-height: 200px
}

.forum-form .form-actions.form-wrapper {
  padding-top: 2rem
}

.topic-page--index .section {
  padding: 0
}

.topic-page--index .forum-view .subcategory-list__item__icon .icon-heart {
  padding-top: .75rem;
  display: block
}

.topic-page--index .forum-view .subcategory-list__item__comments {
  flex-direction: row;
  font-size: 1.2rem
}

.topic-page--page .subcategory-list__item__circle-image {
  margin: 1rem
}

.topic-page--page .subcategory-list__item__comments {
  font-size: 1.2rem
}

@media only screen and (min-width: 740px) {
  .topic-page--page {
    padding-bottom: 3rem
  }

  .topic-page--page .subcategory-list__item__circle-image {
    margin: 0 1rem
  }

  .topic-page--page .subcategory-list__item__body {
    padding-left: 1rem
  }
}

@media (min-width: 900px) {
  .topic-page--index .subcategory-list__item__info {
    flex: 0 1 18rem
  }
}

.topic-view {
  padding: 0 1rem
}

.topic-view .forum-head .subcategory-list__item__body, .topic-view .forum-head .subcategory-list__item__image-wrap {
  padding: 1rem
}

.topic-view .forum-head .subcategory-list__item__footer .badge--comment-count .badge__container {
  color: #adadad
}

.topic-view .forum-head .subcategory-list__item__footer .icon-star-empty, .topic-view .forum-head .subcategory-list__item__footer .icon-star-full {
  font-size: 1.4rem;
  padding-right: .3rem;
  vertical-align: text-bottom
}

.topic-view .forum-head .subcategory-list__item__footer .content-liking {
  cursor: pointer
}

.topic-view .subcategory-list__item__image-wrap {
  flex: 100%
}

.topic-view__action-buttons {
  padding: .5rem 0 1.5rem;
  margin: 0 -1rem
}

.topic-view__action-buttons .btn-primary {
  background: #c9dd03;
  border: none;
  color: #2c2d2f;
  padding: .75rem .25rem;
  font-weight: 500;
  margin-bottom: 1rem
}

.topic-view__title {
  padding-bottom: 1rem
}

.topic-view__wiki-container {
  font-size: 1rem;
  color: #8daa0b
}

.topic-view__view-count {
  font-size: 1rem;
  float: right;
  line-height: 4;
  padding: 0 1rem
}

.topic-view__view-count .card__link {
  display: none
}

.topic-view__content {
  padding: 2rem 0
}

@media only screen and (min-width: 740px) {
  .topic-view .subcategory-list__item__image-wrap {
    flex: 0 1 9rem
  }

  .topic-view__action-buttons .btn-primary {
    margin-bottom: 0;
    padding: .75rem 2rem
  }
}

.comment .subcategory-list__item {
  flex: 100%;
  padding: 0
}

.comment .subcategory-list__item__body .subcategory-list__item__title {
  font-weight: 500
}

.comment .subcategory-list__item__body .field--label {
  display: none
}

.comment .subcategory-list__item__content {
  max-height: none;
  margin-top: .5rem
}

.comment .subcategory-list__item__content a, .comment .subcategory-list__item__content p {
  word-break: break-word
}

.comment .subcategory-list__item__footer {
  margin-top: 1rem
}

.comment--image-close-to-text .subcategory-list__item {
  min-height: 0
}

.comment--image-close-to-text .subcategory-list__item__image-wrap {
  flex: 0 1 5rem;
  padding: 0 .8rem
}

.comment--image-close-to-text .subcategory-list__item__content {
  padding-top: .5rem
}

.comment-form {
  background: #f0f4fa;
  padding: .6rem 1rem
}

.comment-form .form-item .control-label, .comment-form .form-item .form-required {
  display: none
}

.comment-form .form-textarea {
  padding: .5rem
}

.comment-form .form-actions a, .comment-form .form-actions button {
  background: #c9dd03;
  border: none;
  color: #2c2d2f;
  padding: .75rem 2rem;
  font-weight: 500
}

.comment-form .form-actions a > span.glyphicon, .comment-form .form-actions button > span.glyphicon {
  display: none
}

.comment-form .form-actions .btn {
  width: calc(50% - .7rem)
}

.comment-form .form-actions .btn + .btn {
  margin-left: 1rem
}

.comment-form .btn--comment-submit .label {
  font-size: .875rem;
  text-indent: initial
}

.comment-form .form-placeholder {
  opacity: .5;
  cursor: text
}

.comment-form .comment-form-wrap {
  display: none
}

.comment-form .comment-form-wrap .topic-view__action-buttons {
  padding: 0
}

.comment-form.active-form .comment-form-wrap {
  display: block
}

.comment-form.active-form .form-placeholder {
  display: none
}

.comment-post-activity {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  padding-top: 1rem;
  margin: 1rem 0
}

.comment-post-activity .user-image--small:before {
  font-size: 1.2rem;
  padding: .7rem
}

.comment-post-activity .user-image--small .cover {
  height: 3rem;
  width: 3rem
}

.comment-post-activity .media-left {
  padding-right: .5rem
}

.comment-post-activity .activity__comment-sections__wrap {
  margin-left: -.95rem;
  margin-right: -.95rem
}

.category-list {
  padding-top: 2rem
}

.category-list__card {
  margin-bottom: 1.8rem;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)
}

.category-list__card .cover-wrap {
  position: relative;
  min-height: 15rem
}

.category-list__card__filter {
  background: #000;
  opacity: .3;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  margin-left: -1rem
}

.category-list__card__icon {
  position: relative;
  top: 2rem;
  font-size: 5rem;
  width: 8rem;
  height: 8rem;
  border: .3rem solid #fff;
  border-radius: 50%;
  margin: 0 auto
}

.category-list__card__icon .icon-heart {
  padding-top: 1.5rem;
  display: block
}

.category-list__card__title {
  position: absolute;
  bottom: 1rem;
  width: 100%;
  background: #c9dd03;
  padding: .5rem;
  color: #2c2d2f;
  font-weight: 500;
  text-transform: uppercase
}

.category-list__card__info {
  background: #fff;
  min-height: 2.7rem
}

.category-list__card__info__item {
  float: right;
  padding: .5rem 1.2rem;
  color: #8daa0b
}

.category-list__card__info__item--full-width {
  width: 100%
}

.category-list__card__info__item--color-gray {
  color: #555
}

.category-list__card__info__item .icon-arrow-down {
  line-height: 1.8
}

.category-list__card__info .dropdown .btn-default {
  border: none;
  padding: .7rem
}

.category-list__card__info .dropdown .icon-arrow-down {
  line-height: 1.5
}

.category-list__card__info .dropdown .dropdown-menu {
  width: 100%;
  max-width: 100%;
  max-height: 20rem;
  overflow-y: scroll;
  background: hsla(0, 0%, 100%, .9);
  box-shadow: none;
  top: auto
}

.category-list__card__info .dropdown .dropdown-menu li > a {
  padding: 1rem;
  border-top: .1rem solid #adadad
}

.category-list__card__info .dropdown .dropdown-menu li > a:hover {
  background: #8daa0b;
  color: #fff
}

.category-list__card__info .dropdown .dropdown-menu li:first-child > a {
  border-top: none
}

.subcategory-list {
  padding-top: 2rem
}

.subcategory-list__title {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.3rem
}

.subcategory-list__title b {
  font-weight: 400
}

.subcategory-list__show-more {
  text-align: right;
  padding-bottom: 1.4rem;
  color: #8daa0b
}

.subcategory-list__show-more .icon-arrow-right:before {
  position: relative;
  top: .1rem
}

.subcategory-list__item {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  min-height: 8rem;
  margin-bottom: 1rem;
  padding: 1rem;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)
}

.subcategory-list__item__square-content {
  flex: 1 0 100%;
  margin: -1rem -1rem 0
}

.subcategory-list__item__square-content__container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .25rem 0 1.25rem;
  font-size: 1rem;
  color: #8daa0b
}

.subcategory-list__item__square-content__icon {
  font-size: 1.5rem
}

.subcategory-list__item__square-image {
  flex: 1 0 100%;
  margin: -1rem -1rem 1.2rem
}

.subcategory-list__item__square-image .cover {
  height: 17rem;
  width: 100%
}

.subcategory-list__item__square-image .cover-img {
  background-position: 50% 50%
}

.subcategory-list__item__circle-image {
  flex: 0 1 auto;
  position: relative;
  margin: .3rem 1rem 0 0
}

.subcategory-list__item__circle-image .cover-img {
  background-color: transparent
}

.subcategory-list__item__circle-image .cover {
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  border: .3rem solid #c9dd03
}

.subcategory-list__item__image-wrap {
  display: flex;
  flex: 0 1 9rem;
  flex-direction: column;
  align-items: center
}

.subcategory-list__item__image-wrap__info {
  width: 100%
}

.subcategory-list__item__image-wrap__info .subcategory-list__item__title {
  text-align: center;
  padding-top: .5rem
}

.subcategory-list__item__image-wrap__info hr {
  margin-top: .5rem;
  margin-bottom: .5rem;
  border-width: .15rem;
  border-color: #d8d8d8
}

.subcategory-list__item__image-wrap__info__content {
  font-size: .8rem;
  font-style: italic
}

.subcategory-list__item__profile-name {
  font-size: 1.15rem;
  line-height: 1.5;
  margin: 0 0 .4rem
}

.subcategory-list__item__profile-name a {
  font-weight: 500
}

.subcategory-list__item__body {
  flex: 1
}

.subcategory-list__item__head {
  display: flex
}

.subcategory-list__item__head--left {
  flex: 1
}

.subcategory-list__item__head--left__title a {
  color: #c9dd03;
  font-weight: 500;
  font-size: 1.15rem
}

.subcategory-list__item__head--right {
  width: 1rem
}

.subcategory-list__item__title {
  font-size: 1.15rem;
  font-weight: 500
}

.subcategory-list__item__subtitle {
  font-size: .9rem;
  margin-top: 0;
  font-weight: 300
}

.subcategory-list__item__content {
  max-height: 2.6rem;
  overflow: hidden
}

.subcategory-list__item__content, .subcategory-list__item__content h1, .subcategory-list__item__content h2, .subcategory-list__item__content h3, .subcategory-list__item__content h4, .subcategory-list__item__content h5, .subcategory-list__item__content h6 {
  font-size: .85rem
}

.subcategory-list__item__content.gray {
  color: #adadad
}

.subcategory-list__item__content a {
  color: #8daa0b
}

.subcategory-list__item__info {
  display: flex;
  flex: 0 1 5rem;
  flex-direction: column
}

.subcategory-list__item__bigericon, .subcategory-list__item__bigicon {
  color: #8daa0b
}

.subcategory-list__item__category, .subcategory-list__item__comments, .subcategory-list__item__date, .subcategory-list__item__location {
  flex: 1;
  height: 4rem;
  text-align: center
}

.subcategory-list__item__comments {
  padding-top: 1rem;
  color: #8daa0b;
  height: 100%
}

.subcategory-list__item__comments .icon-bobble, .subcategory-list__item__comments .icon-wiki {
  font-size: 2.2rem
}

.subcategory-list__item__date {
  font-size: .7rem;
  color: #555
}

.subcategory-list__item__location {
  padding-top: 1rem
}

.subcategory-list__item__location .icon-location, .subcategory-list__item__location__distance {
  color: #8daa0b
}

.subcategory-list__item__category {
  padding-top: 1rem
}

.subcategory-list__item__category [class^=icon-] {
  color: #8daa0b;
  font-size: 2.2rem
}

.subcategory-list__item__category__title {
  font-size: .8rem
}

.subcategory-list__item__footer {
  flex: 1 1 100%;
  border-top: .15rem solid #d8d8d8;
  padding-top: 1rem
}

.subcategory-list__item__footer .badge--large {
  padding: 0
}

.subcategory-list__item__footer .badge__label--description {
  display: inline;
  margin-left: .3rem
}

.subcategory-list__item--no-height-limit {
  height: auto
}

.subcategory-list__item--no-bg {
  background: transparent
}

.subcategory-list__item--no-shadow {
  box-shadow: none
}

.subcategory-list--scroll {
  border-bottom: .1rem solid #adadad
}

.subcategory-list--scroll .subcategory-list__content {
  position: relative;
  max-height: 30rem;
  overflow-y: auto;
  padding-right: 1.5rem
}

.subcategory-list--black-title .subcategory-list__item__title {
  color: #2c2d2f
}

.subcategory-list--blue-user .subcategory-list__item__circle-image:before {
  color: #01569a
}

.subcategory-list--blue-user .subcategory-list__item__circle-image .cover {
  border: .3rem solid #01569a;
  background-color: #01569a
}

.subcategory-list--filter .subcategory-list__item__filter {
  background: #000;
  opacity: .3;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  margin: 0
}

.subcategory-list--flip-title-subtitle .subcategory-list__item__body {
  position: relative;
  padding: .3rem 1rem 1rem 0;
  margin-top: 1rem
}

.subcategory-list--flip-title-subtitle .subcategory-list__item__body a:nth-child(1) {
  position: absolute;
  top: 1rem;
  left: 0
}

.subcategory-list--flip-title-subtitle .subcategory-list__item__body a:nth-child(2) {
  float: left
}

.subcategory-list--flip-title-subtitle .subcategory-list__item__title {
  font-weight: 500;
  font-size: .9rem;
  margin-top: .3rem
}

.subcategory-list--flip-title-subtitle .subcategory-list__item__subtitle {
  color: #8daa0b;
  font-weight: 500;
  font-size: .8rem
}

.subcategory-list--bigger-square .subcategory-list__item .cover {
  padding: 0
}

.subcategory-list--bigger-square .subcategory-list__item__square-image {
  position: relative
}

.subcategory-list--bigger-square .subcategory-list__item__square-image .cover-wrap {
  position: relative;
  z-index: 10;
  min-height: 17rem
}

.subcategory-list--bigger-square .subcategory-list__item__icon {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 17rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.subcategory-list--bigger-square .subcategory-list__item__icon span {
  font-size: 3.5rem;
  padding: .5rem;
  width: 5rem;
  height: 5rem;
  border: .2rem solid #fff;
  border-radius: 50%
}

.subcategory-list--bigger-square .subcategory-list__item__info {
  flex: 0 1 6rem;
  margin-top: 1rem
}

.subcategory-list--bigger-square .subcategory-list__item__info > a {
  width: 100%
}

.subcategory-list--bigger-square .subcategory-list__item__comments {
  flex-direction: column;
  padding: 0
}

.subcategory-list--bigger-square .subcategory-list__item__button {
  color: #8daa0b;
  text-align: center;
  padding: 1rem .2rem;
  border-left: 1px solid #d8d8d8
}

.subcategory-list--bigger-square .subcategory-list__item__button .label {
  font-size: .9rem
}

.subcategory-list--bigger-square .subcategory-list__item__button .icon-bobble, .subcategory-list--bigger-square .subcategory-list__item__button .icon-wiki {
  position: relative;
  font-size: 2.5rem
}

.subcategory-list--bigger-square .subcategory-list__item__button .icon-bobble:after, .subcategory-list--bigger-square .subcategory-list__item__button .icon-wiki:after {
  position: absolute;
  top: auto;
  bottom: .5rem;
  right: -.8rem;
  font-size: .8rem;
  background: #c9dd03;
  border-radius: 50%;
  padding: .35rem;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem;
  content: "\E904"
}

@media only screen and (min-width: 740px) {
  .subcategory-list__title {
    min-height: 3rem
  }

  .subcategory-list__show-more {
    padding-top: 1.4rem
  }

  .subcategory-list__item {
    min-height: 8rem;
    height: 8rem
  }

  .subcategory-list__item__filter .cover-wrap {
    min-height: 8rem
  }

  .subcategory-list__item__square-content {
    flex: 0 1 auto;
    margin: -1rem 1rem 0 -1rem;
    width: 8rem
  }

  .subcategory-list__item__square-content__container {
    flex-direction: column
  }

  .subcategory-list__item__square-image {
    flex: 0 1 auto;
    margin: -1rem 1.4rem -1rem -1rem
  }

  .subcategory-list__item__square-image .cover {
    height: 8rem;
    width: 8rem
  }

  .subcategory-list__item__circle-image {
    flex: 0 1 0;
    margin: 0
  }

  .subcategory-list__item__circle-image:before {
    font-size: 3.5rem
  }

  .subcategory-list__item__circle-image .cover {
    height: 6rem;
    width: 6rem
  }

  .subcategory-list__item__circle-image--small:before {
    font-size: 1.5rem
  }

  .subcategory-list__item__circle-image--small .cover {
    height: 4rem;
    width: 4rem
  }

  .subcategory-list__item__body {
    flex: 2;
    padding-right: 1rem
  }

  .subcategory-list__item__profile-name {
    display: flex;
    flex: 0 0 8rem;
    align-items: center;
    padding: 0;
    margin: 0;
    border-right: 1px solid #d8d8d8
  }

  .subcategory-list__item__body.user-body .subcategory-list__item__content {
    display: flex;
    align-items: center;
    flex: 1 0;
    max-height: none;
    padding-left: 1rem;
    font-size: 1.1rem
  }

  .subcategory-list__item__title {
    font-size: 1.15rem
  }

  .subcategory-list__item__subtitle {
    font-size: .9rem
  }

  .subcategory-list__item__category, .subcategory-list__item__comments, .subcategory-list__item__date, .subcategory-list__item__location {
    flex: 1 0 4rem
  }

  .subcategory-list__item--no-height-limit {
    height: auto
  }

  .subcategory-list--scroll .subcategory-list__content {
    max-height: 18rem
  }

  .subcategory-list--flip-title-subtitle .subcategory-list__item__body {
    margin-top: 0;
    padding: 0 1rem 0 2rem
  }

  .subcategory-list--flip-title-subtitle .subcategory-list__item__body a:nth-child(1) {
    left: 2rem
  }

  .subcategory-list--flip-title-subtitle .subcategory-list__item__title {
    font-size: 1.2rem
  }

  .subcategory-list--bigger-square .subcategory-list__item__square-image .cover-wrap {
    min-height: 8rem
  }

  .subcategory-list--bigger-square .subcategory-list__item__icon {
    height: 8rem
  }

  .subcategory-list--bigger-square .subcategory-list__item__info {
    flex: 0 1 10rem;
    margin-top: 0
  }

  .subcategory-list--bigger-square .subcategory-list__item__comments {
    padding: 1rem 0
  }
}

@media (min-width: 900px) {
  .subcategory-list__item__info {
    flex: 1 1 auto;
    flex-direction: row
  }

  .subcategory-list__item__actions, .subcategory-list__item__bigericon, .subcategory-list__item__bigicon, .subcategory-list__item__comments, .subcategory-list__item__date {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 1rem
  }

  .subcategory-list__item__comments {
    height: 100%
  }

  .subcategory-list__item__category, .subcategory-list__item__location {
    height: auto;
    padding: 1rem
  }

  .subcategory-list__item__bigicon {
    font-size: 2rem;
    flex: 0 0 4rem
  }

  .subcategory-list__item__bigericon {
    font-size: 3rem;
    flex: 0 0 6rem;
    justify-content: left
  }

  .subcategory-list__item__actions, .subcategory-list__item__category, .subcategory-list__item__comments, .subcategory-list__item__date, .subcategory-list__item__location {
    flex: 1 0 8rem;
    font-size: 1rem;
    border-left: 1px solid #d8d8d8
  }

  .subcategory-list__item--no-height-limit {
    height: auto
  }

  .subcategory-list--flip-title-subtitle .subcategory-list__item__title {
    font-size: 1.5rem;
    margin: 0
  }

  .subcategory-list--bigger-square .subcategory-list__item__square-image .cover {
    width: 16rem
  }

  .subcategory-list--bigger-square .subcategory-list__item__info {
    flex: 0 1 10rem
  }

  .subcategory-list--bigger-square .subcategory-list__item__comments {
    padding: 1rem
  }
}

@media (min-width: 1200px) {
  .subcategory-list--flip-title-subtitle .subcategory-list__item__title {
    margin-top: 1rem
  }
}

.wiki-page--index {
  padding-bottom: 3rem
}

.wiki-page--index .section {
  padding: 1.5rem 0
}

.wiki-page--index .category-list__card .cover-img-gradient:before {
  display: none
}

.wiki-page--index .category-list__card .cover-wrap {
  z-index: 1
}

.wiki-page--index .category-list__card__filter {
  background: #fff;
  opacity: 1;
  z-index: 0
}

.wiki-page--index .category-list__card__icon {
  color: #afc91c;
  border-color: #afc91c
}

.wiki-page--index .subcategory-list.subcategory-list--summery .subcategory-list__item__circle-image {
  padding: 0 1rem
}

.wiki-page--page .subcategory-list__item__icon .icon-heart {
  padding-top: .75rem;
  display: block
}

.wiki-page__search-form {
  padding: 1rem 0
}

.wiki-form {
  margin-bottom: 4rem
}

.wiki-form #edit-preview > .icon, .wiki-form .btn-primary > .icon {
  display: none
}

.wiki-form .form-type-textarea textarea {
  min-height: 200px
}

.wiki-form .field--name-field-wiki-tag .tabledrag-toggle-weight {
  float: right
}

.wiki-form .field--name-field-wiki-tag thead .tablesaw-cell-persist {
  border: none
}

.wiki-form .field--name-field-wiki-tag .form-item.form-type-entity-autocomplete {
  margin-bottom: 0
}

.wiki-form .form-actions.form-wrapper {
  padding-top: 2rem
}

.wiki-form .form-actions.form-wrapper .btn-group--primary {
  margin-left: 0;
  margin-right: auto
}

.wiki-form-container {
  background-color: #fff;
  padding: 1.5rem .5rem;
  margin-bottom: 2rem
}

.wiki-form-section {
  background-color: #f0f4fa;
  padding: 1rem;
  margin-bottom: 2rem
}

.wiki-form-section__title {
  padding-left: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem
}

.wiki-form-section__title > .help-block, .wiki-form-section__title > label {
  display: inline-block;
  margin-right: 1rem
}

.wiki-form-section__content .form-control, .wiki-form-section__content .selectize-input {
  border: none
}

.wiki-form-section__content .form-textarea {
  border: none;
  padding: 1rem
}

.wiki-form-section__content .input-group {
  max-width: 100%
}

.wiki-form-section__field_title {
  background: #c9dd03;
  margin-bottom: 2rem
}

.wiki-form-section__field_title .form-group {
  margin: 0
}

.wiki-form-section__field_title .form-control {
  background: transparent;
  font-weight: 500;
  font-size: 1.8rem;
  color: #fff
}

.wiki-form-section__field_title .form-control:focus {
  outline: 0
}

.wiki-form-section__field_title .form-control::placeholder {
  color: #fff
}

.wiki-form-section__field_title .icon-edit {
  line-height: 4.4rem;
  font-size: 2.3rem
}

.wiki-form-section__field_title .control-label, .wiki-form-section__field_title .form-required, .wiki-form-section__tags .control-label, .wiki-form-section__tags .form-required, .wiki-form-section__taxonomy-forums .control-label, .wiki-form-section__taxonomy-forums .form-required, .wiki-form-section__topic-content .control-label, .wiki-form-section__topic-content .form-required {
  display: none
}

.wiki-form-section__field_title .checkbox .control-label, .wiki-form-section__tags .checkbox .control-label, .wiki-form-section__taxonomy-forums .checkbox .control-label, .wiki-form-section__topic-content .checkbox .control-label {
  display: inline-block
}

.wiki-topic-page--index .section {
  padding: 0
}

.wiki-topic-page--index .forum-view .subcategory-list__item__icon .icon-heart {
  padding-top: .75rem;
  display: block
}

.wiki-topic-page--index .forum-view .subcategory-list__item__comments {
  flex-direction: row;
  font-size: 1.2rem
}

.wiki-topic-page--page .subcategory-list__item__circle-image {
  margin: 1rem
}

.wiki-topic-page--page .subcategory-list__item__comments {
  font-size: 1.2rem
}

.wiki-topic-page--page .card-collection__item .body-title__actions {
  display: none
}

.wiki-topic-page--page .card-collection__item:hover .body-title__actions {
  display: block
}

@media only screen and (min-width: 740px) {
  .wiki-topic-page--page {
    padding-bottom: 3rem
  }

  .wiki-topic-page--page .subcategory-list__item__circle-image {
    margin: 0 1rem
  }

  .wiki-topic-page--page .subcategory-list__item__body {
    padding-left: 1rem
  }
}

.wiki-topic-view {
  padding: 0 1rem
}

.wiki-topic-view .card .subcategory-list__item__body, .wiki-topic-view .card .subcategory-list__item__image-wrap {
  padding: 1rem
}

.wiki-topic-view .card .subcategory-list__item__footer .badge--comment-count .badge__container {
  color: #adadad
}

.wiki-topic-view .card .subcategory-list__item__footer .icon-star-empty, .wiki-topic-view .card .subcategory-list__item__footer .icon-star-full {
  font-size: 1.4rem;
  padding-right: .3rem;
  vertical-align: text-bottom
}

.wiki-topic-view .card .subcategory-list__item__footer .content-liking {
  cursor: pointer
}

.wiki-topic-view .subcategory-list__item__image-wrap {
  flex: 100%
}

.wiki-topic-view__tags__container {
  padding: 0 !important
}

.wiki-topic-view__tags__list__item {
  padding: 0 1rem
}

.wiki-topic-view__tags__list__item label {
  cursor: pointer;
  font-weight: 400
}

.wiki-topic-view__tags__list__item:first-child {
  padding-left: 0
}

.wiki-topic-view__action-buttons {
  padding: .5rem 0 1.5rem;
  margin: 0 -1rem
}

.wiki-topic-view__action-buttons .btn-primary {
  background: #c9dd03;
  border: none;
  color: #2c2d2f;
  padding: .75rem 2rem;
  font-weight: 500;
  margin-bottom: 1rem
}

.wiki-topic-view .section {
  padding: 4rem 0 0
}

@media only screen and (min-width: 740px) {
  .wiki-topic-view .subcategory-list__item__image-wrap {
    flex: 0 1 9rem
  }

  .wiki-topic-view__action-buttons .btn-primary {
    margin-bottom: 0
  }
}

.glossary-block__active b {
  text-decoration: underline
}

.navi-project-form span.form-required {
  color: #b90000;
  font-weight: 500;
  font-size: 1.2rem
}

.navi-project-form-section__images .field--name-navi-project-poster .image-advance-upload-widget .image-widget-data {
  min-height: 14rem
}

.navi-project-form-section__images .field--name-navi-project-poster .image-advance-upload-widget .image-advance-preview + .image-widget-data {
  min-height: 0
}

.navi-project-form-section__images .field--name-navi-project-logo {
  width: 20%;
  min-width: 12rem
}

.navi-project-form-section__owner .control-label {
  display: none
}

.navi-project-form-section__owner .select-wrapper {
  max-width: none
}

.navi-project-form-section__category .form-group > .form-required, .navi-project-form-section__link .help-block, .navi-project-form-section__link .input-group-addon, .navi-project-form-section__location .field--name-location-coordinate, .navi-project-form-section__location .field--name-location-place, .navi-project-form-section__location .paragraph-type-title, .navi-project-form-section__location .paragraphs-dropbutton-wrapper {
  display: none
}

.navi-project-form-section__heading .control-label {
  font-size: 1.2rem;
  display: inline-block;
  margin-right: .4rem;
  padding-left: 1rem;
  margin-bottom: 1.2rem;
  font-weight: 500
}

.navi-project-form-section__city .select-wrapper {
  max-width: none
}

.navi-project-form #edit-preview, .navi-project-form-section__project .form-group .form-required {
  display: none
}

.page-head__subtitle, .page-head__title {
  padding-top: 1rem
}

.page-head__description {
  padding-top: 0
}

.page-head__menu {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 1rem 0 2rem;
  margin: 0;
  flex-wrap: wrap
}

.page-head__menu li {
  display: flex;
  text-align: center;
  font-size: 1.25rem;
  color: #8daa0b;
  min-height: 3rem;
  padding: 0 .5rem
}

.page-head__menu li span {
  border: .1rem solid #8daa0b;
  border-radius: 50%;
  padding: .5rem
}

.page-head__menu li span.icon-heart:before {
  position: relative;
  top: .1rem
}

.page-head__menu li span.active {
  background: #8daa0b;
  color: #fff
}

@media (min-width: 480px) {
  .page-head__menu {
    flex-wrap: nowrap
  }

  .page-head__menu li {
    min-height: auto;
    padding: 0 .5rem
  }
}

@media only screen and (min-width: 740px) {
  .page-head__menu {
    padding: 2rem 1rem 2.5rem
  }

  .page-head__menu li {
    font-size: 2.5rem
  }

  .page-head__menu li span {
    padding: .7rem
  }
}

.card-collection__item {
  padding-bottom: 1rem
}

.teaser__title {
  color: #2c2d2f;
  font-weight: 500
}

.teaser__title-label {
  color: #8daa0b;
  font-size: .8rem
}

.teaser__title-label span {
  font-size: 1.1rem
}

.teaser__content--image {
  margin-bottom: 1rem
}

.tags-view__list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between
}

.tags-view__list a {
  line-height: 3.5rem;
  padding-right: 1rem
}

.profile__block {
  background: #fff;
  padding: 1rem 1.5rem 2rem;
  height: 100%
}

.profile__block .block-label {
  font-size: 1.5rem;
  font-weight: 400;
  margin: 1.5rem 0
}

.profile__block .icon-link {
  font-size: 1.2rem
}

.profile__block .company-specialies-icons {
  position: absolute;
  right: 2.1rem;
  top: 2.3rem;
  color: #8daa0b
}

.profile__block .company-specialies-icons [class^=icon-] {
  font-size: 1.7rem;
  line-height: 1.65;
  display: inline-block;
  width: 3rem;
  text-align: center;
  height: 3rem;
  border: 2px solid #9fbf11;
  border-radius: 50%;
  margin-right: .3rem
}

.profile-form {
  margin-bottom: 4rem;
  position: relative
}

.profile-form .profile-form-section__images {
  margin-bottom: 6.5rem
}

.profile-form .profile-form-section__images .coverimage-wrap {
  position: relative;
  pointer-events: auto
}

.profile-form .profile-form-section__images .useravatar-wrap {
  overflow: visible
}

.profile-form .profile-form-section__images .cover-image-container, .profile-form .profile-form-section__images .cover-image-container img {
  width: 100%;
  height: 30rem
}

.profile-form .profile-form-section__images .cover-image-container label[for] {
  position: absolute;
  top: 1rem;
  right: 1rem
}

.profile-form .profile-form-section__images .user-picture-container {
  width: 16rem;
  height: 16rem;
  margin-top: .5rem;
  margin-left: .5rem
}

.profile-form .profile-form-section__images .user-picture-container img {
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  top: 0;
  left: 0
}

.profile-form .profile-form-section__images .user-picture-container img:not([src]), .profile-form .profile-form-section__images .user-picture-container img[src=""] {
  opacity: 0;
  visibility: hidden
}

.profile-form .profile-form-section__images .user-picture-container label[for] {
  position: absolute;
  bottom: 1rem;
  left: 2rem;
  right: 2rem;
  text-align: center
}

.profile-form .profile-form-section__images .base64-field-container .form-group {
  margin: 0
}

.profile-form .profile-form-section__images .base64-field-container .profile-form-section__title {
  display: none
}

.profile-form .profile-form-section__images .base64-field-container .profile-form-section__content {
  height: 0
}

.profile-form .profile-form-section__images .base64-field-container input[type=file] {
  visibility: hidden;
  width: 0;
  height: 0;
  opacity: 0
}

.profile-form .profile-form-section__images .base64-field-container img {
  object-fit: cover
}

.profile-form .profile-form-section__images .base64-field-container label[for] {
  font-size: .9rem;
  display: block;
  text-align: center;
  background: rgba(0, 0, 0, .3);
  padding: .3rem .7rem .2rem;
  border-radius: .4rem;
  transition: transform .2s ease;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 600;
  text-shadow: 0 0 1px #000
}

.profile-form .profile-form-section__images .base64-field-container label[for]:hover {
  transform: scale(1.1)
}

.profile-form .profile-form-container {
  background-color: #fff;
  padding: 1.5rem 0;
  margin-bottom: 2rem
}

.profile-form .profile-form-container > .row {
  padding: 0 .5rem
}

.profile-form .profile-form-container > .row > [class^=col-] {
  padding-left: .5rem;
  padding-right: .5rem
}

.profile-form .profile-form-container.profile-company-form-container {
  padding-bottom: 0
}

.profile-form .profile-form-container .profile-form-section {
  background-color: #f0f4fa;
  padding: 1rem;
  margin-bottom: 2rem
}

.profile-form .profile-form-container .profile-form-section__title {
  padding-left: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem
}

.profile-form .profile-form-container .profile-form-section__title > .help-block, .profile-form .profile-form-container .profile-form-section__title > label {
  display: inline-block;
  margin-right: 1rem
}

.profile-form .profile-form-container .profile-form-section.container--thin, .profile-form .profile-form-container .profile-form-section__content > [class^=col-] {
  padding-left: .5rem;
  padding-right: .5rem
}

.profile-form .profile-form-container .profile-form-section__content__left {
  padding-left: 0;
  padding-right: 0
}

.profile-form .profile-form-container .profile-form-section__content__right {
  padding-right: 0
}

.profile-form .profile-form-container .profile-form-section__content__input-toggle label {
  font-weight: 300
}

.profile-form .profile-form-container .profile-form-section__content__input-toggle .input-toggle__call {
  display: inline-block;
  opacity: 1;
  position: inherit
}

.profile-form .profile-form-container .profile-form-section__content .form-type-date, .profile-form .profile-form-container .profile-form-section__content .form-type-date .form-date {
  width: 100%
}

.profile-form .profile-form-container .profile-form-section__content .form-control {
  border: none
}

.profile-form .profile-form-container .profile-form-section__content .select-wrapper {
  max-width: none
}

.profile-form .profile-form-container .profile-form-section__content .selectize-control {
  width: 100%
}

.profile-form .profile-form-container .profile-form-section__content .selectize-input {
  border: none
}

.profile-form .profile-form-container .profile-form-section__content .form-textarea {
  border: none;
  padding: 1rem
}

.profile-form .profile-form-container .profile-form-section__content .input-group {
  max-width: 100%
}

.profile-form .profile-form-container .profile-form-section__content .form-item-field-user-title .selectize-control.form-select .selectize-input {
  padding-left: .5rem;
  padding-right: 0
}

.profile-form .profile-form-container .profile-form-section__address .form-textarea, .profile-form .profile-form-container .profile-form-section__house-number .form-text {
  min-height: 4.61rem
}

.profile-form .profile-form-container .profile-form-section__times .profile-form-section__content {
  background: #fff;
  padding: 1rem 0 1.5rem
}

.profile-form .profile-form-container .profile-form-section__datetime .form-inline {
  display: flex
}

.profile-form .profile-form-container .profile-form-section__datetime .form-inline > div:nth-child(1) {
  width: 30%
}

.profile-form .profile-form-container .profile-form-section__datetime .form-inline > div:nth-child(2), .profile-form .profile-form-container .profile-form-section__datetime .form-inline > div:nth-child(3) {
  width: 35%
}

.profile-form .profile-form-container .profile-form-section__datetime .form-inline .selectize-input.focus, .profile-form .profile-form-container .profile-form-section__datetime .form-inline .selectize-input.focus input {
  z-index: 2
}

.profile-form .profile-form-container .profile-form-section__function_since .form-inline > div:nth-child(1) {
  width: 25%
}

.profile-form .profile-form-container .profile-form-section__function_since .form-inline > div:nth-child(2) {
  width: 35%
}

.profile-form .profile-form-container .profile-form-section__function_since .form-inline > div:nth-child(3) {
  width: 38%
}

.profile-form .profile-form-container .profile-form-section__interest .select-wrapper {
  max-width: 100%
}

.profile-form .profile-form-container .profile-form-section__interest .select-wrapper .selectize-input [data-value] {
  padding: .5rem;
  background: #afc91c
}

.profile-form .profile-form-container .profile-form-section__last {
  margin-bottom: 0
}

.profile-form .profile-form-container .company-form-section .form-item > .control-label {
  display: none
}

.profile-form .profile-form-container .company-form-section .wide-select-wrapper .select-wrapper {
  max-width: 100%
}

.profile-form .profile-form-actions {
  position: absolute;
  z-index: 9;
  right: 0
}

.profile-form .profile-form-actions .btn-primary {
  color: #2c2d2f;
  font-size: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 500
}

.profile-form .profile-form-actions .btn-primary span {
  font-size: 1.4rem;
  margin-right: .6rem
}

.profile-form .profile-form-actions .button--sticky {
  margin: 0;
  padding: .5rem 1rem
}

.profile-form .btn-primary {
  margin-right: 1rem
}

.profile-form .form-actions {
  margin-top: 2rem
}

.profile-form #edit-delete {
  display: none
}

.profile-form .profile-info__field {
  margin-bottom: 2rem
}

.profile-form .profile-info__field > [class^=icon] {
  margin-top: .3rem;
  font-size: 1.5rem
}

.profile-form .profile-info__field .form-group .control-label {
  font-size: 1.3rem;
  font-weight: 300;
  padding-right: 1rem
}

.profile-form .profile-info__field #edit-field-user-birthday-wrapper .form-control.form-select .selectize-input {
  padding: .4rem 1rem .4rem .4rem;
  width: 4rem
}

.profile-form .profile-info__field #edit-field-user-birthday-wrapper .form-control.form-select .selectize-input:after {
  right: 4px;
  margin-top: -1px
}

.profile-form .profile-info__field #edit-field-user-birthday-wrapper .form-control.form-select .selectize-input input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0
}

.profile-form .profile-info__field #edit-field-user-birthday-wrapper .form-control.form-select .selectize-input.dropdown-active {
  border-radius: 0
}

.profile-form .profile-info__field #edit-field-user-birthday-wrapper .form-control.form-select .selectize-dropdown .option {
  padding: .2rem
}

.profile-form .form-control.form-select {
  border: 1px solid #adadad;
  border-radius: 0;
  background: #fff
}

.profile-form .form-control.form-select .selectize-input {
  overflow: visible
}

.profile-form .form-type-radio {
  display: inline-block;
  margin-right: 2rem
}

.profile-form__edit-link {
  color: #8daa0b;
  font-size: 1rem
}

@media (max-width: 599px) {
  .profile-form--tab > .row > .col-sm-12, .profile-form > .row > .col-sm-12 {
    padding-left: 0;
    padding-right: 0
  }

  .profile-form .profile-form-section__images {
    margin-bottom: 7.5rem
  }

  .profile-form--tab .tab-bar {
    display: flex
  }

  .profile-form--tab .tab-bar li {
    float: none
  }

  .profile-form--tab .tab-bar li .tab-item {
    padding-left: .7rem;
    padding-right: .7rem;
    height: 100%;
    text-align: left;
    vertical-align: middle
  }
}

.path-user .region--content, .route-entity-profile-canonical .region--content, .route-gls_profile-page_about .region--content, .route-gls_profile-page_friends .region--content, .route-view-friend_request-page_friend_request .region--content, .route-view-friend_request-page_friend_request_sent .region--content {
  margin-top: 0
}

.path-user .region--secondary-navigation, .route-entity-profile-canonical .region--secondary-navigation, .route-gls_profile-page_about .region--secondary-navigation, .route-gls_profile-page_friends .region--secondary-navigation, .route-view-friend_request-page_friend_request .region--secondary-navigation, .route-view-friend_request-page_friend_request_sent .region--secondary-navigation {
  display: none
}

.profile-cover .top-right-buttons .btn-container, .profile-cover .top-right-buttons .change-pwd, .profile-cover .top-right-buttons .edit-company-profile, .profile-cover .top-right-buttons .edit-cover-image, .profile-cover .top-right-buttons .edit-profile, .profile-cover .top-right-buttons .edit-staff-profile, .profile-cover .useravatar-wrap .edit-avatar {
  color: #fff;
  margin-bottom: .55rem;
  float: right;
  clear: both
}

.profile-cover .top-right-buttons .btn-container .btn, .profile-cover .top-right-buttons .change-pwd .btn, .profile-cover .top-right-buttons .edit-company-profile .btn, .profile-cover .top-right-buttons .edit-cover-image .btn, .profile-cover .top-right-buttons .edit-profile .btn, .profile-cover .top-right-buttons .edit-staff-profile .btn, .profile-cover .useravatar-wrap .edit-avatar .btn {
  font-size: .9rem;
  display: block;
  text-align: center;
  background: rgba(0, 0, 0, .3);
  padding: .3rem .7rem .2rem;
  border-radius: .4rem;
  transition: transform .2s ease;
  font-weight: 600;
  text-shadow: 0 0 1px #000
}

.profile-cover .top-right-buttons .btn-container .btn span, .profile-cover .top-right-buttons .change-pwd .btn span, .profile-cover .top-right-buttons .edit-company-profile .btn span, .profile-cover .top-right-buttons .edit-cover-image .btn span, .profile-cover .top-right-buttons .edit-profile .btn span, .profile-cover .top-right-buttons .edit-staff-profile .btn span, .profile-cover .useravatar-wrap .edit-avatar .btn span {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: bottom
}

.profile-cover .top-right-buttons .btn-container .btn:hover, .profile-cover .top-right-buttons .change-pwd .btn:hover, .profile-cover .top-right-buttons .edit-company-profile .btn:hover, .profile-cover .top-right-buttons .edit-cover-image .btn:hover, .profile-cover .top-right-buttons .edit-profile .btn:hover, .profile-cover .top-right-buttons .edit-staff-profile .btn:hover, .profile-cover .useravatar-wrap .edit-avatar .btn:hover {
  transform: scale(1.1)
}

.profile-cover {
  position: relative;
  margin-bottom: 2.5rem
}

.profile-cover .top-right-buttons {
  z-index: 1000;
  position: absolute;
  right: 1rem;
  top: 1rem;
  text-align: right
}

.profile-cover .coverimage-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  height: 18rem;
  background: rgba(175, 201, 28, .75)
}

.profile-cover .coverimage-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.profile-cover .coverimage-wrap img.error, .profile-cover .coverimage-wrap img.loading, .profile-cover .coverimage-wrap img:not([src]), .profile-cover .coverimage-wrap img[src=""] {
  opacity: 0;
  visibility: hidden
}

.profile-cover .coverimage-wrap:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to bottom, hsla(0, 0%, 100%, 0) 52%, rgba(0, 0, 0, .7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#b3000000', GradientType=0)
}

.profile-cover .container {
  min-height: 18rem;
  width: 100%;
  top: 0
}

.profile-cover .username-wrapper {
  position: relative;
  height: 18rem;
  z-index: 1
}

.profile-cover .username-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem 0
}

.profile-cover .username-wrap .btn {
  vertical-align: top;
  color: #2c2d2f;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  margin: .7rem 0 .3rem;
  padding: .7rem .9rem .5rem;
  font-size: .7rem;
  cursor: pointer;
  border: 0
}

.profile-cover .username-wrap .btn [class^=icon-] {
  float: left;
  font-size: .9rem;
  margin-top: 0;
  margin-right: .6rem
}

.profile-cover .username-wrap .btn .glyphicon-refresh.ajax-throbber {
  margin-top: 0;
  animation: none
}

.profile-cover .username-wrap .btn .glyphicon-refresh.ajax-throbber, .profile-cover .username-wrap .btn .glyphicon-refresh.ajax-throbber:before {
  width: .7rem;
  height: .7rem
}

.profile-cover .username-wrap .btn .glyphicon-refresh.ajax-throbber:before {
  display: inline-block;
  top: 0;
  animation: glyphicon-spin 1s infinite linear
}

.profile-cover .username-wrap form {
  display: inline-block;
  vertical-align: top;
  margin-right: .8rem
}

.profile-cover .useravatar-wrap {
  height: 8.6rem;
  width: 8.6rem;
  background: #c9dd03;
  border-radius: 50%;
  position: relative;
  box-shadow: 0 -2px 60px -10px rgba(0, 0, 0, .5)
}

.profile-cover .useravatar-wrap img {
  height: 8rem;
  width: 8rem;
  position: relative;
  object-fit: cover;
  top: .3rem;
  left: .3rem;
  border-radius: 50%
}

.profile-cover .useravatar-wrap img.error, .profile-cover .useravatar-wrap img.loading, .profile-cover .useravatar-wrap img:not([src]), .profile-cover .useravatar-wrap img[src=""] {
  opacity: 0;
  visibility: hidden
}

.profile-cover .useravatar-wrap .icon-person {
  opacity: .2;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 5.9rem;
  transform: translate(-48%, -52%);
  pointer-events: none
}

.profile-cover .useravatar-wrap .edit-avatar {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.profile-cover .useravatar-wrap .edit-avatar .btn {
  color: #fff;
  display: inline-block
}

.profile-cover--edit .useravatar-wrap {
  margin-top: -12rem;
  margin-left: 1rem
}

.profile-cover .userlinks-wrapper {
  position: relative
}

.profile-cover .userlinks-wrap {
  background: #fff;
  border-bottom: .5rem solid #c9dd03;
  margin-right: -1rem;
  margin-left: -1rem
}

.profile-cover .userlinks-wrap ul {
  list-style: none;
  display: block;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  text-align: center
}

.profile-cover .userlinks-wrap ul li {
  position: relative;
  display: inline-block;
  text-align: center
}

.profile-cover .userlinks-wrap ul li a {
  position: relative;
  display: inline-block;
  font-size: .85rem;
  padding: 1rem .8rem
}

.profile-cover .userlinks-wrap ul li a.active, .profile-cover .userlinks-wrap ul li a:hover {
  color: #58a618
}

.profile-cover .userlinks-wrap ul li a.active:after {
  position: absolute;
  content: '';
  height: .5rem;
  width: 70%;
  left: 14%;
  top: 100%;
  background: #58a618;
  pointer-events: none
}

.profile-cover .userlinks-wrap ul li:not(:last-child):after {
  content: '';
  height: 60%;
  top: 20%;
  position: absolute;
  right: 1px;
  pointer-events: none;
  border-left: 1px solid #e3e3e3
}

.profile-cover .name, .profile-cover .shortrole {
  color: #fff;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .4)
}

.profile-cover .name {
  font-size: 2rem
}

.profile-cover .name .company-label {
  font-size: .95rem;
  display: block;
  margin-bottom: .3rem
}

.profile-cover .name .company-type {
  font-size: 1.5rem
}

.profile-cover .shortrole {
  font-size: 1.4rem
}

.profile-cover--staff .coverimage-wrap, .profile-cover--staff .userlinks-wrap ul li a.active:after {
  background: #4c9ad8
}

.profile-cover--staff .btn-default, .profile-cover--staff .btn-primary, .profile-cover--staff .useravatar-wrap {
  background: #01569a
}

.profile-cover--staff .btn-default:hover, .profile-cover--staff .btn-default[disabled]:hover, .profile-cover--staff .btn-primary:hover, .profile-cover--staff .btn-primary[disabled]:hover {
  background: #4c9ad8
}

.profile-cover--staff .useravatar-wrap .icon-person {
  color: #fff;
  opacity: .3
}

.profile-cover--staff .username-wrap .btn {
  color: #fff
}

.profile-cover--staff .userlinks-wrap {
  border-bottom-color: #01569a
}

.profile-cover--staff .userlinks-wrap ul li a.active, .profile-cover--staff .userlinks-wrap ul li a:hover {
  color: #4c9ad8
}

.profile-cover--company .coverimage-wrap, .profile-cover--company .userlinks-wrap ul li a.active:after {
  background: #a9c528
}

.profile-cover--company .btn-default, .profile-cover--company .btn-primary, .profile-cover--company .useravatar-wrap {
  background: #738c06
}

.profile-cover--company .btn-default:hover, .profile-cover--company .btn-default[disabled]:hover, .profile-cover--company .btn-primary:hover, .profile-cover--company .btn-primary[disabled]:hover {
  background: #a9c528
}

.profile-cover--company .useravatar-wrap .icon-person {
  color: #fff;
  opacity: .3
}

.profile-cover--company .username-wrap .btn {
  color: #fff
}

.profile-cover--company .userlinks-wrap {
  border-bottom-color: #738c06
}

.profile-cover--company .userlinks-wrap ul li a.active, .profile-cover--company .userlinks-wrap ul li a:hover {
  color: #a9c528
}

@media only screen and (min-width: 740px) {
  .profile-cover .container {
    min-height: 30rem
  }

  .profile-cover .coverimage-wrap, .profile-cover .username-wrapper {
    height: 30rem
  }

  .profile-cover .username-wrap {
    padding-left: 12rem
  }

  .profile-cover .username-wrap .btn {
    font-size: 1.1rem;
    padding-left: 1rem;
    padding-right: 1rem
  }

  .profile-cover .username-wrap .btn [class^=icon-] {
    font-size: 1.4rem
  }

  .profile-cover .username-wrap .btn .glyphicon-refresh.ajax-throbber, .profile-cover .username-wrap .btn .glyphicon-refresh.ajax-throbber:before {
    width: 1.2rem;
    height: 1.2rem
  }

  .profile-cover .username-wrap .btn .glyphicon-refresh.ajax-throbber:before {
    top: .1rem
  }

  .profile-cover .username-wrap form {
    margin-right: 1rem
  }

  .profile-cover .useravatar-wrap {
    position: absolute;
    width: 10.6rem;
    height: 10.6rem;
    left: 0;
    bottom: 1rem
  }

  .profile-cover .useravatar-wrap img {
    width: 10rem;
    height: 10rem
  }

  .profile-cover .useravatar-wrap .icon-person {
    font-size: 7.2rem;
    transform: translate(-49%, -52%)
  }

  .profile-cover .userlinks-wrap ul li a {
    padding: 1rem 2rem;
    font-size: 1.2rem
  }
}

@media (min-width: 900px) {
  .profile-cover .username-wrap {
    padding-left: 20rem
  }

  .profile-cover .useravatar-wrap {
    width: 17rem;
    height: 17rem;
    bottom: -4.25rem;
    box-shadow: none
  }

  .profile-cover .useravatar-wrap img {
    top: .5rem;
    left: .5rem;
    width: 16rem;
    height: 16rem
  }

  .profile-cover .useravatar-wrap .icon-person {
    font-size: 11rem
  }

  .profile-cover .userlinks-wrap {
    padding-left: 20rem
  }

  .profile-cover .userlinks-wrap ul {
    margin-left: -.5rem;
    text-align: left
  }

  .profile-cover .userlinks-wrap ul li a {
    padding: 1rem 1.3rem
  }

  .profile-cover .userlinks-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1rem;
    height: 100%;
    width: 9.5rem;
    background: #f0f4fa
  }
}

@media (min-width: 1200px) {
  .profile-cover .userlinks-wrap ul {
    margin-left: -2rem
  }

  .profile-cover .userlinks-wrap ul li a {
    padding: 1rem 3rem
  }
}

.profile-status {
  margin: 2rem 0
}

.profile-status p {
  margin: .1rem 0
}

.profile-status__energy {
  position: relative;
  text-align: center
}

.profile-status__energy--clock {
  height: .4rem
}

.profile-status__energy--clock .text-left, .profile-status__energy--clock .text-right {
  transform: translate(0, -40%);
  width: 40%;
  font-size: .9rem;
  text-align: center
}

.profile-status__energy--clock .text-left {
  float: left
}

.profile-status__energy--clock .text-right {
  float: right
}

.profile-status__energy .block-label, .profile-status__energy .block-label .field-data, .profile-status__energy .profile-info__field, .profile-status__energy .profile-info__field .field-data {
  margin: 0
}

.profile-status__energy .explain {
  margin: 0;
  font-weight: 400
}

.profile-status__energy .icon-time {
  position: absolute;
  z-index: 1;
  color: #58a618;
  font-size: 4rem;
  bottom: .5rem;
  left: calc(50% + .25rem);
  transform: translate(-50%, 0)
}

.profile-status__energy--flip .profile-status__pie-chart {
  transform: scale(-1, 1) rotate(180deg)
}

.profile-status__pie-chart {
  position: relative;
  width: 16rem;
  height: 8rem;
  margin: .75rem auto;
  pointer-events: none
}

.profile-status__pie-chart .form-item, .profile-status__pie-chart .form-number {
  display: none
}

.profile-status__pie-chart .pie {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  top: 0
}

.profile-status__pie-chart .pie:after, .profile-status__pie-chart .pie:before {
  content: '';
  border-radius: 50%;
  position: absolute;
  pointer-events: none
}

.profile-status__pie-chart .pie:before {
  width: 16rem;
  height: 16rem;
  background: #4a6b16;
  background: linear-gradient(to right, #4a6b16 0%, #bdd80a 31%, #fced26 66%, #fb000c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a6b16', endColorstr='#fb000c', GradientType=1);
  top: 0;
  left: 0
}

.profile-status__pie-chart .pie:after {
  width: 12.6rem;
  height: 12.6rem;
  background: #fff;
  top: 1.7rem;
  left: 1.7rem
}

.profile-status__pie-chart:after {
  content: '';
  position: absolute;
  width: 12.6rem;
  height: 4px;
  bottom: -1px;
  left: 1.7rem;
  pointer-events: none;
  background: #fff
}

.profile-status__pie-chart .clockwise {
  position: absolute !important;
  z-index: 1;
  bottom: 0;
  right: 50%;
  left: auto !important;
  top: auto !important;
  width: 7.2rem;
  height: 0;
  transform-origin: right center;
  pointer-events: none
}

.profile-status__pie-chart .clockwise:before {
  content: '';
  position: absolute;
  left: -1.1rem;
  top: -1.1rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: #58a618;
  box-shadow: 0 0 14px -2px rgba(0, 0, 0, .67)
}

.profile-status__pie-chart > .value {
  position: absolute;
  width: 100%;
  bottom: 3.7rem;
  pointer-events: none
}

.profile-status__pie-chart.flip > .value {
  transform: scale(1, -1)
}

.profile-status__pie-chart.js-half-pie-slider .clockwise {
  opacity: 0
}

.profile-status__pie-chart.controlable .clockwise {
  opacity: 1;
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
  pointer-events: auto
}

.profile-status__pie-chart.controlable .clockwise:active {
  cursor: grabbing;
  cursor: -webkit-grabbing
}

.profile-info {
  margin: 2rem 0
}

.profile-info > .section-title {
  margin-left: 1.45rem
}

.profile-info .subsection-title {
  font-size: 1.2rem;
  color: #8daa0b;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 1rem;
  font-weight: 500
}

.profile-info > .row > [class^=col-] > .section-title {
  margin-left: .55rem
}

.profile-info.forum-view {
  margin-top: 4rem
}

.profile-info .tokens {
  margin-right: -.8rem
}

.profile-info .tokens label.token {
  display: inline-block;
  padding: .4rem .9rem .5rem;
  margin: .5rem .7rem .4rem 0;
  background: #f0f4fa;
  font-weight: 300
}

.profile-info .tokens a label.token {
  cursor: pointer
}

.profile-info__field {
  margin: .8rem 0
}

.profile-info__field > [class^=icon] {
  float: left;
  width: 2.7rem;
  vertical-align: top;
  margin-top: .1rem;
  font-size: 1.3rem;
  color: #58a618
}

.profile-info__field .field-data {
  margin-left: 2.7rem
}

.profile-info__field .office-hours__title {
  margin: 0 0 .7rem
}

.profile-info__field .office-hours__table {
  width: auto;
  font-size: 1rem
}

.profile-info__field .office-hours__item {
  background-color: transparent !important
}

.profile-info__field .office-hours__item-label {
  font-weight: 300;
  padding: 0 1.3rem .7rem 0
}

.profile-info__field .office-hours__item-slots {
  padding: 0 0 .7rem
}

.profile-info__field .office-hours__item-comments {
  display: none
}

.profile-info.recommended-by .btn-primary {
  margin-top: 2rem;
  font-weight: 500
}

.profile-handprint {
  margin: 2rem 0;
  min-height: 30rem
}

.profile-handprint .more-info, .profile-handprint .section__title {
  display: none
}

.profile-handprint__intro {
  color: #fff;
  background: #69923a;
  padding: .7rem 1.6rem;
  box-shadow: 0 2px 20px -2px rgba(0, 0, 0, .5)
}

.profile-handprint__intro p {
  margin: 1rem 0
}

.profile-handprint__intro .btn-default {
  margin-top: 1.2rem;
  background: none;
  color: #fff;
  border-color: #fff
}

.profile-handprint__chart .section {
  padding: 0
}

@media (min-width: 900px) {
  .profile-handprint__intro {
    margin-top: 6rem
  }

  .profile-handprint__chart .pie {
    transform: scale(0.78)
  }
}

.profile-friends {
  margin: 2rem 0
}

.profile-friends > .section-title {
  margin-left: 1.45rem
}

.profile-friends .request-links {
  margin: 0 1rem
}

.profile-friends .request-links ul {
  list-style: none;
  margin: 0;
  padding: 1.3rem 0 0
}

.profile-friends .request-links ul li {
  display: inline-block;
  padding: .2rem 1rem
}

.profile-friends .request-links ul li + li {
  border-left: 1px solid #d8d8d8
}

.profile-friends .request-links__around {
  text-transform: capitalize
}

.profile-friends .request-links__around:hover {
  color: #2c2d2f !important
}

.profile-friends .view-friend {
  margin-top: 1rem
}

body.is-staff-login .profile-friends .request-links a.active, body.is-staff-login .profile-friends .request-links a:hover {
  color: #4c9ad8
}

body:not(.is-staff-login) .profile-friends .request-links a.active, body:not(.is-staff-login) .profile-friends .request-links a:hover {
  color: #58a618
}

.recommended-by-list {
  background: #fff
}

.recommended-by-list__item {
  display: flex;
  flex-direction: column;
  border-bottom: .1rem solid #d8d8d8;
  padding: 1rem
}

.recommended-by-list__item:last-child {
  border-bottom: none
}

.recommended-by-list__item__user-image {
  flex: 1.2
}

.recommended-by-list__item__user-image .user-image {
  float: left
}

.recommended-by-list__item__user-image__label {
  padding: 2rem 1rem 0;
  color: #8daa0b;
  cursor: pointer
}

.recommended-by-list__item__skills {
  flex: 2;
  color: #8daa0b
}

.recommended-by-list__item__info {
  flex: 0.5
}

.recommended-by-list__item__info__distance {
  color: #8daa0b
}

@media only screen and (min-width: 740px) {
  .recommended-by-list__item {
    flex-direction: row
  }

  .recommended-by-list__item__skills {
    padding-right: 2rem
  }

  .recommended-by-list__item__info, .recommended-by-list__item__skills {
    border-left: .1rem solid #d8d8d8;
    padding-left: 2rem
  }
}

.post-post {
  padding-top: .1rem
}

.post-post article {
  position: relative
}

.post-post #section-comments {
  margin-top: 0;
  width: 100%
}

.post-post #section-comments textarea {
  border: none;
  background: #fff;
  padding: .5rem;
  height: 7rem
}

.post-post-list__comment {
  padding-bottom: 0;
  padding-top: 0
}

.post-post .card__nested-section {
  padding: .2rem 0
}

.post-post .subcategory-list__item__content {
  max-height: none
}

.post-post .subcategory-list__item__content__youtube img {
  margin: auto
}

.post-post .subcategory-list__item__content__photo {
  max-width: 30rem;
  margin: auto
}

.post-post .comment {
  border-top: 1px solid #e3e3e3;
  padding-top: 1rem;
  margin-top: 0
}

.post-post .teaser__content--video {
  max-width: 30rem;
  margin: auto
}

#social-post-entity-form .btn-primary {
  color: #2c2d2f;
  font-weight: 500;
  padding: .5rem 3.5rem
}

#social-post-entity-form textarea {
  border-width: 0
}

#social-post-entity-form .form-group {
  margin-bottom: 0
}

#social-post-entity-form .form--post-create--media .tab-content .tab-pane {
  padding: 0;
  margin: 0 -1rem;
  background: #d8d8d8
}

#social-post-entity-form .form--post-create--media .tab-content .tab-pane .form-control {
  background: transparent;
  border: 0;
  outline: 0
}

#social-post-entity-form .form--post-create--actions {
  margin: 0 -1rem -.65rem;
  padding: .65rem 1rem;
  background: #f0f4fa
}

#social-post-entity-form .form--post-create--actions ul.nav-tabs {
  float: left
}

#social-post-entity-form .form--post-create--actions ul.nav-tabs li {
  display: inline-block;
  margin-right: 20px
}

#social-post-entity-form .form--post-create--actions ul.nav-tabs li a {
  border: 0
}

#social-post-entity-form .form--post-create--actions ul.nav-tabs li.active a {
  color: #8daa0b;
  border: 0
}

#social-post-entity-form .form--post-create--actions ul.nav-tabs li.active a:before {
  content: '';
  position: absolute;
  border: 6px solid #d8d8d8;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: 0;
  width: 0;
  left: 50%;
  margin-top: -1.2rem
}

#social-post-entity-form .form--post-create--actions ul.nav-tabs li span {
  margin-right: 5px
}

#social-post-entity-form .form--post-create--actions .action-buttons__wrap {
  float: right
}

#social-post-entity-form .form--post-create--actions .action-buttons__item {
  float: left
}

#social-post-entity-form .form--post-create--actions .action-post-visibility {
  margin-right: 1rem
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility {
  margin: 0
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper {
  width: auto
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-input {
  display: block;
  padding: .7rem 2rem .5rem 1rem;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  border-radius: 2px;
  outline: 0
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-input input {
  pointer-events: none;
  display: none !important
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-input:after {
  right: .7rem;
  margin-top: -1px
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-input.focus, #social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-input:hover {
  border-color: #e0e0e0;
  background: #fff
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-dropdown {
  width: auto !important;
  left: auto !important;
  right: 0
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-dropdown .option {
  width: auto !important;
  white-space: nowrap
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-dropdown .option:before, #social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-input .item:before {
  display: inline-block;
  margin-right: .7rem;
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  -webkit-font-smoothing: antialiased
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-dropdown .option[data-value=public]:before, #social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-input .item[data-value=public]:before {
  content: "\E947"
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-dropdown .option[data-value=authenticated_users]:before, #social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-input .item[data-value=authenticated_users]:before {
  content: "\E951"
}

#social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-dropdown .option[data-value=friends]:before, #social-post-entity-form .form--post-create--actions .action-post-visibility .field--name-post-visibility .select-wrapper .selectize-control .selectize-input .item[data-value=friends]:before {
  content: "\E903"
}

#social-post-entity-form.form-collapse {
  padding: .8rem 0 .4rem
}

#social-post-entity-form.form-collapse > .field--name-field-post {
  margin-bottom: 0
}

#social-post-entity-form.form-collapse textarea {
  padding: 0;
  min-height: 0
}

#social-post-entity-form.form-collapse .form--post-create--actions, #social-post-entity-form.form-collapse .form--post-create--media {
  display: none
}

#social-post-entity-form .form-type-managed-file .image-widget {
  margin: 0
}

#social-post-entity-form .form-type-managed-file .image-widget .image-widget-data, #social-post-entity-form .form-type-managed-file .image-widget .preview {
  -ms-flex: 1;
  flex: 1
}

.user-image-link {
  display: flex
}

.user-image {
  position: relative
}

.user-image:before {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  color: #c9dd03;
  position: absolute;
  top: .15rem;
  left: .25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E912";
  border-radius: 50%;
  padding: 1.1rem 1.28rem;
  font-size: 1.5rem
}

.user-image .cover-img {
  background-color: transparent
}

.user-image .cover {
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  border: .3rem solid #adadad
}

.user-image--last-name {
  font-weight: 600;
  margin: auto .5rem;
  font-size: 1.1rem
}

.user-image--staff:before {
  color: #01569a
}

.user-image--staff div.cover {
  border-color: #01569a
}

.user-image--client div.cover {
  border-color: #c9dd03
}

.user-image--thin-border div.cover {
  border-width: .2rem
}

.user-image--small:before {
  padding: 1rem
}

@media only screen and (min-width: 740px) {
  .user-image:before {
    font-size: 3rem
  }

  .user-image .cover {
    height: 6rem;
    width: 6rem
  }

  .user-image--small:before {
    font-size: 1.5rem
  }

  .user-image--small .cover {
    height: 4rem;
    width: 4rem
  }

  .user-image--activity:before {
    font-size: 2.5rem;
    top: .4rem;
    left: -.2rem
  }
}

@media only screen and (max-width: 767px) {
  .user-image:before {
    padding: 1rem
  }
}

.project-card {
  margin: 0;
  min-height: 15rem
}

.project-card__image {
  min-height: 4.4rem
}

.project-card__image img {
  width: 100%;
  height: 15rem;
  object-fit: cover
}

.project-card__category {
  position: absolute;
  height: 4.4rem;
  width: 5rem;
  background: rgba(119, 162, 47, .9);
  color: #fff;
  text-align: center
}

.project-card__category .percent {
  font-size: .9rem
}

.project-card__category .categories {
  height: 2.3rem;
  position: relative;
  top: 0;
  margin: .6rem 0 0
}

.project-card__category .category-group {
  position: relative;
  width: 2.4rem;
  margin: 0 auto;
  overflow: hidden
}

.project-card__category .category-group .category {
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: .4rem;
  font-size: 1.3rem
}

.project-card__category .category-group .category > span, .project-card__category .category-group .category > span:before {
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  text-align: center
}

.project-card__category .category-group .category .icon-heart:before, .project-card__category .category-group .category .icon-vege:before {
  transform: translate(0, 0.1rem)
}

.project-card__category .category-group .category .icon-light:before {
  transform: translate(0, -0.1rem)
}

.project-card__category .category-group:not(.fill) {
  top: 0
}

.project-card__category .category-group:not(.fill) .category {
  bottom: 0
}

.project-card__category .category-group.fill {
  color: #afc91c
}

.project-card__category .category-group.fill .category {
  top: 0;
  border-color: #afc91c
}

.project-card__category .category-group.count-2 {
  width: 4.36rem
}

.project-card__category .category-group.count-2 .category:nth-child(2) {
  left: 2rem
}

.project-card__title .teaser__title {
  margin: 0
}

.project-card__region {
  font-size: .9rem;
  color: #adadad;
  margin: .5rem 0
}

.project-card__region .icon-location {
  display: inline-block;
  font-size: 1.1rem;
  color: #77a22f;
  transform: translate(-0.2rem, 0.05rem)
}

.project-card__body {
  margin: 1rem 0;
  opacity: .8
}

.project-card__needs {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start
}

.project-card__needs > .paragraph {
  position: relative;
  width: 50%;
  flex: 0 0 50%
}

.project-card__needs:after, .project-card__needs:before {
  content: '';
  background: #fff;
  position: absolute;
  pointer-events: none;
  z-index: 1
}

.project-card__needs:before {
  height: 100%;
  width: 2px;
  right: 0;
  top: 0
}

.project-card__needs:after {
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0
}

.project-card__footer {
  margin-top: 1.2rem;
  display: flex;
  justify-content: space-between
}

.project-card__rest-day, .project-card__upvote {
  color: #adadad
}

.project-card__rest-day span, .project-card__upvote span {
  display: inline-block;
  vertical-align: middle
}

.project-card__rest-day [class^=icon], .project-card__upvote [class^=icon] {
  font-size: 1.6rem
}

.project-card__rest-day .text, .project-card__upvote .text {
  font-size: .9rem
}

.project-card__overlay-actions {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 45, 47, .7);
  z-index: 1
}

.project-card:hover .project-card__overlay-actions {
  display: block
}

.project-card__delete, .project-card__edit, .project-card__phase, .project-card__view {
  position: absolute;
  right: 0;
  font-size: 3rem;
  color: #fff;
  padding: 1rem;
  cursor: pointer;
  transition: transform .2s ease
}

.project-card__delete:hover, .project-card__edit:hover, .project-card__phase:hover, .project-card__view:hover {
  color: #fff;
  transform: scale(1.1)
}

.project-card__view {
  right: .3rem
}

.project-card__edit {
  top: 4rem
}

.project-card__delete {
  bottom: 0
}

.project-card__delete .ajax-throbber {
  display: none
}

.project-card__phase {
  top: 4rem
}

.project-form {
  margin: 0 0 8rem
}

.project-form__container {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  background: #fff;
  padding: 1rem 0;
  margin: 0 1rem
}

.project-form #edit-preview > .icon, .project-form .btn-primary > .icon {
  display: none
}

.project-form .form-type-textarea textarea {
  min-height: 200px
}

.project-form .form-actions.form-wrapper, .project-form__actions {
  padding-top: 2rem
}

.project-form__actions .delete-action {
  margin: 1rem
}

.project-form__actions .delete-action a {
  color: #d9534f
}

.project-form__block {
  background: #e9edf4;
  padding: 1rem;
  margin-top: 1rem;
  height: calc(100% - 1rem);
  border: .1rem solid transparent
}

.project-form__block--invalid {
  animation: borderBlink 1s step-end infinite
}

.project-form__element-container > div {
  padding-left: 0;
  padding-right: 0
}

.project-form__input > div {
  background: #fff !important
}

.project-form__input > div > div:first-child {
  top: .85rem;
  left: 1rem
}

.project-form__input > div div hr:first-child {
  display: none !important
}

.project-form__input > div div hr {
  width: calc(100% - 2rem) !important;
  left: 1rem
}

.project-form__input--center > div > div:first-child {
  left: 0;
  right: 0
}

.project-form__input--center > div input {
  text-align: center
}

.project-form__input input {
  padding: 0 1rem !important
}

.project-form__dropdown {
  padding-top: 1rem
}

.project-form__dropdown label, .project-form__dropdown > div {
  vertical-align: middle
}

.project-form__dropdown label {
  min-width: 5rem
}

.project-form__dropdown label.place {
  min-width: auto
}

.project-form__dropdown > div {
  background: #fff !important;
  padding-left: 1rem
}

.project-form__dropdown div hr:first-child {
  display: none !important
}

.project-form__dropdown--with-action > div:nth-child(2) {
  width: calc(100% - 3.5rem) !important
}

.project-form__dropdown--with-action .project-form__dropdown__action {
  width: 3.5rem;
  background: transparent !important;
  float: left;
  color: #8daa0b;
  font-size: 1.5rem;
  padding: .4rem;
  text-align: center
}

.project-form__dropdown--with-action .project-form__dropdown__action span {
  cursor: pointer
}

.project-form__dropdown--with-action .project-form__dropdown__action span:hover {
  color: #c9dd03
}

.project-form__slider > div > div {
  margin: 1rem 0 !important
}

.project-form__slider--category > div > div:nth-child(1) > div {
  background-color: #adadad !important
}

.project-form__slider--category > div > div:nth-child(1) > div:last-child {
  background-color: #8daa0b !important;
  border-radius: 0 !important;
  transform: rotate(45deg) translate(-50%, -50%) !important;
  top: .15rem !important;
  margin-left: -.5rem !important
}

.project-form__textarea {
  padding-top: 1rem
}

.project-form__textarea label, .project-form__textarea > div {
  vertical-align: middle
}

.project-form__textarea label {
  min-width: 5rem
}

.project-form__textarea > div {
  background: #fff !important
}

.project-form__textarea > div > div:first-child {
  top: .85rem;
  left: 1rem
}

.project-form__textarea > div div hr:first-child {
  display: none !important
}

.project-form__textarea > div div hr {
  width: calc(100% - 2rem) !important;
  left: 1rem
}

.project-form__textarea textarea {
  padding: 0 1rem !important
}

.project-form__text {
  padding: 1rem;
  background: #fff
}

.project-form__simpletimepicker {
  background: #fff;
  max-height: 3pc;
  text-align: center
}

.project-form__simpletimepicker .simpletimepicker {
  max-height: 3pc
}

.project-form__simpletimepicker .simpletimepicker__error {
  border: 1px solid red
}

.project-form__simpletimepicker hr {
  display: none
}

.project-form__datepicker > div, .project-form__timepicker > div {
  background: #fff !important
}

.project-form__datepicker > div > div:first-child, .project-form__timepicker > div > div:first-child {
  padding-left: 1rem
}

.project-form__datepicker > div > div:first-child:before, .project-form__timepicker > div > div:first-child:before {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.7rem;
  display: inline-block;
  color: #8daa0b;
  position: relative;
  top: .3rem;
  padding-right: .8rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E901"
}

.project-form__datepicker > div > div:first-child > div, .project-form__timepicker > div > div:first-child > div {
  left: 3rem
}

.project-form__datepicker > div > div:first-child input, .project-form__timepicker > div > div:first-child input {
  width: calc(100% - 4rem) !important;
  cursor: pointer !important
}

.project-form__datepicker div hr:first-child, .project-form__timepicker div hr:first-child {
  display: none !important
}

.project-form__timepicker > div > div:first-child:before {
  content: "\E91B"
}

.project-form__chips__container {
  display: flex;
  flex-wrap: wrap;
  background: #fff !important;
  padding: 1rem
}

.project-form__chips__container > div svg {
  fill: #adadad !important
}

.project-form__tab {
  padding: .5rem 1rem !important;
  height: 3rem !important;
  box-shadow: 1px -1px 0 #e0e0e0, 1px -2px 1px rgba(0, 0, 0, .12), -1px -1px 0 rgba(0, 0, 0, .1)
}

.project-form__tab--active {
  background: #fff !important
}

.project-form .icon-info {
  cursor: pointer
}

.project-form--loading section {
  min-height: 10rem;
  text-align: center
}

.project-form--loading section > div {
  margin: 5rem auto
}

.project-form--clean.project-form {
  margin: 0
}

.project-form--clean.project-form .project-form__container {
  box-shadow: none;
  background: transparent;
  padding: 0;
  margin: 0 1rem
}

.project-form + [class^=MuiSnackbar] {
  bottom: 3.8rem
}

.page-node-type-project .region--title {
  display: none
}

@media only screen and (min-width: 740px) {
  .project-form__element-container > div {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .project-form__element-container > div:first-child {
    padding-left: 0
  }

  .project-form__element-container > div:last-child {
    padding-right: 0
  }
}

@keyframes borderBlink {
  0%, to {
    border-color: transparent
  }
  50% {
    border-color: #d9534f
  }
}

.project-media {
  position: relative;
  background: #e9edf4;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border: .1rem solid transparent;
  min-height: 23.129rem
}

.project-media__dropzone {
  color: #8daa0b;
  min-height: 13rem
}

.project-media__dropzone__element {
  cursor: pointer;
  padding: 1rem .3rem .3rem;
  background: rgba(233, 237, 244, .9)
}

.project-media__dropzone .icon-camera, .project-media__dropzone .icon-plus {
  font-size: 3rem
}

.project-media__dropzone .icon-plus {
  transform: rotate(45deg);
  display: block
}

.project-media__crop-button {
  color: #8daa0b;
  cursor: pointer;
  padding: 1rem .3rem .3rem;
  background: rgba(233, 237, 244, .9);
  position: absolute;
  width: calc(100% - 2rem);
  bottom: 1rem
}

.project-media__crop-button.wide-display {
  bottom: 0;
  height: 100%
}

.project-media__crop-button .icon-crop, .project-media__crop-button .icon-new-tab {
  font-size: 3rem
}

.project-media__cropper {
  position: absolute;
  background: #e9edf4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none
}

.project-media__cropper canvas {
  cursor: move
}

.project-media__cropper__slider {
  position: absolute;
  width: calc(100% - 5rem);
  left: 1.2rem;
  padding: 0 3%;
  background: hsla(0, 0%, 100%, .8);
  height: 1.6rem;
  border-radius: 1rem;
  bottom: .6rem
}

.project-media__cropper__slider > div > div {
  margin-top: .3rem !important
}

.project-media__cropper__save {
  position: absolute;
  text-align: center;
  font-size: 1.4rem;
  width: 2rem;
  height: 2rem;
  bottom: .4rem;
  right: 1.2rem;
  background: hsla(0, 0%, 100%, .8);
  border-radius: 50%;
  color: #8daa0b;
  cursor: pointer
}

.project-media__project-name {
  background: #c9dd03;
  padding: .8rem 1rem .5rem;
  color: #fff
}

.project-media__project-name .col-md-11 > div > div {
  color: #fff !important;
  font-size: 1.5rem !important
}

.project-media__project-name .col-md-11 > div input {
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 2rem !important;
  z-index: 1
}

.project-media__project-name .col-md-11 > div div hr {
  border-color: #8daa0b !important
}

.project-media__project-name .col-md-11 > div div hr:first-child {
  display: none !important
}

.project-media__project-name .icon-edit {
  font-size: 2.2rem;
  line-height: 1.2
}

.project-media .image-upload-info {
  position: absolute;
  right: 0;
  bottom: 5rem;
  width: 2rem;
  height: 2rem;
  background: hsla(0, 0%, 100%, .7);
  text-align: center;
  border-radius: 50%;
  line-height: 2rem;
  margin: .8rem;
  cursor: pointer
}

.project-media .image-upload-info.count-image-0 {
  bottom: 0;
  background: #fff
}

.project-media[image-url=true] .project-media__crop-button, .project-media[image-url=true] .project-media__dropzone__element {
  opacity: 0;
  transition: opacity .3s ease-in-out
}

.project-media[image-url=true]:hover .project-media__crop-button, .project-media[image-url=true]:hover .project-media__dropzone__element {
  opacity: 1
}

.project-media.support-crop {
  border: 0
}

.project-media.cropper-open {
  background: #e9edf4 !important
}

.project-media.cropper-open .project-media__cropper {
  opacity: 1;
  pointer-events: auto
}

.project-title {
  border: .1rem solid transparent;
  padding: .2rem
}

.project-region-place__or {
  position: relative;
  padding: 2rem 0 .5rem
}

.project-region-place__or__seperator {
  border-bottom: .1rem solid #adadad
}

.project-region-place__or__text {
  background: #e9edf4;
  text-align: center;
  margin: -.9rem auto;
  width: 6rem;
  color: #adadad
}

.project-needs {
  position: relative
}

.project-needs__button {
  position: relative;
  background: #fff;
  overflow: hidden;
  margin-top: 1rem
}

.project-needs__button__icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 13rem;
  flex: 1 0 100%
}

.project-needs__button__options-container {
  min-height: 13rem
}

.project-needs__button__option-list {
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0
}

.project-needs__button__option-list .project-form__dropdown {
  padding: 0;
  color: #2c2d2f;
  border-bottom: .1rem solid #d8d8d8
}

.project-needs__button__option-item {
  width: 100%;
  height: 2.6rem;
  border-bottom: .1rem solid #d8d8d8;
  color: #8daa0b;
  padding: .5rem;
  font-weight: 500;
  cursor: pointer;
  transition: .3s all ease-in-out
}

.project-needs__button__option-item span {
  font-size: 1.2rem;
  padding: 0 1rem 0 .5rem;
  line-height: 1.4
}

.project-needs__button__option-item span.icon-arrow-left {
  padding-right: .2rem
}

.project-needs__button__option-item.active {
  background: #c9dd03;
  color: #fff
}

.project-needs__button__option-quantity .col-xs-3 {
  display: flex;
  justify-content: center;
  align-items: center
}

.project-needs__button__option-quantity label {
  padding-top: 1rem
}

.project-needs__send-icon.icon-floppy-disk.active {
  animation: iconBlink 1s ease-in-out 1
}

.project-needs .wrapper {
  position: relative;
  display: flex;
  flex-flow: row
}

.project-needs .wrapper .project-needs__button__option-list {
  flex: 1 0 100%;
  background: #fff
}

.project-needs .wrapper .project-needs__button__option-list.right-side {
  z-index: 10
}

.project-needs .project-form__element-container > div:last-child {
  padding-right: 0
}

.project-needs .project-form__element-container > div:nth-child(even) {
  padding-right: 0;
  padding-left: .5rem
}

.project-needs .project-form__element-container > div:nth-child(odd) {
  padding-right: .5rem;
  padding-left: 0
}

.r-slide-enter {
  transition: right .3s, left .3s
}

.r-slide-enter.right-side {
  right: -100%
}

.r-slide-enter.left-side {
  left: -100%
}

.r-slide-enter.r-slide-enter-active {
  transition: right .3s, left .3s
}

.r-slide-enter.r-slide-enter-active.right-side {
  right: 0
}

.r-slide-enter.r-slide-enter-active.left-side {
  left: 0
}

.r-slide-leave {
  transition: right .3s, left .3s
}

.r-slide-leave.right-side {
  right: 100%
}

.r-slide-leave.left-side {
  left: 0
}

.r-slide-leave.r-slide-leave-active {
  transition: right .3s, left .3s
}

.r-slide-leave.r-slide-leave-active.right-side {
  right: 0
}

.r-slide-leave.r-slide-leave-active.left-side {
  left: -100%
}

@keyframes iconBlink {
  0%, to {
    font-size: 1.2rem
  }
  50% {
    font-size: 1.4rem;
    line-height: 1.1
  }
}

.project-intro {
  position: relative;
  padding: 0
}

.project-intro .section__title {
  padding: 0;
  margin: 0
}

.project-intro .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.project-intro__content {
  padding: 2rem 0 0
}

.project-intro__content .link-wrap {
  margin: 2rem 0;
  color: #8daa0b
}

.project-intro__content p {
  position: relative
}

.project-intro__content a:after, .project-intro__content a:before {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2rem;
  display: inline-block;
  color: #8daa0b;
  position: relative;
  top: .5rem;
  margin-right: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.project-intro__content a:after {
  position: absolute;
  top: auto;
  bottom: -.5rem;
  left: 1rem;
  font-size: .8rem;
  background: #c9dd03;
  border-radius: 50%;
  padding: .35rem;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem
}

.project-intro__content a[data-link-name=new_project]:before {
  content: "\E905"
}

.project-intro__content a[data-link-name=new_project]:after {
  content: "\E904"
}

.project-intro__content a[data-link-name=my_projects]:before {
  content: "\E905"
}

.project-intro__content a[data-link-name=my_projects]:after {
  content: "\E912"
}

.project-intro__action {
  text-align: center
}

.project-intro .link-add-project {
  position: relative;
  display: inline-block
}

.project-intro .link-add-project .icon-project {
  font-size: 9rem;
  color: #8daa0b;
  display: block
}

.project-intro .link-add-project .icon-plus {
  color: #2c2d2f;
  background: #c9dd03;
  border-radius: 50%;
  position: absolute;
  bottom: -2.6rem;
  right: -.7rem;
  font-size: 1rem;
  padding: 1.4rem
}

.project-faq {
  position: relative
}

.project-faq--white {
  background: #fff;
  padding-bottom: 2rem
}

.project-faq--white:after, .project-faq--white:before {
  content: '';
  position: absolute;
  width: 30vw;
  height: 100%;
  background: #fff;
  top: 0;
  pointer-events: none
}

.project-faq--white:before {
  right: 100%
}

.project-faq--white:after {
  left: 100%
}

.project-faq .accordion--block {
  padding: 0 0 2.5rem
}

.project-faq .section__title {
  margin: 0 0 .5rem;
  padding-left: 0;
  padding-top: 0
}

.project-faq .currently-total {
  font-size: 1.3rem;
  text-transform: none;
  padding: .8rem 5rem;
  white-space: normal
}

.project-list {
  padding: 0 0 3rem
}

.project-list .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.project-list__header {
  padding: 2rem 0 1rem
}

.project-list__header__title {
  margin: 0
}

.project-list__header__actions {
  color: #8daa0b;
  font-size: 2rem
}

.project-list__sorting-form {
  width: 15%
}

.project-list__sorting-form #edit-actions {
  display: none
}

.project-list__filter-form {
  width: 100%
}

.project-list .view-empty {
  color: #adadad;
  text-align: center;
  font-size: 1.4rem;
  font-style: italic;
  margin: 2rem 0 4rem
}

.project-list .view-empty [class^=icon] {
  font-size: 3rem;
  display: block;
  margin: 2rem 0 1rem;
  opacity: .5
}

.project-description__dropzone {
  margin-top: 1rem;
  background: #fff
}

.project-description__dropzone .icon-link {
  font-size: 1.5rem;
  line-height: 2.2rem
}

.project-description__dropzone .icon-plus {
  display: block;
  transform: rotate(45deg);
  margin-top: .6rem;
  cursor: pointer
}

.project-description__dropzone .col-xs-10 > div > div {
  line-height: 2rem
}

.project-need {
  padding: 0;
  color: #77a22f;
  text-align: center;
  height: 100%;
  padding: 1rem
}

.project-need:after, .project-need:before {
  content: '';
  position: absolute;
  opacity: .5;
  pointer-events: none
}

.project-need:before {
  border-left: 1px solid #adadad;
  width: 0;
  height: 80%;
  top: 10%;
  right: 0
}

.project-need:after {
  border-bottom: 1px solid #adadad;
  height: 0;
  width: 92%;
  left: 4%;
  bottom: 0
}

.project-need__star {
  position: absolute;
  right: .7rem;
  top: .3rem;
  font-size: 1.3rem;
  cursor: pointer
}

.project-need__icon {
  font-size: 2.4rem
}

.project-need--budget .project-need__content .icon-euro, .project-need--budget .project-need__content > div {
  display: inline;
  vertical-align: text-bottom
}

.project-page__container {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  background: #fff;
  padding: 2rem 0;
  margin: 0 1rem 2rem
}

.project-page__info__breadcrumb {
  padding: 1rem 0;
  color: #8daa0b
}

.project-page__info__breadcrumb a {
  cursor: pointer;
  font-weight: 500
}

.project-page__info__breadcrumb a:hover {
  text-decoration: underline
}

.project-page__info__container {
  display: block
}

.project-page__info__title {
  padding-bottom: .5rem;
  font-weight: 500
}

.project-page__info__user {
  display: flex;
  flex: 2 0 auto;
  float: left;
  width: 100%
}

.project-page__info__user .user-image {
  float: left
}

.project-page__info__user__label {
  float: left;
  padding: 1.2rem .5rem 0
}

.project-page__info__user__label a {
  color: #8daa0b;
  font-weight: 500;
  text-transform: capitalize
}

.project-page__info__user__message {
  color: #8daa0b;
  align-self: center
}

.project-page__info__actions {
  flex: 0 1 auto;
  padding-top: .7rem;
  float: left
}

.project-page__info__actions .btn {
  color: #2c2d2f;
  font-weight: 500
}

.project-page__info__actions__vote {
  float: none;
  margin-left: 1rem
}

.project-page__info__actions span.icon-share {
  font-size: 1.5rem;
  line-height: .3
}

.project-page__info__actions span.icon-share:before {
  top: .3rem;
  position: relative
}

.project-page__header {
  position: relative;
  margin-top: 1rem
}

.project-page__header__event {
  position: absolute;
  top: 0;
  right: .9rem;
  z-index: 3
}

.project-page__header__event__title {
  background: hsla(0, 0%, 100%, .9);
  padding: .5rem 1rem;
  float: left
}

.project-page__header__event__date {
  float: right
}

.project-page__header__event__date > .event {
  margin: 0;
  max-width: 5rem;
  min-width: 5rem;
  height: 5rem;
  border: none;
  box-shadow: none;
  background: hsla(0, 0%, 100%, .9)
}

.project-page__header__event__date > .event .event__date:active, .project-page__header__event__date > .event .event__date:focus {
  outline: 0 !important
}

.project-page__cover {
  text-align: center;
  background-color: #c9dd03
}

.project-page__slider_wrapper {
  position: relative
}

.project-page__overlay-actions__edit {
  color: #fff;
  z-index: 1000;
  position: absolute;
  right: 1rem;
  top: 1rem
}

.project-page__overlay-actions__edit .btn {
  font-size: .8rem;
  display: inline-block;
  background: rgba(0, 0, 0, .18);
  padding: .3rem .7rem .2rem;
  border-radius: .4rem;
  transition: transform .2s ease
}

.project-page__overlay-actions__edit .btn span {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: bottom
}

.project-page__overlay-actions__edit .btn:hover {
  transform: scale(1.1)
}

.project-page__title {
  color: #fff
}

.project-page__title h1 {
  font-size: 2rem;
  margin: .1rem 0;
  padding: .3rem 0
}

.project-page__category {
  padding: 1rem;
  margin-top: 1rem
}

.project-page__category span {
  border: .1rem solid #8daa0b;
  border-radius: 50%;
  padding: .4rem;
  color: #8daa0b;
  font-size: 1.4rem
}

.project-page__progress {
  margin-top: 1rem
}

.project-page__progress__container {
  background: #e9edf4;
  padding: 1rem
}

.project-page__progress__wrap {
  position: relative;
  margin: .5rem 0
}

.project-page__progress__line {
  border-bottom: .2rem solid #adadad;
  position: absolute;
  top: 1.5rem;
  left: 2rem;
  right: 2rem
}

.project-page__progress__items {
  position: relative;
  z-index: 1;
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between
}

.project-page__progress__item {
  display: block;
  text-align: center
}

.project-page__progress__item:focus {
  outline: 0
}

.project-page__progress__item__circle {
  width: 3rem;
  height: 3rem;
  background: #fff;
  border: .2rem solid #adadad;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto
}

.project-page__progress__item label {
  font-weight: 300
}

.project-page__progress__item--middle .project-page__progress__item__circle {
  position: relative;
  border-color: #c9dd03
}

.project-page__progress__item--middle .project-page__progress__item__circle:before {
  content: " ";
  position: absolute;
  top: .3rem;
  left: .3rem;
  width: 2rem;
  height: 2rem;
  background: #8daa0b;
  border-radius: 50%
}

.project-page__progress__item--middle label {
  font-weight: 500;
  color: #8daa0b
}

.project-page__progress__item--finish .project-page__progress__item__circle {
  border-color: #8daa0b;
  background: #8daa0b
}

.project-page__progress__item--finish label {
  font-weight: 500;
  color: #8daa0b
}

.project-page__description {
  margin-top: 1rem
}

.project-page__description__container {
  padding: 1rem 0
}

.project-page__location {
  margin-top: 1rem
}

.project-page__location .icon-location, .project-page__location .icon-time-2 {
  font-size: 1.5rem;
  vertical-align: middle
}

.project-page__finance-team {
  padding-top: 1rem
}

.project-page__finance-team .btn-block {
  font-weight: 500
}

.project-page__finance {
  background: #e9edf4;
  padding: 1rem;
  margin-top: 1rem
}

.project-page__finance__text {
  font-size: 1.2rem;
  line-height: 2.5rem;
  height: 3rem;
  text-align: center;
  color: #8daa0b
}

.project-page__finance__text span {
  font-size: .8rem
}

.project-page__team {
  background: #e9edf4;
  padding: 1rem;
  margin-top: 2rem
}

.project-page__team__list {
  text-align: center;
  height: 15rem
}

.project-page__team__list__item {
  padding-top: 2.2rem;
  width: 4rem;
  margin: 0 auto
}

.project-page__needs {
  padding-top: 1rem;
  margin-top: 1rem
}

.project-page__needs__container {
  background: #e9edf4;
  padding: 1rem
}

.project-page__needs__list {
  padding: 1rem 1rem 0;
  background: #fff;
  margin-top: 1rem;
  margin-bottom: 1rem
}

.project-page__needs__list__item {
  background: #e9edf4;
  padding: .5rem 1rem;
  margin: 0 1rem 1rem 0
}

.project-page__needs__list__item span {
  margin-right: .5rem;
  font-size: 1.5rem;
  vertical-align: middle
}

.project-page__needs .btn-block {
  font-weight: 500
}

.project-page__needs .btn-finance {
  cursor: auto
}

.project-page__wiki {
  padding-top: 1rem;
  margin-top: 1rem
}

.project-page__wiki__container {
  background: #e9edf4;
  padding: 1rem
}

.project-page__wiki__list {
  padding: 1rem 0 0;
  margin: 0 -1rem -1.5rem
}

.project-page__tags {
  padding-top: 1rem;
  margin-top: 1rem
}

.project-page__tags__container {
  background: #e9edf4;
  padding: 1rem
}

.project-page__tags__list {
  padding: 1rem 0 0;
  margin: 0 0 -1rem
}

.project-page__tags__list__item {
  background: #fff;
  padding: .5rem 1rem;
  margin: 0 1rem 1rem 0
}

.project-page__tags__list__item label {
  cursor: pointer
}

.project-page__stream {
  padding-top: 1rem;
  margin-top: 1rem
}

.project-page__stream__container {
  padding: 1rem 0
}

.project-page__stream__container .stream {
  margin: 0;
  padding: 0
}

.project-page__stream__container .stream .activity-author {
  flex: 0 0 5rem
}

.project-page__stream__container .stream .activity-author .user-image {
  margin: 0 auto;
  width: 4rem
}

.project-page__stream__container .stream-item {
  padding-left: 0
}

.project-page__stream__container .stream-item__header:before {
  background-color: transparent
}

.project-page__stream__container .stream-item .card__block {
  min-height: 6rem
}

.project-page__stream__container .stream-item .card__block .media-wrapper {
  width: 100%;
  display: block;
  word-break: break-word
}

.project-page__stream__container .stream-item .card--stream {
  margin-left: 1.25rem;
  position: relative
}

.project-page__stream__container .stream-item .card--stream:after, .project-page__stream__container .stream-item .card--stream:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.project-page__stream__container .stream-item .card--stream:before {
  border-right-color: rgba(0, 0, 0, .12);
  border-width: 7px;
  top: 1pc
}

.project-page__stream__container .stream-item .card--stream:after {
  border-right-color: #fff;
  border-width: 6px;
  top: 17px
}

.project-page__stream__container .stream-icon {
  top: 19px;
  left: 4px;
  width: 8px;
  height: 8px;
  position: absolute;
  background: #777;
  box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  border-radius: 50%;
  border: 1px solid #fff
}

.project-page__attachment {
  padding-top: 1rem;
  margin-top: 1rem
}

.project-page__attachment__container {
  background: #e9edf4;
  padding: 1rem
}

.project-page__attachment__file label {
  font-weight: 300;
  text-decoration: underline;
  cursor: pointer
}

.project-page__attachment__file .icon-link {
  font-size: 1.5rem
}

.project-page__graph {
  padding-top: 1rem
}

.project-page__graph__container {
  background: #e9edf4;
  padding: 1rem
}

.project-page__graph__element {
  padding: 1rem 0 0;
  margin: 0 0 0 -.5rem;
  min-height: 23rem
}

.project-page__report_content {
  margin-top: 1rem
}

.contact-project-owner__callback {
  width: 100%;
  text-align: left;
  padding: 1rem;
  color: #c9dd03;
  font-size: 1rem
}

.contact-project-owner__form {
  width: 100%
}

.contact-project-owner__form textarea {
  padding: .8rem 1rem
}

.contact-project-owner__message {
  margin: 0
}

@media only screen and (min-width: 740px) {
  .project-page__container {
    padding: 2rem 1rem
  }

  .project-page__info__container {
    display: flex
  }

  .project-page__info__title {
    padding-top: 1.2rem;
    padding-bottom: 0
  }

  .project-page__info__user {
    padding: 0 1rem;
    float: none;
    width: auto
  }

  .project-page__info__actions {
    float: none
  }

  .project-page__info__actions__participate, .project-page__info__actions__vote {
    float: right
  }

  .project-page__progress__wrap {
    margin: 1.5rem 5rem 0 2rem
  }

  .project-page__team {
    margin-top: 1rem
  }

  .project-page__team__list {
    height: 19rem
  }

  .project-page__team__list__item {
    padding-top: 2.2rem;
    width: 6rem
  }

  .project-page__stream__container .stream .stream-icon {
    left: 0;
    top: 2.2rem;
    width: 1pc;
    height: 1pc;
    border-width: 2px
  }

  .project-page__stream__container .stream .card.card--stream {
    margin-left: 2rem
  }

  .project-page__stream__container .stream .card.card--stream:before {
    border-width: .9rem;
    top: 2.1rem
  }

  .project-page__stream__container .stream .card.card--stream:after {
    border-width: .8rem;
    top: 2.2rem
  }

  .project-page__stream__container .stream-item .card__block {
    min-height: 6rem
  }

  .project-page__stream__container .stream-item .card__block .media-wrapper {
    display: flex;
    word-break: break-word
  }

  .project-page__stream__container .stream-item .card__block .activity__content {
    flex: 2 0 65%;
    padding-right: 1rem
  }

  .project-page__stream__container .stream-item .card__block .media__image {
    flex: 0 1 35%;
    min-width: 12rem
  }

  .project-page__stream__container .stream-item .card__block .media__image > .field--type-image {
    float: right
  }

  .project-page__stream__container .stream-item .card__block .media__image .cover {
    width: 100%
  }

  .project-page__stream__container .stream-item .card__block .media__image .cover-wrap {
    min-height: 12rem
  }

  .project-page__stream__container .stream-item .card__block .form--post-create {
    flex: 2 0 auto
  }

  .project-page__graph__element {
    margin: 0;
    min-height: 30rem
  }

  .page-node-type-project .modal-dialog {
    width: 50pc
  }
}

@media (min-width: 900px) {
  .project-page__slider_wrapper {
    min-height: 13rem
  }

  .project-page__stream__container .stream-item .card__block .media__image {
    min-width: 17rem
  }
}

.pac-container {
  z-index: 1600
}

.project-visibility {
  background: transparent;
  padding: 1rem 3rem 2rem;
  margin: 0
}

.project-phase-page .project-form__tab {
  border: 10px;
  box-sizing: border-box;
  display: inline-block;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  line-height: 36px;
  min-width: 88px;
  color: rgba(0, 0, 0, .87);
  transition: all .45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  border-radius: 2px;
  user-select: none;
  overflow: hidden;
  background-color: transparent;
  text-align: center;
  padding: .5rem 1rem !important;
  height: 3rem !important;
  box-shadow: 1px -1px 0 #e0e0e0, 1px -2px 1px rgba(0, 0, 0, .12), -1px -1px 0 rgba(0, 0, 0, .1)
}

.project-phase-page .project-form__tab div span {
  position: relative;
  padding-left: 1pc;
  padding-right: 1pc;
  vertical-align: middle;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px
}

.project-phase-page .project-form__tab--active {
  background: #fff !important
}

.project-phase-page .project-phase-page-container {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  background: #fff;
  padding: 2rem 0;
  margin: 0 1rem
}

.project-phase-page .project-phase-page-container .project-phase-form {
  padding: 1rem 0
}

.project-phase-page .project-phase-page-container .project-phase-form .form-group {
  max-width: 23rem;
  width: 100%
}

.project-phase-page .project-phase-page-container .project-phase-form .form-group .control-label {
  font-weight: 500
}

.project-phase-page .project-phase-page-container .project-phase-form .form-group .control-sub-label {
  color: #adadad;
  font-size: .75rem
}

.project-phase-page .project-phase-page-container .project-phase-form .form-group .form-date {
  width: 100%
}

.project-phase-page .project-phase-page-container .project-phase-form__process {
  overflow: hidden
}

.project-phase-page .project-phase-page-container .project-phase-form__process .form-control {
  width: 90%;
  float: left;
  min-width: 0
}

.project-phase-page .project-phase-page-container .project-phase-form__process span {
  float: right;
  padding-top: 1.5rem
}

.project-type {
  margin: 0;
  height: auto
}

.project-type__hr {
  border-color: #fff;
  border-width: .5rem
}

.project-start-and-end {
  padding-left: 0;
  padding-right: 0
}

.project-start-and-end .project-form__element-container > div {
  padding: 0
}

.project-sponsor .project-form__tab {
  border: 10px;
  box-sizing: border-box;
  display: inline-block;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  line-height: 36px;
  min-width: 88px;
  color: rgba(0, 0, 0, .87);
  transition: all .45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  border-radius: 2px;
  user-select: none;
  overflow: hidden;
  background-color: transparent;
  text-align: center;
  padding: .5rem 1rem !important;
  height: 3rem !important;
  box-shadow: 1px -1px 0 #e0e0e0, 1px -2px 1px rgba(0, 0, 0, .12), -1px -1px 0 rgba(0, 0, 0, .1)
}

.project-sponsor .project-form__tab div span {
  position: relative;
  padding-left: 1pc;
  padding-right: 1pc;
  vertical-align: middle;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px
}

.project-sponsor .project-form__tab--active {
  background: #fff !important
}

.project-sponsor__container {
  padding: 2rem 1rem;
  background: #fff;
  margin: 0 1rem 2rem;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)
}

.project-sponsor__form {
  padding: 2rem 0
}

.project-sponsor__form__title {
  padding-bottom: .5rem;
  font-weight: 500;
  font-size: 1.2rem
}

.project-sponsor__form__title span[class^=icon-] {
  width: 2.7rem;
  font-size: 1.5rem;
  color: #58a618;
  margin-right: .5rem
}

.project-sponsor__form__submit button {
  font-weight: 500;
  width: 100%
}

.project-search-suggestion:after, .project-search-suggestion:before {
  content: " ";
  display: table
}

.project-search-suggestion:after {
  clear: both
}

.project-search-suggestion .image-wrap {
  background: #adadad;
  width: 5rem;
  height: 2.5rem;
  float: left;
  overflow: hidden
}

.project-search-suggestion .image-wrap img {
  width: 5rem;
  height: 2.5rem;
  object-fit: cover
}

.project-search-suggestion .title {
  float: left;
  padding: .3rem 0;
  margin-left: .8rem
}

@media (min-width: 1200px) {
  .tool-form .project-media {
    min-height: 17.4rem
  }

  .tool-form .project-form__textarea > div {
    height: 11.2rem !important
  }
}

.tools-intro {
  position: relative;
  padding: 0;
  margin-top: -1rem
}

.tools-intro__white {
  background: #fff;
  padding: 2rem 0 0
}

.tools-intro__white:after, .tools-intro__white:before {
  content: '';
  position: absolute;
  width: 30vw;
  height: 100%;
  background: #fff;
  top: 0;
  pointer-events: none
}

.tools-intro__white:before {
  right: 100%
}

.tools-intro__white:after {
  left: 100%
}

.tools-intro .section__title {
  padding: 0;
  margin: 0
}

.tools-intro .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.tools-intro__content {
  padding: 2rem 0 0
}

.tools-intro__content .link-wrap {
  margin: 2rem 0;
  color: #8daa0b
}

.tools-intro__content p {
  position: relative
}

.tools-intro__content a:after, .tools-intro__content a:before {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2rem;
  display: inline-block;
  color: #8daa0b;
  position: relative;
  top: .5rem;
  margin-right: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.tools-intro__content a:after {
  position: absolute;
  top: auto;
  bottom: -.5rem;
  left: 1rem;
  font-size: .8rem;
  background: #c9dd03;
  border-radius: 50%;
  padding: .35rem;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem
}

.tools-intro__content a[data-link-name=new_tool]:before {
  content: "\E906"
}

.tools-intro__content a[data-link-name=new_tool]:after {
  content: "\E904"
}

.tools-intro__content a[data-link-name=my_tools]:before {
  content: "\E906"
}

.tools-intro__content a[data-link-name=my_tools]:after {
  content: "\E912"
}

.tools-intro__action {
  text-align: center
}

.tools-intro .link-add-tool {
  position: relative;
  display: inline-block
}

.tools-intro .link-add-tool .icon-tools {
  font-size: 9rem;
  color: #8daa0b;
  display: block
}

.tools-intro .link-add-tool .icon-plus {
  font-size: 1rem;
  color: #2c2d2f;
  background: #c9dd03;
  border-radius: 50%;
  position: absolute;
  bottom: -2.6rem;
  right: -.7rem;
  padding: 1.4rem
}

.tools-list {
  padding: 0 0 3rem
}

.tools-list__header {
  padding: 2rem 0 1rem
}

.tools-list__header__title {
  margin: 0
}

.tools-list__header__actions {
  color: #8daa0b;
  font-size: 2rem
}

.tools-list__sorting-form {
  width: 15%
}

.tools-list__sorting-form #edit-actions {
  display: none
}

.tools-list .view-empty {
  color: #adadad;
  text-align: center;
  font-size: 1.4rem;
  font-style: italic;
  margin: 2rem 0 4rem
}

.tools-list .view-empty [class^=icon] {
  font-size: 3rem;
  display: block;
  margin: 2rem 0 1rem;
  opacity: .5
}

.tools-card {
  margin: 0
}

.tools-card__inactive > .card__block, .tools-card__inactive > .tools-card__image {
  opacity: .5
}

.tools-card__image {
  min-height: 8rem
}

.tools-card__image img {
  width: 100%;
  object-fit: cover
}

.tools-card__title .teaser__title {
  margin: 0
}

.tools-card__region {
  font-size: .9rem;
  color: #adadad;
  margin: .5rem 0
}

.tools-card__region .icon-location {
  display: inline-block;
  font-size: 1.1rem;
  color: #77a22f;
  transform: translate(-0.2rem, 0.05rem)
}

.tools-card__body {
  margin: 1rem 0;
  opacity: .8
}

.tools-card__footer {
  margin-top: 1.2rem;
  display: flex;
  justify-content: space-between
}

.tools-card__elapsed_since {
  color: #adadad
}

.tools-card__elapsed_since span {
  display: inline-block;
  vertical-align: middle
}

.tools-card__elapsed_since [class^=icon] {
  font-size: 1.6rem
}

.tools-card__elapsed_since .text {
  font-size: .9rem
}

.tools-card__overlay-actions {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 45, 47, .7);
  z-index: 1
}

.tools-card:hover .tools-card__overlay-actions {
  display: block
}

.tools-card__action {
  position: absolute;
  right: 0;
  font-size: 3rem;
  color: #fff;
  padding: 1rem;
  cursor: pointer;
  transition: transform .2s ease
}

.tools-card__action:hover {
  color: #fff;
  transform: scale(1.1)
}

.tools-card__action__edit {
  top: 4rem
}

.tools-card__action__view {
  right: .2rem
}

.tools-card__action__close, .tools-card__action__delete, .tools-card__action__open {
  top: 8rem;
  right: .3rem
}

.tools-card__action__delete .ajax-throbber {
  display: none
}

.tool-page__container {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  background: #fff;
  padding: 2rem 0;
  margin: 0 1rem 2rem
}

.tool-page__info__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.tool-page__info__label {
  padding-top: .7rem;
  padding-bottom: 0;
  vertical-align: middle;
  margin-right: 1rem
}

.tool-page__info__author {
  flex: 0 0 auto;
  padding: 0;
  float: none;
  width: auto
}

.tool-page__info__author a {
  display: inline-block;
  vertical-align: middle
}

.tool-page__info__author .user-image {
  display: block
}

.tool-page__info__author__username {
  padding: .7rem .5rem 0;
  vertical-align: middle
}

.tool-page__info__actions {
  float: none;
  flex: 2 0 auto;
  padding-top: .7rem;
  margin-left: 2rem;
  text-align: right
}

.tool-page__info__actions .btn {
  color: #2c2d2f;
  font-weight: 700
}

.tool-page__info__actions .btn .icon-mail {
  font-size: 1.5rem;
  vertical-align: middle;
  padding-right: 1rem
}

.tool-page__header__container {
  margin: 1rem 0 2rem
}

.tool-page__header__title {
  background: #c9dd03;
  color: #fff;
  padding: .2rem 1.5rem .6rem
}

.tool-page__header__title h2 {
  font-weight: 600
}

.tool-page__header__category {
  margin-top: 1.5rem;
  padding-left: 0;
  color: #5e801d;
  font-weight: 500;
  font-size: 1.1rem
}

.tool-page__header__category span {
  padding-right: 1rem
}

.tool-page__content__section {
  margin-bottom: 1.5rem
}

.tool-page__content__top__image img {
  width: 100%;
  border: 1px solid #f0f4fa
}

.tool-page__content__top__summary {
  padding: 1rem 2rem;
  background: #f0f4fa;
  height: 100%
}

.tool-page__content__location .icon-location, .tool-page__content__location .icon-time-2 {
  font-size: 1.5rem;
  vertical-align: middle
}

.tool-page__content__bottom__desc {
  padding: 1rem 2rem;
  background: #f0f4fa
}

@media only screen and (min-width: 740px) {
  .tool-page__container {
    padding: 2rem 1rem
  }
}

.tools-contact-form {
  margin-top: 2rem
}

.tools-contact-form .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.tools-contact-form .form-required {
  display: none
}

.tools-contact-form__message__error .alert, .tools-contact-form__message__success .alert {
  margin: 0 1rem 1rem
}

.tools-contact-form__info {
  background: #f0f4fa;
  padding: 1.5rem .5rem .5rem;
  margin-bottom: 1rem;
  padding: 1rem
}

.tools-contact-form__info__label {
  padding-bottom: 1rem
}

.tools-contact-form__info input, .tools-contact-form__info textarea {
  border: none
}

.tools-contact-form__info textarea {
  padding: .8rem 1rem
}

.tools-contact-form__info__date {
  display: flex
}

.tools-contact-form__info__date label {
  padding-top: 1rem;
  padding-right: 1rem
}

.tools-contact-form__actions .btn {
  color: #2c2d2f;
  font-weight: 500
}

.tools-contact-form__actions .btn .icon-mail {
  font-size: 1.5rem;
  vertical-align: middle;
  padding-right: 1rem
}

.my-tool-page__summary {
  position: relative;
  padding-top: 4rem
}

.my-tool-page__summary .btn-primary {
  font-size: 1.3rem;
  text-transform: none;
  padding: 1.5rem 5rem;
  white-space: normal
}

.team-members-page__title {
  font-size: 1.3rem;
  padding: 2rem 1rem
}

.team-members-page .team-members-list {
  background: #fff
}

.team-members-page .team-members-list__item {
  display: flex;
  flex-direction: column;
  border-bottom: .1rem solid #d8d8d8;
  padding: 1rem
}

.team-members-page .team-members-list__item__user-image {
  flex: 1.3
}

.team-members-page .team-members-list__item__user-image .user-image {
  float: left
}

.team-members-page .team-members-list__item__user-image__label {
  padding: 2rem 1rem 0;
  color: #8daa0b;
  cursor: pointer
}

.team-members-page .team-members-list__item__info {
  flex: 2;
  color: #8daa0b
}

.team-members-page .team-members-list__item__actions {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: .5rem
}

.team-members-page .team-members-list__item__actions .container .btn + .btn {
  margin-left: 0
}

.team-members-page .team-members-list__item__actions .container .btn-primary {
  color: #2c2d2f;
  font-weight: 500;
  width: 100%;
  margin-top: .5rem
}

.team-members-page .team-members-list__item__actions .container .btn-primary [class^=icon-] {
  font-size: 1.2rem
}

@media only screen and (min-width: 740px) {
  .team-members-page .team-members-list__item {
    flex-direction: row
  }

  .team-members-page .team-members-list__item__actions {
    border-left: .1rem solid #d8d8d8;
    padding-left: 2rem
  }
}

.file-link--info--label {
  margin-right: 20px
}

.form-managed-file .file--image {
  padding: 1rem
}

.form-managed-file button.btn-danger {
  width: 100%
}

.friendship__profile-picture {
  position: relative;
  padding-top: 1.5rem
}

.friendship__profile-picture-cover {
  display: block;
  border-radius: 100%;
  border: .25rem solid #8daa0b;
  color: #8daa0b;
  height: 10pc;
  width: 10pc;
  overflow: hidden;
  margin: 0 auto
}

.friendship__profile-picture-cover.staff {
  border-color: #01569a
}

.friendship__profile-picture-cover.staff:before {
  color: #01569a
}

.friendship__profile-picture-cover.no-image:before {
  display: block
}

.friendship__profile-picture-cover:before {
  display: none;
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #8daa0b;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E912";
  font-size: 6rem
}

.friendship__profile-picture-cover img {
  max-height: 100%
}

.friendship__profile-name {
  text-align: center;
  font-weight: 300
}

.friendship__card-body {
  padding: 1.5rem 1rem
}

.gls-invite-friends-form .select-wrapper {
  max-width: 100%
}

.gls-invite-friends-form .select-wrapper .selectize-input .item {
  padding: .5rem;
  background: #afc91c
}

.btn-invite-friends {
  color: #2c2d2f;
  font-weight: 500
}

.btn-invite-friends span.icon-share {
  font-size: 1.5rem;
  line-height: .3
}

.btn-invite-friends span.icon-share:before {
  top: .3rem;
  position: relative
}

.masonry {
  position: relative
}

.masonry--three-cols .masonry-item, .masonry--three-cols .masonry-sizer, .masonry--two-cols .masonry-item, .masonry--two-cols .masonry-sizer {
  width: 100%
}

.masonry--three-cols .gutter-sizer, .masonry--two-cols .gutter-sizer {
  width: 0
}

.masonry--three-cols .masonry-item, .masonry--two-cols .masonry-item {
  margin-bottom: 1.3rem
}

@media only screen and (min-width: 740px) {
  .masonry--two-cols .masonry-item, .masonry--two-cols .masonry-sizer {
    width: 49%
  }

  .masonry--two-cols .gutter-sizer {
    width: 2%
  }

  .masonry--two-cols.count-1 .masonry-item {
    position: relative;
    width: 50%;
    left: 25% !important;
    transition: none !important;
    transform: none !important
  }

  .masonry--three-cols .masonry-item, .masonry--three-cols .masonry-sizer {
    width: 32%
  }

  .masonry--three-cols .gutter-sizer {
    width: 2%
  }
}

.event {
  position: relative;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  background: #fff;
  padding: 1rem;
  min-width: 20rem;
  margin-top: 1rem
}

.event__date {
  width: 3.5rem;
  padding: 0 .5rem .5rem 0;
  float: left;
  text-align: center
}

.event__date__mon {
  font-size: .8rem;
  text-transform: uppercase;
  font-weight: 500
}

.event__date__day {
  color: #8daa0b;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6rem;
  font-family: Arial
}

.event__title {
  font-weight: 500
}

.event__content {
  color: #adadad
}

.event__actions {
  padding-top: .5rem
}

.event__actions .c-black {
  font-weight: 500
}

.event-card__image .category {
  display: inline-block;
  position: absolute;
  bottom: 5px;
  right: 5px;
  max-width: 100%;
  color: #738c06
}

.event-card__image .category span {
  font-size: 1.5rem;
  border-radius: 50%;
  border: 1px solid #738c06;
  padding: .5rem
}

.event-form .event-block {
  margin-top: 1rem
}

.event-form .block-public-agreement {
  display: inline-block;
  border: 1px solid transparent;
  padding: .3rem 0;
  border-radius: 3px
}

.event-activity .teaser__location {
  font-size: .9rem;
  color: #adadad;
  margin: .5rem 0
}

.event-activity .teaser__location .icon-location {
  display: inline-block;
  font-size: 1.1rem;
  color: #77a22f;
  transform: translate(-0.2rem, 0.05rem)
}

.event-activity .teaser__datetime {
  font-size: .9rem;
  color: #adadad;
  margin: .5rem 0
}

.event-activity .teaser__datetime .icon-time {
  display: inline-block;
  font-size: 1.1rem;
  color: #77a22f;
  transform: translate(-0.2rem, 0.05rem)
}

.event-media {
  min-height: 23.129rem
}

.event-intro {
  position: relative;
  padding: 0;
  margin-top: -1rem
}

.event-intro .section__title {
  padding: 0;
  margin: 3rem 0 0
}

.event-intro .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.event-intro__content {
  padding: 3rem 0 0
}

.event-intro__content .link-wrap {
  margin: 3rem 0;
  color: #8daa0b
}

.event-intro__content p {
  position: relative
}

.event-intro__content a:after, .event-intro__content a:before {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2rem;
  display: inline-block;
  color: #8daa0b;
  position: relative;
  top: .5rem;
  margin-right: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.event-intro__content a:after {
  position: absolute;
  top: auto;
  bottom: -.5rem;
  left: 1rem;
  font-size: .8rem;
  background: #c9dd03;
  border-radius: 50%;
  padding: .35rem;
  z-index: 10;
  width: 1.5rem;
  height: 1.5rem
}

.event-intro__content a[data-link-name=new_event]:before {
  content: "\E901"
}

.event-intro__content a[data-link-name=new_event]:after {
  content: "\E904"
}

.event-intro__content a[data-link-name=my_events]:before {
  content: "\E901"
}

.event-intro__content a[data-link-name=my_events]:after {
  content: "\E912"
}

.event-intro__layout-options {
  width: 25%;
  margin: .5rem 0
}

.event-intro__icons {
  color: #8daa0b;
  font-size: 2rem
}

.event-intro__icons a {
  padding: .5rem 0
}

@media only screen and (min-width: 740px) {
  .event-intro__layout-options {
    width: 15%
  }
}

.event-list {
  padding: 0 0 3rem
}

.event-list .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.event-list__sorting-form {
  width: 15%
}

.event-list__sorting-form #edit-actions {
  display: none
}

.event-list .view-empty {
  color: #adadad;
  text-align: center;
  font-size: 1.4rem;
  font-style: italic;
  margin: 2rem 0 4rem
}

.event-list .view-empty [class^=icon] {
  font-size: 3rem;
  display: block;
  margin: 2rem 0 1rem;
  opacity: .5
}

.event-card {
  margin: 0
}

.event-card__image {
  position: relative;
  min-height: 4.4rem
}

.event-card__image img {
  width: 100%;
  height: 12rem;
  object-fit: cover
}

.event-card__image__button .btn-primary {
  position: absolute;
  right: 1rem;
  top: 1rem;
  padding: .1rem .4rem;
  border-radius: .7rem
}

.event-card__image__button .btn-primary .text {
  display: none
}

.event-card__image:hover .event-card__image__button .btn-primary .text {
  display: inline-block
}

.event-card__image:hover .event-card__image__button .btn-primary [class^=icon] {
  display: none
}

.event-card__title .teaser__title {
  margin: 0
}

.event-card__city {
  font-size: .9rem;
  color: #adadad;
  margin: .5rem 0
}

.event-card__city .icon-location {
  display: inline-block;
  font-size: 1.1rem;
  color: #77a22f;
  transform: translate(-0.2rem, 0.05rem)
}

.event-card__datetime {
  font-size: .9rem;
  color: #adadad;
  margin: .5rem 0
}

.event-card__datetime .icon-time {
  display: inline-block;
  font-size: 1.1rem;
  color: #77a22f;
  transform: translate(-0.2rem, 0.05rem)
}

.event-card__desc {
  margin: 1rem 0;
  opacity: .8
}

.event-card__view-more {
  color: #77a22f
}

.event-card__overlay-actions {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 45, 47, .7);
  z-index: 1
}

.event-card:hover .event-card__overlay-actions {
  display: block
}

.event-card__action {
  position: absolute;
  right: 0;
  font-size: 3rem;
  color: #fff;
  padding: 1rem;
  cursor: pointer;
  transition: transform .2s ease
}

.event-card__action:hover {
  color: #fff;
  transform: scale(1.1)
}

.event-card__action__edit {
  top: 3rem
}

.event-card__action__delete {
  top: 6.5rem;
  right: .2rem
}

.my-event-page__summary {
  position: relative;
  padding-top: 1rem;
  margin-bottom: 2rem
}

.my-event-page__summary .btn-primary {
  font-size: 1.3rem;
  text-transform: none;
  padding: 1.5rem 5rem;
  white-space: normal
}

.event-page__container {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  background: #fff;
  padding: 2rem 0;
  margin: 0 1rem 2rem;
  position: relative
}

.event-page__overlay-actions__edit {
  color: #fff;
  z-index: 1000;
  position: absolute;
  right: 1rem;
  top: 1rem
}

.event-page__overlay-actions__edit .btn {
  font-size: .8rem;
  display: inline-block;
  background: rgba(0, 0, 0, .18);
  padding: .3rem .7rem .2rem;
  border-radius: .4rem;
  transition: transform .2s ease
}

.event-page__overlay-actions__edit .btn span {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: bottom
}

.event-page__overlay-actions__edit .btn:hover {
  transform: scale(1.1)
}

.event-page__info {
  margin-bottom: 2rem
}

.event-page__info:hover .event-page__overlay-actions {
  display: block
}

.event-page__info__container {
  display: flex
}

.event-page__info__calendar__image {
  z-index: 7;
  position: relative;
  border-radius: 2px;
  border: 1px solid #ccc;
  border-bottom: 5px solid #d8d8d8;
  font-weight: 500
}

.event-page__info__calendar__image .month {
  text-transform: uppercase;
  font-weight: 500;
  padding: .2rem 1rem;
  color: #fff;
  font-size: .9rem;
  background-color: #77a22f
}

.event-page__info__calendar__image .date {
  margin-bottom: .8rem;
  font-size: 2.5rem;
  font-weight: 300;
  color: #555
}

.event-page__info__calendar__image .year {
  margin: 0;
  color: #555;
  font-size: 9pt;
  font-weight: 300
}

.event-page__info__details {
  flex: 1;
  margin-left: 2rem;
  margin-right: 2rem
}

.event-page__info__details__title h2 {
  font-size: 1.5rem;
  margin: 0
}

.event-page__info__details__datetime, .event-page__info__details__location {
  font-size: .9rem;
  color: #adadad;
  margin: .5rem 0
}

.event-page__info__details__datetime .icon-location, .event-page__info__details__datetime .icon-online, .event-page__info__details__datetime .icon-time, .event-page__info__details__location .icon-location, .event-page__info__details__location .icon-online, .event-page__info__details__location .icon-time {
  display: inline-block;
  font-size: 1.1rem;
  color: #77a22f;
  transform: translate(-0.2rem, 0.05rem)
}

.event-page__info__author {
  float: none;
  width: auto
}

.event-page__info__author__image {
  overflow: hidden;
  margin-bottom: 1rem
}

.event-page__info__author__image .user-image {
  float: left
}

.event-page__info__author__image__username {
  float: left;
  padding: 1.2rem .5rem 0
}

.event-page__content .cover-slider {
  margin-bottom: 2rem
}

.event-page__content__description, .event-page__content__note, .event-page__content__url {
  margin-bottom: 2rem;
  padding: 1rem 2rem;
  background: #f0f4fa
}

.event-page__content__description a, .event-page__content__note a, .event-page__content__url a {
  color: #4c9ad8
}

.event-page__content_bot {
  margin-bottom: 2rem
}

.event-page__content_bot__project {
  float: left
}

.event-page__content_bot__project .icon-project {
  display: inline-block;
  font-size: 1.5rem;
  color: #77a22f;
  transform: translate(-0.2rem, 0.05rem)
}

.event-page__attendees {
  margin-bottom: 4rem
}

.event-page__related-events__title {
  font-size: 1.3rem
}

.event-page__actions__participate {
  float: right
}

.event-page__actions__participate .btn-primary {
  padding: .1rem .4rem;
  border-radius: .7rem
}

.event-page__actions__participate .btn-primary [class^=icon] {
  padding-right: .2rem
}

@media (max-width: 899px) {
  .event-page__container {
    padding: 2rem 1rem
  }

  .event-page__info {
    margin-bottom: 2rem
  }

  .event-page__info__container {
    display: flex
  }

  .event-page__info__calendar__image .month {
    padding: .2rem .4rem;
    font-size: .7rem
  }
}

@media only screen and (min-width: 740px) {
  .event-page__container {
    padding: 2rem 1rem
  }
}

@media (max-width: 599px) {
  .event-page__info {
    margin-bottom: 2rem
  }

  .event-page__info__container {
    display: block
  }

  .event-page__info__details {
    margin-left: 0;
    margin-right: 0
  }

  .event-page__info__calendar {
    display: none
  }

  .event-page__info__author {
    margin-top: 2rem
  }

  .event-page__actions__participate {
    float: none
  }
}

.event-attendees__title {
  font-size: 1.3rem
}

.event-attendees__list__item {
  display: flex;
  border-bottom: .1rem solid #d8d8d8;
  padding: 1rem
}

.event-attendees__list__item__user-image {
  flex: 1.3
}

.event-attendees__list__item__user-image .user-image {
  float: left
}

.event-attendees__list__item__user-image__label {
  padding: 2rem 1rem 0;
  color: #8daa0b;
  cursor: pointer
}

.event-attendees__list__item__info {
  flex: 2;
  color: #8daa0b;
  padding: 0 1rem
}

.event-attendees__list__item__actions {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: .5rem
}

.event-attendees__list__item__actions .container .btn + .btn {
  margin-left: 0
}

.event-attendees__list__item__actions .container .btn-primary {
  color: #2c2d2f;
  font-weight: 500;
  width: 100%;
  margin-top: .5rem
}

.event-attendees__list__item__actions .container .btn-primary [class^=icon-] {
  font-size: 1.2rem
}

@media only screen and (min-width: 740px) {
  .event-attendees__list__item {
    flex-direction: row
  }

  .event-attendees__list__item__actions {
    border-left: .1rem solid #d8d8d8;
    padding-left: 2rem
  }
}

.event-calendar {
  background: #8daa0b;
  color: #fff
}

.event-calendar__header {
  padding: 1rem 2rem;
  margin-bottom: 3rem
}

.event-calendar__header__new-link {
  float: right;
  padding-top: 1rem;
  font-size: .9rem
}

.event-calendar__header__new-link .icon-plus {
  border-radius: 50%;
  background: #c9dd03;
  color: #8daa0b;
  font-size: .8rem;
  padding: .35rem;
  margin-left: 1rem;
  width: 1.5rem;
  height: 1.5rem
}

.event-calendar__header__views {
  margin-top: 1rem
}

.event-calendar__header__views button.btn {
  border: none;
  background: none;
  text-transform: none;
  padding-left: 0;
  padding-right: 1.5rem
}

.event-calendar__header__views button.btn:first-child {
  padding-left: 0
}

.event-calendar__header__dates {
  margin-top: 2rem
}

.event-calendar__header__dates .calendar-day {
  padding: 0;
  margin: 0;
  font-size: 3rem;
  opacity: .8
}

.event-calendar__header__dates .calendar-date {
  padding: 0;
  margin-top: .1rem;
  font-size: 2rem
}

.event-calendar__header__nav .btn-group {
  position: absolute;
  bottom: 0;
  right: .9375rem
}

.event-calendar__header__nav button.btn {
  border: none;
  background: none;
  font-size: 2.5rem;
  opacity: .8;
  padding: 0;
  margin-right: 1.5rem
}

.event-calendar__header__nav button.btn:hover {
  background: none
}

.event-calendar__header__nav button.btn:last-child {
  margin-right: 0
}

.event-calendar__content > .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.event-calendar__day {
  margin-bottom: 2.5rem
}

.event-calendar__day > .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.event-calendar__day__item {
  padding: 1rem 3rem
}

.event-calendar__day__item__icon {
  float: left
}

.event-calendar__day__item__icon [class^=icon] {
  font-size: 3rem;
  opacity: .8
}

.event-calendar__day__item__info {
  float: left;
  padding-top: .5rem;
  padding-left: 1rem
}

.event-calendar__day__item__info__datetime {
  opacity: .8;
  font-size: .8rem;
  margin-bottom: .2rem
}

.event-calendar__day__item__info__title {
  margin-bottom: 0
}

.event-calendar__week {
  color: #fff
}

.event-calendar__week__item {
  padding: 1rem 2rem
}

.event-calendar__week__item__date {
  font-size: 1.2rem;
  cursor: pointer
}

.event-calendar__week__item hr {
  margin: 0;
  height: .12rem;
  border: none;
  background: #fff
}

.event-calendar__week__item__event {
  margin-top: 1rem
}

.event-calendar__week__item__event__icon {
  float: left;
  margin-right: 2.5rem
}

.event-calendar__week__item__event__icon [class^=icon] {
  font-size: 2.5rem;
  opacity: .8
}

.event-calendar__week__item:nth-child(odd) {
  background: #bacc6c
}

.event-calendar__month > .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.event-calendar__month__header {
  padding: 1rem 3rem
}

.event-calendar__month__header > .container {
  background: #fff;
  padding: 1.5rem
}

.event-calendar__month__header__selected {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center
}

.event-calendar__month__header__selected__date {
  background: #8daa0b;
  border-radius: 50%;
  width: 6rem;
  height: 6rem
}

.event-calendar__month__header__selected__date > span {
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
  vertical-align: middle;
  line-height: 5.5rem
}

.event-calendar__month__header__selected__month > span {
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #555
}

.event-calendar__month__list__item > .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.event-calendar__month__list__item__date {
  padding: 1rem 3rem 0;
  font-size: 1.2rem;
  cursor: pointer
}

.event-calendar__month__list__item__event {
  padding: 2rem 3rem;
  background: #bacc6c
}

.event-calendar__month__list__item__event > .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem;
  margin-bottom: 1.5rem
}

.event-calendar__month__list__item__event > .row:last-child {
  margin-bottom: 0
}

.event-calendar__month__list__item__event__icon {
  float: left
}

.event-calendar__month__list__item__event__icon [class^=icon] {
  font-size: 3rem;
  opacity: .8
}

.event-calendar__month__list__item__event__info {
  float: left;
  padding-top: .5rem;
  padding-left: 1rem
}

.event-calendar__month__list__item__event__info__datetime {
  opacity: .8;
  font-size: .8rem;
  margin-bottom: .2rem
}

.event-calendar__month__list__item__event__info__title {
  margin-bottom: 0
}

.event-calendar__year {
  font-size: .8rem;
  padding: 1rem 2rem
}

.event-calendar__year > .row {
  margin-bottom: 1.5rem
}

.event-calendar__year__item {
  background: #fff;
  padding: .5rem 1rem;
  height: 100%
}

.event-calendar__month-view {
  font-size: .8rem;
  color: #555;
  border: none
}

.event-calendar__month-view__month-name {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 300;
  color: #8daa0b
}

.event-calendar__month-view__month-name > span {
  cursor: pointer
}

.event-calendar__month-view__days {
  display: inline-block;
  width: 100%
}

.event-calendar__month-view__days__item {
  display: block;
  float: left;
  width: 14.285714285714285%;
  font-weight: 500;
  text-align: center;
  padding: .2rem 0
}

.event-calendar__month-view__days:after {
  clear: both
}

.event-calendar__month-view__dates {
  display: inline-block;
  width: 100%
}

.event-calendar__month-view__dates__line {
  width: 100%
}

.event-calendar__month-view__dates__line__item {
  display: block;
  float: left;
  width: 14.285714285714285%;
  text-align: center;
  padding: .2rem 0
}

.event-calendar__month-view__dates__line__item span {
  cursor: pointer;
  vertical-align: middle
}

.event-calendar__month-view__dates__line__item .cal-month-day {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto
}

.event-calendar__month-view__dates__line__item .has-events {
  background: #8daa0b;
  color: #fff
}

.event-calendar__month-view__dates__line__item .cal-day-today {
  background: #b90000;
  color: #fff
}

.event-calendar__month-view__dates__line__item .cal-day-today span {
  vertical-align: baseline
}

.event-calendar__month-view__dates__line__item .cal-day-outmonth {
  display: none
}

.event-calendar__empty {
  padding: 1rem 3rem;
  font-size: 1rem;
  font-style: italic
}

.event-calendar__empty [class^=icon] {
  font-size: 1.5rem;
  opacity: .8;
  margin-right: .5rem
}

.show-more-collapse {
  position: relative;
  overflow: hidden;
  max-height: 13rem;
  padding-bottom: 3rem
}

.show-more-collapse__actions {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 -1rem 4rem #fff;
  display: none
}

.show-more-collapse.active {
  max-height: none
}

.show-more-collapse.active .show-more-collapse__actions {
  box-shadow: 0 0 0 #fff
}

.map-frame, .map-frame__iframe {
  height: 18rem;
  width: 100%
}

.map-frame__iframe {
  border: none
}

#gmap {
  height: 25rem
}

.controls {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
  box-sizing: border-box;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  height: 29px;
  margin-left: 17px;
  margin-top: 10px;
  outline: 0;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 25pc
}

.controls:focus {
  border-color: #4d90fe
}

.title {
  font-weight: 700
}

#gmap_content {
  display: none
}

#gmap #gmap_content {
  display: inline
}

.modal--voting a {
  color: #c9dd03
}

.navi-project-intro {
  padding: 0 0 1rem
}

.navi-project-intro .section__title {
  padding: 0;
  margin: 3rem 0 0
}

.navi-project-intro .row {
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.navi-project-intro__content {
  padding: 3rem 0 0
}

.navi-project-intro__content .link-wrap {
  margin: 3rem 0;
  color: #8daa0b
}

.navi-project-intro__action {
  text-align: center;
  margin-bottom: 3rem
}

.navi-project-intro .link-add-project {
  position: relative;
  display: inline-block
}

.navi-project-intro .link-add-project .icon-project {
  font-size: 10rem;
  color: #8daa0b;
  display: block
}

.navi-project-intro .link-add-project .icon-plus {
  color: #2c2d2f;
  background: #c9dd03;
  border-radius: 50%;
  padding: 2.4%;
  position: absolute;
  bottom: -2.6rem;
  right: -.7rem;
  font-size: 2rem;
  padding: 1.4rem
}

.navi-project-card {
  margin: 0
}

.navi-project-card__image {
  height: 18.5rem
}

.navi-project-card__image img {
  width: 100%;
  height: 18.5rem;
  object-fit: cover
}

.navi-project-card__head {
  display: flex
}

.navi-project-card__head__logo {
  display: flex;
  align-items: center;
  justify-content: center
}

.navi-project-card__head__logo img {
  max-height: 4.5rem
}

.navi-project-card__head__content {
  margin: 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.navi-project-card__head__content__distant {
  color: #c9dd03
}

.navi-project-card__head__content__title {
  opacity: .8
}

.navi-project-card__head__content__title h5 {
  text-transform: capitalize
}

.navi-project-card__body {
  margin: 1rem 0;
  color: #000
}

.navi-project-card__footer {
  background-color: #c9dd03;
  color: #fff;
  padding: .4rem 1.25rem
}

.navi-project-card__footer span {
  display: inline-block;
  vertical-align: middle
}

.navi-project-card__footer span.icon-heart {
  margin-right: 1.25rem
}

.navi-project-card__footer [class^=icon] {
  font-size: 1.5rem
}

.navi-project-card__footer .text {
  font-size: 1rem
}

.navi-project-card__footer .liked {
  color: #8daa0b
}

.navi-project-card__footer .likable {
  cursor: pointer
}

.navi-project-page__overlay-actions__edit {
  color: #fff;
  z-index: 1000;
  position: absolute;
  right: 1rem;
  top: 1rem
}

.navi-project-page__overlay-actions__edit .btn {
  font-size: .8rem;
  display: inline-block;
  background: rgba(0, 0, 0, .18);
  padding: .3rem .7rem .2rem;
  border-radius: .4rem;
  transition: transform .2s ease
}

.navi-project-page__overlay-actions__edit .btn span {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: bottom
}

.navi-project-page__overlay-actions__edit .btn:hover {
  transform: scale(1.1)
}

.navi-project-page__container {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  background: #fff;
  padding-bottom: 2rem;
  margin: 0 1rem 2rem
}

.navi-project-page__container__header {
  position: relative
}

.navi-project-page__container__header:hover .navi-project-page__overlay-actions {
  display: block
}

.navi-project-page__container__meta {
  display: flex;
  margin: 2rem 2rem 1rem;
  justify-content: space-between;
  align-items: center
}

.navi-project-page__container__meta__logo {
  margin-right: 1rem
}

.navi-project-page__container__meta__logo img {
  max-height: 4.5rem
}

.navi-project-page__container__meta__title {
  margin-right: 1rem;
  flex-grow: 1
}

.navi-project-page__container__meta__title h3 {
  margin: 0
}

.navi-project-page__container__meta__category {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #8daa0b
}

.navi-project-page__container__meta__category__icon img {
  max-width: 50px
}

.navi-project-page__container__meta__category__icon span {
  border: .1rem solid #8daa0b;
  border-radius: 50%;
  padding: .4rem;
  color: #8daa0b;
  font-size: 1.4rem
}

.navi-project-page__container__user {
  margin: 1rem 2rem
}

.navi-project-page__container__user__section {
  display: flex;
  align-items: center;
  margin-bottom: 1rem
}

.navi-project-page__container__user__section__info {
  flex: 2 0 auto;
  margin: 0 1rem;
  float: none;
  width: auto
}

.navi-project-page__container__user__section__info .user-image, .navi-project-page__container__user__section__info lable {
  float: left
}

.navi-project-page__container__tags {
  margin: 2rem
}

.navi-project-page__container__tags a {
  color: #8daa0b
}

.navi-project-page__container__social-buttons {
  background: #c9dd03;
  color: #fff;
  padding: .5rem 2rem
}

.navi-project-page__container__social-buttons span {
  display: inline-block;
  vertical-align: middle
}

.navi-project-page__container__social-buttons span.icon-bobble, .navi-project-page__container__social-buttons span.icon-heart {
  margin-right: 1.25rem
}

.navi-project-page__container__social-buttons [class^=icon] {
  font-size: 1.5rem
}

.navi-project-page__container__social-buttons .text {
  font-size: 1rem
}

.navi-project-page__container__social-buttons .liked {
  color: #8daa0b
}

.navi-project-page__container__social-buttons .likable {
  cursor: pointer
}

.navi-project-page__container__content {
  padding: 2rem
}

.navi-project-page__container__content__section {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: #f0f4fa
}

.navi-project-page__container__content__section:last-child {
  margin-bottom: 0
}

.navi-project-page__container__contact {
  padding: 0 2rem 2rem
}

.navi-project-page__container__contact__content {
  background: #f0f4fa;
  padding: 1rem
}

.navi-project-page__container__contact span {
  margin-right: .5rem;
  font-size: 1.5rem;
  vertical-align: middle
}

.navi-project-page__container__contact a {
  color: #8daa0b
}

.navi-project-page__container__map {
  padding: 0 2rem 2rem
}

.route-view-articles_by_navi_project-articles .card {
  background-color: transparent;
  padding-right: 5.5rem;
  box-shadow: none
}

.navi-article-intro {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)
}

.navi-article-intro__title-wrap {
  position: absolute;
  bottom: 1rem;
  width: 100%
}

.navi-article-intro__title {
  background: #c9dd03;
  padding: 1rem 1rem .8rem;
  color: #fff
}

.navi-article-intro__title h1 {
  font-size: 2rem;
  margin: 0
}

.navi-article-list h2 {
  margin-top: 0
}

.navi-article-list__summary {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

.navi-article-list__summary a {
  color: #8daa0b;
  margin-bottom: .5rem;
  padding: 1rem
}

.navi-articles-container {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)
}

.navi-articles-container .navi-article {
  border-bottom: .1rem solid #d8d8d8;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: 1rem
}

.navi-articles-container .navi-article__square-image {
  flex: 0 1 0;
  margin: -1rem 0 -1rem -1rem
}

.navi-articles-container .navi-article__square-image .cover {
  height: 8rem;
  width: 8rem
}

.navi-articles-container .navi-article__square-image .cover-img {
  background-position: 50% 50%
}

.navi-articles-container .navi-article__content {
  padding: 0 1rem;
  flex: 2;
  overflow: hidden
}

.navi-articles-container .navi-article__title {
  font-size: 1.15rem;
  font-weight: 600
}

.navi-articles-container .navi-article__subtitle {
  line-height: 1.5;
  font-size: .85rem
}

.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block
}

.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden
}

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  transform: translate3d(0, 0, 0)
}

.slick-track {
  top: 0;
  left: 0
}

.slick-track:after, .slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-thumbnail > div {
  box-sizing: border-box;
  border: 3px solid #fff;
  background-size: cover;
  background-position: center;
  width: 60px;
  height: 60px;
  cursor: pointer;
  display: inline-block
}

.slick-thumbnail > div.active {
  border: 3px solid #c9dd03
}

.slick-buttons {
  position: absolute;
  top: 0;
  right: 0;
  margin: 15px
}

.slick-buttons__button {
  font-size: 30px;
  padding: 0 10px;
  color: #c9dd03;
  font-weight: 500;
  border: none;
  background: #fff
}

.slick-buttons__button + .slick-buttons__button {
  margin-left: 15px
}

.slick-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 45, 47, .7);
  text-align: center
}

.slick-backdrop:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%
}

.slick-backdrop > div {
  display: inline-block !important;
  vertical-align: middle
}

.carousel, .carousel-inner {
  position: relative
}

.carousel-inner {
  overflow: hidden;
  width: 100%
}

.carousel-inner > .item {
  display: none;
  position: relative;
  transition: .6s ease-in-out left
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
  line-height: 1
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
  display: block
}

.carousel-inner > .active {
  left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel-inner > .next {
  left: 100%
}

.carousel-inner > .prev {
  left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
  left: 0
}

.carousel-inner > .active.left {
  left: -100%
}

.carousel-inner > .active.right {
  left: 100%
}

@media (-webkit-transform-3d), all and (transform-3d) {
  .carousel-inner > .item {
    transition: transform .6s ease-in-out;
    backface-visibility: hidden;
    perspective: 750pt
  }

  .carousel-inner > .item.active.right, .carousel-inner > .item.next {
    transform: translate3d(100%, 0, 0);
    left: 0
  }

  .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
    transform: translate3d(-100%, 0, 0);
    left: 0
  }

  .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
    transform: translate3d(0, 0, 0);
    left: 0
  }
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: transparent
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus, .carousel-control:hover {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90)
}

.carousel-control .icon-arrow-left, .carousel-control .icon-arrow-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block
}

.carousel-control .icon-arrow-left, .carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px
}

.carousel-control .icon-arrow-right, .carousel-control .icon-next {
  right: 50%;
  margin-right: -10px
}

.carousel-control .icon-next, .carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif
}

.carousel-control .icon-prev:before {
  content: '\2039'
}

.carousel-control .icon-next:before {
  content: '\203A'
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent
}

.carousel-indicators .active {
  margin: 0;
  width: 9pt;
  height: 9pt;
  background-color: #fff
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
  text-shadow: none
}

@media screen and (min-width: 768px) {
  .carousel-control .icon-arrow-left, .carousel-control .icon-arrow-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px
  }

  .carousel-control .icon-arrow-left, .carousel-control .icon-prev {
    margin-left: -10px
  }

  .carousel-control .icon-arrow-right, .carousel-control .icon-next {
    margin-right: -10px
  }

  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px
  }

  .carousel-indicators {
    bottom: 20px
  }
}

.navi-article-page__container {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  position: relative;
  background: #fff;
  padding: 2rem 1rem;
  margin: 0 1rem 2rem
}

.navi-article-page__overlay-actions__edit {
  color: #fff;
  z-index: 1000;
  position: absolute;
  right: 1.8rem;
  top: 1rem
}

.navi-article-page__overlay-actions__edit .btn {
  font-size: .8rem;
  display: inline-block;
  background: rgba(0, 0, 0, .18);
  padding: .3rem .7rem .2rem;
  border-radius: .4rem;
  transition: transform .2s ease
}

.navi-article-page__overlay-actions__edit .btn span {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: bottom
}

.navi-article-page__overlay-actions__edit .btn:hover {
  transform: scale(1.1)
}

.navi-article-page__info:hover .navi-article-page__overlay-actions {
  display: block
}

.navi-article-page__project-info {
  display: flex;
  font-weight: 600
}

.navi-article-page__project-info__name {
  color: #8daa0b;
  font-weight: 500
}

.navi-article-page__title {
  background: #c9dd03;
  color: #fff;
  padding: .5rem 1.5rem;
  margin: 1rem 0
}

.navi-article-page__title h2 {
  margin: 0
}

.navi-article-page__meta {
  display: flex;
  margin: 2rem 2rem 1rem;
  justify-content: space-between;
  align-items: center
}

.navi-article-page__author {
  display: flex;
  float: none;
  width: auto
}

.navi-article-page__content {
  margin-bottom: 1.5rem
}

.navi-article-page__content__container {
  background: #f0f4fa;
  padding: 1rem
}

.navi-article-page__comments {
  padding-top: 1rem;
  margin-top: 1rem
}

.navi-article-page__comments__container {
  padding: 1rem 0
}

.navi-article-page__comments__container .stream {
  margin: 0;
  padding: 0
}

.navi-article-page__comments__container .stream .activity-author {
  flex: 0 0 5rem
}

.navi-article-page__comments__container .stream .activity-author .user-image {
  margin: 0 auto;
  width: 4rem
}

.navi-article-page__comments__container .stream-item {
  padding-left: 0
}

.navi-article-page__comments__container .stream-item__header:before {
  background-color: transparent
}

.navi-article-page__comments__container .stream-item .card__block {
  min-height: 6rem
}

.navi-article-page__comments__container .stream-item .card__block .media-wrapper {
  width: 100%;
  display: block;
  word-break: break-word
}

.navi-article-page__comments__container .stream-item .card--stream {
  margin-left: 1.25rem;
  position: relative
}

.navi-article-page__comments__container .stream-item .card--stream:after, .navi-article-page__comments__container .stream-item .card--stream:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.navi-article-page__comments__container .stream-item .card--stream:before {
  border-right-color: rgba(0, 0, 0, .12);
  border-width: 7px;
  top: 1pc
}

.navi-article-page__comments__container .stream-item .card--stream:after {
  border-right-color: #fff;
  border-width: 6px;
  top: 17px
}

.navi-article-page__comments__container .stream-icon {
  top: 19px;
  left: 4px;
  width: 8px;
  height: 8px;
  position: absolute;
  background: #777;
  box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  border-radius: 50%;
  border: 1px solid #fff
}

.report-content__callback {
  width: 100%;
  text-align: right;
  padding: 1rem;
  color: #c9dd03;
  font-size: .9rem
}

.report-content__form {
  width: 100%
}

.report-content__form textarea {
  padding: .8rem 1rem
}

.report-content__message {
  margin: 0
}

.user-chnage-pwd-form .section-password {
  display: block
}

.user-chnage-pwd-form .form-group--password, .user-chnage-pwd-form .section-password .form-group--password {
  max-width: 100%
}

.view-empty {
  color: #adadad;
  text-align: center;
  font-size: 1.4rem;
  font-style: italic;
  margin: 2rem 0 4rem
}

.view-empty [class^=icon] {
  font-size: 3rem;
  display: block;
  margin: 2rem 0 1rem;
  opacity: .5
}

.button--sticky {
  position: fixed;
  bottom: 1rem;
  z-index: 99999;
  margin: 0;
  padding: 0;
  cursor: pointer
}

.cover {
  position: relative;
  text-align: center;
  padding: 0 1rem;
  z-index: 2;
  color: #fff;
  background-color: #c9dd03
}

.cover-img {
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat
}

.node-unpublished .cover-img:before {
  display: block;
  position: absolute;
  content: '';
  background-color: rgba(85, 85, 85, .8);
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1
}

.cover-with-canvas {
  padding: 40px
}

.cover-img-gradient:before {
  display: block;
  position: absolute;
  content: '';
  background-image: linear-gradient(transparent 40%, rgba(0, 0, 0, .1) 70%, rgba(34, 34, 34, .5) 100%);
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1
}

.cover-wrap {
  width: 100%;
  position: relative;
  z-index: 2;
  min-height: 300px
}

@media (min-width: 740px) {
  .cover-wrap {
    min-height: 410px
  }
}

.node-unpublished .status:before {
  border-top: 1px solid #fff;
  margin: 5px auto;
  width: 40px;
  height: 0;
  content: '';
  display: block
}

.page-title {
  font-weight: 700;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
  text-align: center;
  margin: 0 auto;
  padding-top: 2rem;
  padding-bottom: 1em;
  width: 80%;
  color: #fff
}

@media (min-width: 740px) {
  .page-title {
    max-width: 900px
  }
}

@media (max-width: 599px) {
  .banner .cover-img--responsive {
    background-position: right 13% top
  }
}

.hero-avatar {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  margin: auto;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  border: .2rem solid #e3e3e3
}

@media (min-width: 740px) {
  .hero-avatar {
    border-width: .3rem
  }
}

.hero-middle {
  padding: 1rem 0;
  width: 100%;
  min-height: 20rem
}

.hero-middle__main-title {
  padding-top: 12rem
}

.hero-middle__main-title .cover-text {
  font-weight: 100;
  display: inline;
  background-color: #58a618;
  color: #fff;
  line-height: 2.5;
  word-spacing: .2rem;
  box-shadow: -1rem .5rem 0 #58a618, 1rem .5rem 0 #58a618, -1rem -.5rem 0 #58a618, 1rem -.5rem 0 #58a618
}

@media (min-width: 740px) {
  .hero-middle__main-title .cover-text {
    font-size: 2.2rem;
    word-spacing: .5rem;
    line-height: 2.2
  }
}

@media (max-width: 899px) {
  .hero-middle__main-title .cover-text {
    font-size: 1.5rem
  }
}

@media (max-width: 599px) {
  .hero-middle__main-title .cover-text {
    font-size: 1.3rem
  }
}

.hero-middle__main-title .cover-text__small {
  font-size: 1.3rem
}

@media (max-width: 899px) {
  .hero-middle__main-title .cover-text__small {
    font-size: 1rem
  }
}

.hero-footer {
  padding: 1rem 0;
  position: absolute;
  bottom: 0;
  width: 100%
}

.hero-footer h1, .hero-footer h5 {
  padding: .3rem
}

.hero-footer__text {
  margin-top: 10px
}

@media (min-width: 900px) {
  .hero-footer__text {
    padding-right: 1rem;
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 25%
  }
}

.hero-footer__cta {
  display: flex;
  justify-content: flex-end
}

@media (min-width: 900px) {
  .hero-footer__cta {
    padding-left: 1rem;
    flex: 0 0 25%;
    max-width: 25%
  }
}

.hero-footer-icon {
  fill: #fff;
  width: 1pc;
  height: 1pc;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px
}

.hero-canvas {
  text-align: left;
  padding: 2rem;
  border-radius: 0;
  background-color: rgba(51, 51, 51, .8);
  color: #fff
}

@media (min-width: 900px) {
  .hero-canvas {
    max-width: 66.66667%
  }
}

.hero .cover .btn-group {
  margin-top: 10px
}

.hero-action-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 3
}

.hero-form[role=search] .form-group {
  position: relative;
  max-width: 25pc;
  margin: auto
}

.hero-form[role=search] .form-control {
  padding: 6px 38px 6px 9pt;
  max-width: none;
  border: 0;
  border-radius: 5px
}

.hero-form[role=search] .form-control:active, .hero-form[role=search] .form-control:active ~ .search-icon, .hero-form[role=search] .form-control:focus, .hero-form[role=search] .form-control:focus ~ .search-icon {
  border-bottom: 1px solid #8daa0b;
  box-shadow: 0 2px 0 0 #8daa0b
}

.hero-form[role=search] .form-submit, .hero-form[role=search] .search-icon {
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  overflow: hidden;
  color: #fff;
  right: 0;
  top: 0;
  line-height: 38px;
  cursor: pointer;
  text-align: center;
  border-radius: 0 5px 5px 0
}

.hero-form[role=search] .search-icon {
  line-height: 38px;
  speak: none;
  pointer-events: none;
  transition: .3s;
  fill: #c9dd03;
  background: #fff
}

.hero-form[role=search] .search-icon svg {
  width: 24px;
  height: 24px
}

.modal, .modal-open {
  overflow: hidden
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform .3s ease-out
}

.modal.in .modal-dialog {
  transform: translate(0, 0)
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px
}

.modal-content {
  position: relative;
  background-color: #fff;
  border-radius: 0;
  background-clip: padding-box;
  outline: 0
}

.modal--full-width .modal-dialog {
  width: 100%;
  margin: 0 auto
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.in {
  opacity: .5
}

.modal-header {
  padding: 1rem;
  border-bottom: 1px solid #e5e5e5
}

.modal-header:after, .modal-header:before {
  content: " ";
  display: table
}

.modal-header:after {
  clear: both
}

.modal-header .close {
  margin-top: -2px
}

.modal-title {
  margin: 0;
  line-height: 1
}

.modal-body {
  position: relative;
  padding: 1rem
}

.modal-footer {
  padding: 1rem;
  text-align: right;
  border-top: 1px solid #e5e5e5
}

.modal-footer:after, .modal-footer:before {
  content: " ";
  display: table
}

.modal-footer:after {
  clear: both
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

@media (min-width: 740px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto
  }

  .modal-sm {
    width: 300px
  }
}

@media (min-width: 900px) {
  .modal-lg {
    width: 900px
  }
}

@media only screen and (min-width: 740px) {
  .modal-open .modal--full-width {
    padding: 0 !important
  }
}

.time-control__minus, .time-control__plus {
  background: #c9dd03;
  font-weight: 500;
  border: none;
  border-radius: 50%;
  width: 3rem;
  height: 3rem
}

.time-control__countdown_container {
  max-width: 75pt;
  display: inline-block;
  margin: 0 1rem
}

.time-control__countdown_container input {
  text-align: center
}

.time-control__description {
  margin: 1rem 0
}

#time-control .modal-header {
  border: none
}

.alert-box .message {
  font-weight: 500
}

.alert-box .message em.placeholder {
  font-weight: 500;
  color: red
}

.modal-login {
  position: relative;
  background-color: #2e9021
}

.modal-login #user-login-error, .modal-login #user-register-error {
  min-height: 2rem
}

.modal-login #user-login-error > div, .modal-login #user-register-error > div {
  padding: 1rem;
  margin-bottom: 1rem;
  color: #a94442;
  background: #f2dede
}

.modal-login #user-login-error > div a, .modal-login #user-register-error > div a {
  color: #2c2d2f
}

.modal-login .modal-header {
  border: none
}

.modal-login .modal-header .close {
  position: relative;
  text-shadow: none;
  color: #fff;
  border: .2rem solid #fff;
  border-radius: 50%;
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2rem;
  line-height: 0
}

.modal-login .modal-header .close span {
  position: absolute;
  top: .87rem;
  left: .48rem;
  display: block;
  vertical-align: top
}

.modal-login .modal-content {
  background-color: transparent;
  text-align: center
}

.modal-login .modal-content .card {
  background-color: transparent;
  box-shadow: none
}

.modal-login .modal-content .modal-login__intro {
  color: #fff
}

.modal-login .modal-content .modal-login__intro__logo {
  margin-bottom: 3rem
}

.modal-login .modal-content .modal-login__intro__logo img {
  width: 12rem
}

.modal-login .modal-content .modal-login__intro__icons {
  margin: 1rem 0
}

.modal-login .modal-content .modal-login__intro__icons__row {
  margin-top: 3rem
}

.modal-login .modal-content .modal-login__intro__icons__row span[class^=icon-] {
  font-size: 3rem;
  padding: 0 2.5rem;
  color: #fff
}

.modal-login .modal-content .modal-login__intro__icon-people {
  font-size: 5rem;
  display: block;
  color: #afc91c
}

.modal-login .modal-content .modal-login__intro h4 {
  font-weight: 500
}

.modal-login .modal-content .modal-login__intro p {
  margin-bottom: 2rem
}

.modal-login .modal-content .modal-login__form {
  color: #fff
}

.modal-login .modal-content .modal-login__form input {
  color: #000
}

.modal-login .modal-content .modal-login__form__call-register-form {
  margin-bottom: 0 !important
}

.modal-login .modal-content .modal-login__form p {
  margin-bottom: 2rem
}

.modal-login .modal-content .modal-login__form a {
  color: #c9dd03
}

.modal-login .modal-content .modal-login__form .social-user-login-form, .modal-login .modal-content .modal-login__form__call-login-form, .modal-login .modal-content .modal-login__form__call-register-form, .modal-login .modal-content .modal-login__form__title {
  text-align: left
}

.modal-login .modal-content .form-actions {
  text-align: right;
  padding: .5rem 1rem 2rem
}

.modal-login .modal-content .form-actions button {
  width: 100%;
  border: .2rem solid #fff;
  background: transparent;
  padding: .8rem
}

.modal-login .modal-content .form-actions .icon-before {
  text-transform: uppercase;
  line-height: 1.5
}

.modal-login .modal-content .success {
  padding: 1.3rem 2rem;
  text-align: center
}

.modal-login .modal-content .success .icon-mail {
  display: block;
  color: #afc91c;
  font-size: 6rem;
  padding: 2.5rem;
  text-align: center
}

.modal-login .modal-content .success .form-actions {
  text-align: center
}

.modal-login .modal-content .success .form-actions button {
  width: auto;
  padding: .5rem 2rem
}

@media only screen and (min-width: 740px) {
  .modal-login {
    background: linear-gradient(to right, #fff 0%, #fff 49.5%, #5e801d 49.5%)
  }

  .modal-login .modal-content .modal-login__intro {
    color: #2c2d2f
  }

  .modal-login .modal-content .modal-login__intro__icon-people {
    font-size: 8rem
  }

  .modal-login .modal-content .modal-login__intro__icons__row span[class^=icon-] {
    color: #8daa0b
  }

  .modal-login .modal-content .form-group--password {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .modal-login .modal-content .form-actions {
    padding-right: 0;
    padding-left: 0
  }
}

@media (max-width: 599px) {
  .block-gls-user-login-popup .modal-login__intro {
    display: none
  }
}

html.lb-disable-scrolling {
  overflow: hidden;
  position: fixed;
  height: 100vh;
  width: 100vw
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: .8;
  display: none
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: 400
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff
}

.lightbox a img {
  border: none
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0
}

.lb-cancel {
  display: block;
  width: 3.3rem;
  height: 3.3rem;
  margin: 0 auto
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

.lb-container > .nav {
  left: 0
}

.lb-nav a {
  outline: 0;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity .6s
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both
}

.lb-data {
  padding: 0 4px;
  color: #ccc
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 500;
  line-height: 1em
}

.lb-data .lb-caption a {
  color: #4ae
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 9pt;
  color: #999
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  text-align: right;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: .7;
  transition: opacity .2s
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.community-links {
  position: relative;
  width: 100%;
  z-index: 0;
  background: transparent;
  padding: 2rem 0
}

.community-links > .container {
  z-index: 100
}

.community-links svg {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%
}

.community-links__link {
  color: #8daa0b
}

.community-links .row .row {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.connected-div {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  text-align: center;
  width: 4.5rem;
  height: 4.5rem;
  background: #fff;
  border-radius: 50%;
  border: .2rem solid #c9dd03;
  font-size: 2rem;
  margin-left: -1rem
}

.connected-div [class*=" icon-"], .connected-div [class^=icon-] {
  color: #8daa0b
}

.connected-div-1 {
  width: 6rem;
  height: 6rem;
  font-size: 4rem
}

.connected-div-1 .icon-bobble {
  line-height: 1.6
}

.connected-div-1 .icon-people-cloud {
  line-height: 1.4
}

.connected-div-2 {
  width: 6rem;
  height: 6rem;
  font-size: 3.5rem
}

.connected-div-2 .icon-tools {
  line-height: 1.5
}

.connected-div-3 {
  width: 6rem;
  height: 6rem;
  font-size: 2.8rem
}

.connected-div-3 .icon-wiki {
  line-height: 2.1
}

.connected-div-3 .icon-web {
  font-size: 3.5rem;
  line-height: 1.6
}

.connected-div-4 {
  width: 6.5rem;
  height: 6.5rem;
  font-size: 3.5rem
}

.connected-div-4 .icon-people {
  line-height: 1.7
}

.connected-div-5 {
  width: 6.5rem;
  height: 6.5rem;
  font-size: 3rem
}

.connected-div-5 .icon-calendar {
  line-height: 2
}

.connected-div-10 {
  width: 6.5rem;
  height: 6.5rem;
  font-size: 4rem
}

.connected-div-10 .icon-project {
  line-height: 1.5
}

@media only screen and (min-width: 740px) {
  .community-links {
    background: #fff
  }

  .community-links > .container > .row:nth-child(1) {
    padding: 0
  }

  .community-links > .container > .row:nth-child(2) {
    padding: 1rem 0 .5rem;
    margin-bottom: -7rem
  }

  .community-links > .container > .row:nth-child(2) > .col-sm-4 {
    margin-top: -5rem
  }

  .community-links > .container > .row:nth-child(2) > .col-sm-4:nth-child(2) {
    z-index: 1
  }

  .community-links > .container > .row:nth-child(2) > .col-sm-4 .community-links__text {
    padding-top: 1rem
  }

  .community-links > .container > .row:nth-child(3) {
    padding: 0;
    background-color: transparent
  }

  .community-links > .container > .row:nth-child(3) .community-links__text {
    padding-top: 1rem
  }

  .community-links > .container > .row:nth-child(3) .row {
    padding-bottom: 0
  }

  .community-links__text {
    text-align: center;
    padding-bottom: 1rem
  }

  .community-links svg {
    display: block
  }

  .connected-div {
    margin: 0 auto
  }

  .connected-div-10 {
    width: 9rem;
    height: 9rem;
    font-size: 6rem;
    margin-top: 8rem
  }

  .connected-div-10 .icon-project {
    line-height: 1.4
  }
}

.accordion {
  position: relative
}

.accordion .panel {
  border-top: 1px solid #e0e0e0
}

.accordion .panel-group {
  padding-top: 1rem
}

.accordion .panel-group .panel:last-child {
  border-bottom: 1px solid #e0e0e0
}

.accordion .panel-body, .accordion .panel-heading {
  padding: 1rem
}

.accordion .panel-heading {
  cursor: pointer
}

.accordion .panel-title {
  margin: 0
}

.accordion .panel-title a {
  position: relative;
  display: block
}

.accordion .panel-title a .fa-angle-right {
  position: absolute;
  top: -.5rem;
  right: 0
}

.accordion .panel-title a:not(.collapsed) .fa-angle-right {
  animation: 3s slidein;
  transform: rotate(0.25turn)
}

.accordion .panel p {
  margin: 0;
  line-height: 1.5
}

.accordion__head {
  position: relative
}

.accordion__head__right {
  position: absolute;
  top: 0;
  right: 0
}

.r-accordion-enter {
  transition: height .3s;
  height: 0
}

.r-accordion-enter.r-accordion-enter-active {
  transition: height .3s;
  height: auto
}

.r-accordion-leave {
  transition: height .3s;
  height: 0
}

.r-accordion-leave.r-accordion-leave-active {
  transition: height .3s;
  height: auto
}

.pie {
  position: relative;
  width: 100%
}

.pie__container {
  position: relative;
  width: 15rem;
  height: 17rem;
  margin: 2rem auto
}

.pie__labels {
  display: none;
  position: absolute;
  z-index: 1;
  width: 1rem;
  left: 50%
}

.pie__labels__item {
  position: relative;
  width: 10rem;
  font-size: 1rem;
  height: 3rem;
  text-shadow: 1px 0 3px #fff, -1px 0 3px #fff, 0 1px 3px #fff, 0 -1px 3px #fff
}

.pie__labels__item--1 {
  color: #58a618;
  top: 0;
  left: 10rem
}

.pie__labels__item--2 {
  color: #afc91c;
  top: 8rem;
  left: 17rem
}

.pie__labels__item--3 {
  color: #2e9021;
  top: 18rem;
  left: 14rem
}

.pie__labels__item--4 {
  color: #60800d;
  top: 22rem;
  left: -5rem
}

.pie__labels__item--5 {
  color: #77a22f;
  top: 22rem;
  left: -5rem
}

.pie__labels__item--6 {
  color: #5e801d;
  top: 13rem;
  left: -22rem;
  text-align: right
}

.pie__labels__item--7 {
  color: #c9dd03;
  top: -4rem;
  left: -27rem;
  text-align: right
}

.pie__labels__item--8 {
  color: #69923a;
  top: -18rem;
  left: -20rem;
  text-align: right
}

.pie__labels__item.inactive {
  color: #adadad
}

.pie__bg {
  clip: auto;
  background: #f0f4fa
}

.pie__bg, .pie__bg__inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 15rem;
  width: 15rem;
  border-radius: 50%
}

.pie__bg__inner {
  clip: rect(0px, 4rem, 5rem, 0px)
}

.pie__popover {
  width: 5rem;
  height: 4rem;
  width: .1rem;
  height: .1rem;
  position: absolute;
  cursor: pointer
}

.pie__slice-wrapper {
  position: relative
}

.pie__slice-wrapper--1 .pie__popover {
  right: 2.8rem;
  top: .5rem;
  transform: rotate(25deg);
  z-index: 1
}

.pie__slice-wrapper--2 .pie__popover {
  right: -.5rem;
  top: 4rem;
  transform: rotate(80deg);
  z-index: 2
}

.pie__slice-wrapper--3 .pie__popover {
  right: .8rem;
  top: 9rem;
  transform: rotate(130deg);
  z-index: 3
}

.pie__slice-wrapper--4 .pie__popover, .pie__slice-wrapper--5 .pie__popover {
  right: 5rem;
  top: 11rem;
  transform: rotate(180deg);
  z-index: 4
}

.pie__slice-wrapper--6 .pie__popover {
  right: 9rem;
  top: 9rem;
  transform: rotate(225deg);
  z-index: 5
}

.pie__slice-wrapper--7 .pie__popover {
  right: 10.5rem;
  top: 4.5rem;
  transform: rotate(105deg);
  z-index: 6
}

.pie__slice-wrapper--8 .pie__popover {
  right: 7.5rem;
  top: .5rem;
  transform: rotate(-25deg);
  z-index: 7
}

.pie__slice-wrapper--8 .pie__slice-wrapper__trim {
  clip: rect(auto, auto, auto, auto);
  clip-path: polygon(5% 4%, 100% 0%, 101% 171%, 110% 171%);
  width: 7.5rem;
  height: 5rem;
  z-index: 8;
  position: absolute;
  top: 0;
  left: 0
}

.pie__slice {
  position: absolute;
  top: 0;
  left: 0;
  width: 15rem;
  height: 15rem;
  clip: rect(0, 16rem, 7rem, 8rem);
  cursor: pointer
}

.pie__slice:hover {
  opacity: .7
}

.pie__slice__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  transform: rotate(45deg);
  clip: rect(0, 7.3rem, 8.5rem, 0)
}

.pie__slice__inner__rel {
  position: relative;
  width: 4rem;
  height: 2.5rem;
  top: 1.2rem;
  left: 3.5rem;
  text-align: center;
  float: left
}

.pie__slice__inner__rel > span {
  display: block;
  font-size: 2rem;
  position: relative;
  color: #fff
}

.pie__slice--1 {
  transform: rotate(0deg);
  z-index: 1
}

.pie__slice--1 .pie__slice__inner {
  background-color: #58a618
}

.pie__slice--1 .pie__slice__inner__rel > span {
  transform: rotate(-45deg)
}

.pie__slice--2 {
  transform: rotate(45deg);
  z-index: 2
}

.pie__slice--2 .pie__slice__inner {
  background-color: #afc91c
}

.pie__slice--2 .pie__slice__inner__rel > span {
  transform: rotate(-90deg)
}

.pie__slice--3 {
  transform: rotate(90deg);
  z-index: 3
}

.pie__slice--3 .pie__slice__inner {
  background-color: #2e9021
}

.pie__slice--3 .pie__slice__inner__rel > span {
  transform: rotate(-135deg)
}

.pie__slice--4 {
  transform: rotate(135deg);
  z-index: 4
}

.pie__slice--4 .pie__slice__inner {
  background-color: #60800d
}

.pie__slice--4 .pie__slice__inner__rel > span {
  transform: rotate(-180deg)
}

.pie__slice--5 {
  transform: rotate(180deg);
  z-index: 5
}

.pie__slice--5 .pie__slice__inner {
  background-color: #77a22f
}

.pie__slice--5 .pie__slice__inner__rel > span {
  transform: rotate(-225deg);
  left: .5rem
}

.pie__slice--6 {
  transform: rotate(225deg);
  z-index: 6
}

.pie__slice--6 .pie__slice__inner {
  background-color: #5e801d
}

.pie__slice--6 .pie__slice__inner__rel > span {
  transform: rotate(-270deg)
}

.pie__slice--7 {
  transform: rotate(270deg);
  z-index: 7
}

.pie__slice--7 .pie__slice__inner {
  background-color: #c9dd03
}

.pie__slice--7 .pie__slice__inner__rel > span {
  transform: rotate(-315deg);
  top: .5rem
}

.pie__slice--8 {
  transform: rotate(315deg);
  z-index: 8
}

.pie__slice--8 .pie__slice__inner {
  background-color: #69923a
}

.pie__slice--8 .pie__slice__inner__rel > span {
  transform: rotate(0deg)
}

.pie__slice.inactive .pie__slice__inner {
  background-color: #adadad
}

.pie__slice.inactive:hover {
  opacity: 1;
  cursor: default
}

.pie__hole {
  position: absolute;
  border-radius: 50%;
  top: 4rem;
  left: 4rem;
  background: #f0f4fa;
  width: 7rem;
  height: 7rem;
  display: block;
  clip: auto;
  z-index: 8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.pie__hole__inner__rel {
  position: relative;
  width: 4rem;
  height: 4rem
}

.pie__hole__inner__rel > span {
  position: relative;
  display: block;
  font-size: 4rem;
  top: 1.5rem;
  left: 1.5rem;
  color: #77a22f
}

.pie__hole--bg:before {
  content: ' ';
  display: block;
  position: absolute;
  top: .5rem;
  left: .5rem;
  background-color: #fff;
  width: 6rem;
  height: 6rem;
  border-radius: 50%
}

@media only screen and (min-width: 740px) {
  .pie__labels__item {
    width: 10rem;
    font-size: 1rem
  }

  .pie__labels__item--1 {
    left: 8rem
  }

  .pie__labels__item--2 {
    top: 3rem;
    left: 12.5rem
  }

  .pie__labels__item--3 {
    top: 10rem;
    left: 12.5rem
  }

  .pie__labels__item--4 {
    top: 15.3rem;
    left: 5rem
  }

  .pie__labels__item--5 {
    top: 12.5rem;
    left: -13rem
  }

  .pie__labels__item--6 {
    top: 2rem;
    left: -22rem
  }

  .pie__labels__item--7 {
    top: -11.5rem;
    left: -22.5rem
  }

  .pie__labels__item--8 {
    top: -21rem;
    left: -18.5rem
  }

  .pie__container {
    width: 25rem;
    height: 30rem;
    margin: 2rem auto;
    z-index: 0
  }

  .pie__bg, .pie__bg__inner {
    height: 25rem;
    width: 25rem
  }

  .pie__popover {
    width: 8rem;
    height: 6rem;
    width: .1rem;
    height: .1rem
  }

  .pie__slice-wrapper--1 .pie__popover {
    right: 4.3rem;
    top: 1rem
  }

  .pie__slice-wrapper--2 .pie__popover {
    right: -.7rem;
    top: 7.5rem
  }

  .pie__slice-wrapper--3 .pie__popover {
    right: 1.3rem;
    top: 15.5rem
  }

  .pie__slice-wrapper--4 .pie__popover, .pie__slice-wrapper--5 .pie__popover {
    right: 8.5rem;
    top: 19rem
  }

  .pie__slice-wrapper--6 .pie__popover {
    right: 16rem;
    top: 15.5rem
  }

  .pie__slice-wrapper--7 .pie__popover {
    right: 17.5rem;
    top: 7rem
  }

  .pie__slice-wrapper--8 .pie__popover {
    right: 12rem;
    top: 1rem
  }

  .pie__slice-wrapper--8 .pie__slice-wrapper__trim {
    width: 12.5rem;
    height: 8rem
  }

  .pie__slice {
    width: 25rem;
    height: 25rem;
    clip: rect(0, 26.5rem, 10rem, 13.5rem)
  }

  .pie__slice__inner {
    width: 25rem;
    height: 25rem;
    clip: rect(0, 12.5rem, 8.5rem, 0)
  }

  .pie__slice__inner__rel {
    width: 4rem;
    height: 4rem;
    top: 2rem;
    left: 7rem
  }

  .pie__slice__inner__rel > span {
    font-size: 3rem
  }

  .pie__hole {
    top: 6rem;
    left: 6rem;
    width: 13rem;
    height: 13rem
  }

  .pie__hole__inner__rel > span {
    font-size: 8rem;
    top: 2.5rem;
    left: 2.5rem
  }

  .pie__hole--bg:before {
    width: 11rem;
    height: 11rem;
    top: 1rem;
    left: 1rem
  }
}

@media (min-width: 900px) {
  .pie__labels {
    display: block
  }
}

@media (min-width: 1200px) {
  .pie__labels__item {
    width: 14rem;
    font-size: 1.3rem
  }

  .pie__labels__item--1 {
    top: 0;
    left: 9.6rem
  }

  .pie__labels__item--2 {
    top: 4rem;
    left: 15rem
  }

  .pie__labels__item--3 {
    top: 14rem;
    left: 14.5rem
  }

  .pie__labels__item--4 {
    top: 20rem;
    left: 5rem
  }

  .pie__labels__item--5 {
    top: 17rem;
    left: -17rem
  }

  .pie__labels__item--6 {
    top: 5rem;
    left: -28.5rem
  }

  .pie__labels__item--7 {
    top: -11rem;
    left: -29rem
  }

  .pie__labels__item--8 {
    top: -21rem;
    left: -24rem
  }

  .pie__container {
    width: 30rem;
    height: 35rem
  }

  .pie__bg, .pie__bg__inner {
    height: 30rem;
    width: 30rem
  }

  .pie__popover {
    width: 10rem;
    height: 8rem
  }

  .pie__slice-wrapper--1 .pie__popover {
    right: 4.8rem;
    top: .5rem
  }

  .pie__slice-wrapper--2 .pie__popover {
    right: -1.5rem;
    top: 8rem
  }

  .pie__slice-wrapper--3 .pie__popover {
    right: .8rem;
    top: 18rem
  }

  .pie__slice-wrapper--4 .pie__popover, .pie__slice-wrapper--5 .pie__popover {
    right: 10rem;
    top: 23rem
  }

  .pie__slice-wrapper--6 .pie__popover {
    right: 19rem;
    top: 18rem
  }

  .pie__slice-wrapper--7 .pie__popover {
    right: 21.5rem;
    top: 8rem
  }

  .pie__slice-wrapper--8 .pie__popover {
    right: 14.8rem;
    top: .5rem
  }

  .pie__slice-wrapper--8 .pie__slice-wrapper__trim {
    width: 15rem;
    height: 10rem
  }

  .pie__slice {
    width: 30rem;
    height: 30rem;
    clip: rect(0, 26.5rem, 10rem, 16rem)
  }

  .pie__slice__inner {
    width: 30rem;
    height: 30rem;
    clip: rect(0, 15rem, 15rem, 0)
  }

  .pie__slice__inner__rel {
    width: 8rem;
    height: 5rem;
    top: 2rem;
    left: 7rem
  }

  .pie__slice__inner__rel > span {
    font-size: 4rem
  }

  .pie__hole {
    top: 6.5rem;
    left: 6.5rem;
    width: 17rem;
    height: 17rem
  }

  .pie__hole__inner__rel > span {
    font-size: 12rem;
    top: 2.5rem;
    left: 2.5rem
  }

  .pie__hole--bg:before {
    width: 15rem;
    height: 15rem;
    top: 1rem;
    left: 1rem
  }
}

.block-gls-user-activity-industry-chart-block ul.nav-tabs {
  text-align: center
}

.block-gls-user-activity-industry-chart-block ul.nav-tabs li {
  display: inline-block
}

.block-gls-user-activity-industry-chart-block ul.nav-tabs li a {
  border: none !important;
  color: #555 !important;
  font-weight: 500 !important;
  padding: 1rem;
  border-radius: .5rem
}

.block-gls-user-activity-industry-chart-block ul.nav-tabs li a:focus, .block-gls-user-activity-industry-chart-block ul.nav-tabs li a:hover {
  border-bottom: none;
  background-color: #afc91c
}

.block-gls-user-activity-industry-chart-block ul.nav-tabs li.active a {
  background-color: #afc91c
}

.industry-chart-info-popup__content {
  border: .1rem solid #58a618;
  background-color: #f7f7f7
}

.industry-chart-info {
  display: flex;
  margin-top: .5rem;
  box-shadow: 0 .1rem .1rem .1rem #e3e3e3
}

.industry-chart-info__thumb {
  padding: .5rem;
  background: #8daa0b;
  color: #fff
}

.industry-chart-info__icon-wrap {
  padding: 1rem;
  text-align: center
}

.industry-chart-info__icon-wrap--project .industry-chart-info__icon {
  font-size: 2rem;
  border: .1rem solid #fff;
  padding: .5rem;
  border-radius: 50%;
  line-height: 3.5rem
}

.industry-chart-info__icon-wrap--project .industry-chart-info__icon-info {
  display: inline
}

.industry-chart-info__icon {
  font-size: 3rem;
  line-height: 4.5rem
}

.industry-chart-info__icon-info {
  display: none
}

.industry-chart-info__content {
  position: relative;
  background: #fff;
  padding: .5rem .3rem .5rem 1rem;
  width: 100%
}

.industry-chart-info__take-part {
  float: right;
  color: #8daa0b;
  font-size: .6rem;
  margin-top: -.2rem;
  font-weight: 500
}

.industry-chart-info__title {
  font-weight: 500
}

.industry-chart-info__body {
  font-size: .7rem
}

@media only screen and (min-width: 740px) {
  .industry-chart-info-list {
    min-width: 27rem
  }

  .industry-chart-info__content {
    flex: 2 0 18rem
  }
}

.subscribe {
  padding: 0
}

.subscribe .container {
  background-color: #58a618
}

.subscribe__text {
  padding: 1rem;
  color: #fff
}

.subscribe__text__button {
  padding-top: 1rem;
  margin: .75rem 0
}

.subscribe__image {
  padding-bottom: 1rem
}

.subscribe__image .cover .cover-wrap {
  height: 15rem;
  width: calc(100vw - 4rem)
}

@media (min-width: 740px) {
  .subscribe__image {
    padding-bottom: 0;
    width: 80%;
    height: 80%
  }

  .subscribe__image__container {
    padding: 1.5rem
  }

  .subscribe__image .cover .cover-wrap {
    height: 30rem
  }
}

.stream-item {
  display: flex;
  flex-wrap: wrap;
  padding: 0 .75rem 0 2rem
}

.stream-item__separator {
  display: block;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  padding-right: .8rem;
  margin-left: .625rem
}

.stream-item__separator span {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  color: rgba(0, 0, 0, .25)
}

.stream-item:first-child {
  z-index: 3
}

.stream-filter {
  display: flex;
  padding-left: 2rem
}

.stream-filter--space {
  flex: 0 0 4rem
}

.stream-filter--container {
  flex: 1
}

.stream-icon {
  flex: 0 1 0;
  border: none;
  z-index: 100;
  display: none
}

.stream .activity-author {
  flex: 0 0 4rem;
  padding-top: .8rem
}

.stream .card {
  display: flex;
  flex: 1;
  width: auto
}

.stream .card--stream {
  margin-left: 0
}

.stream .card--stream textarea {
  min-height: 2.6rem;
  border: none;
  border-bottom: 1px solid #adadad;
  padding: 0 1.125rem .9375rem 0;
  height: 2rem;
  outline: 0;
  font-size: 1rem
}

.stream .card--stream .card__block {
  background: #fff
}

.stream .card--stream:before {
  display: none;
  left: -21px;
  border-right-color: hsla(0, 0%, 68%, .35)
}

.stream .card--stream:after {
  display: none;
  left: -18px
}

.stream .media .media-left {
  display: flex
}

.stream .media .stream-type-icon {
  color: #8daa0b;
  font-size: 2rem;
  line-height: 1.8
}

.stream .media .media-body {
  padding-top: .7rem
}

.stream .media .activity-author.visible-for-tablet-down, .stream .media .post-date.visible-for-tablet-down {
  display: none
}

.stream .media .activity-author.visible-for-tablet-down {
  float: left;
  padding: 0;
  margin-right: .8rem
}

.stream .media .activity__output-text {
  color: #2c2d2f;
  font-size: .75rem
}

.stream .media .activity__output-text a {
  color: #8daa0b
}

.stream .media .activity__output-text p {
  display: inline
}

.stream .media-right {
  display: flex
}

.stream .activity-action {
  margin-left: .5rem
}

.stream .activity-action .icon-three-dots-horizontal {
  font-size: 1.1rem
}

.stream .stream-item__header:before, .stream .views-infinite-scroll-content-wrapper .stream-item__separator:first-child + .stream-item:before {
  top: -70px;
  bottom: 0;
  left: 4px;
  width: 8px;
  height: 110px;
  content: '';
  background: #f0f4fa;
  position: absolute
}

.stream .stream-item__header:before {
  top: 0;
  height: 100%
}

.stream:before {
  top: 200px
}

@media (min-width: 740px) {
  .stream-icon {
    display: block
  }

  .stream .card.card--stream {
    margin-left: 1.25rem
  }

  .stream .card.card--stream:before {
    display: block;
    border-width: 11px !important
  }

  .stream .card.card--stream:after {
    display: block;
    border-width: 10px !important
  }

  .stream .media .stream-type-icon {
    line-height: 1.1
  }
}

.activity__content .teaser__content {
  margin-top: .5rem
}

.activity__content .teaser__content--image img {
  margin: auto
}

.activity__content .teaser__content--image img.lightbox-image {
  cursor: pointer
}

.activity__content .teaser__content a, .activity__content .teaser__content p {
  word-break: break-word
}

.activity__content .teaser__content article a, .activity__content .teaser__content article p {
  font-size: 1rem;
  padding-top: 1rem
}

.activity__content .teaser__content article a:first-child, .activity__content .teaser__content article p:first-child {
  padding-top: 0
}

.activity__content .teaser__content article a:last-child, .activity__content .teaser__content article p:last-child {
  margin-bottom: 0;
  padding-bottom: 0
}

.activity__content .teaser__content article a {
  color: #8daa0b
}

.activity__content .teaser__location {
  font-size: .9rem;
  color: #adadad;
  margin: .5rem 0
}

.activity__content .teaser__location .icon-location {
  display: inline-block;
  font-size: 1.1rem;
  color: #77a22f;
  transform: translate(-0.2rem, 0.05rem)
}

.activity__content .teaser__title {
  margin-top: 0
}

.activity__comment-sections textarea {
  background-color: #f0f4fa
}

.activity__comment-sections__wrap {
  margin: .6rem -1rem -.65rem
}

.activity__comment-sections__wrap .brand-border-radius {
  margin-bottom: 0
}

.activity-author {
  position: relative
}

.activity-author .cover {
  height: 4rem;
  width: 4rem
}

.activity-author .user-image--client div.cover, .activity-author .user-image--staff div.cover {
  border-width: .2rem
}

.activity-author--current:before {
  color: #c9dd03
}

.activity-author--current .cover {
  border: .2rem solid #c9dd03
}

@media (min-width: 740px) {
  .activity-author .user-image:before {
    font-size: 2.5rem;
    left: -.2rem;
    top: -.3rem;
    padding: 1rem
  }
}

.stream-post-edit .page-title {
  text-align: left;
  color: #4d4d4d;
  font-weight: 400;
  text-shadow: none;
  width: auto;
  padding-left: 1rem
}

.stream-post-edit .stream {
  padding: 0
}

.stream-post-edit .stream-item {
  padding: 0 1rem
}

.stream-post-edit .stream-item .card--stream:after, .stream-post-edit .stream-item .card--stream:before {
  opacity: 0
}

.stream-post-edit .stream-item .activity-author {
  padding-right: 1rem
}

@media (min-width: 740px) {
  .stream-post-edit .page-title {
    padding-left: 7rem;
    max-width: none
  }

  .stream-post-edit .stream-item .card--stream:after, .stream-post-edit .stream-item .card--stream:before {
    opacity: 1
  }
}

.pie-chart {
  position: relative;
  width: 100%;
  height: 14rem
}

.pie-chart__container {
  position: relative;
  margin: 2rem auto 0;
  width: 14rem
}

.pie-chart__background {
  position: absolute;
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  background: #e3e3e3
}

.pie-chart__center {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  background: #e9edf4
}

.pie-chart__center span[class*=icon-] {
  position: relative;
  color: #e3e3e3;
  font-size: 5rem;
  top: 3.5rem;
  left: 3.5rem
}

.csspie {
  overflow: hidden;
  left: 7rem;
  moz-transform-origin: left center;
  transform-origin: left center
}

.csspie, .csspie:before {
  position: absolute;
  width: 7rem;
  height: 14rem
}

.csspie:before {
  content: "";
  left: -7rem;
  border-radius: 7rem 0 0 7rem;
  moz-transform-origin: right center;
  transform-origin: right center
}

.csspie__slice {
  width: 14rem;
  height: 14rem;
  left: 0;
  moz-transform-origin: center center;
  transform-origin: center center
}

.csspie__slice:before {
  left: 0
}

.csspie__slice:after {
  content: "";
  position: absolute;
  width: 7rem;
  height: 14rem;
  left: 7rem;
  border-radius: 0 7rem 7rem 0
}

.csspie:nth-of-type(1):after, .csspie:nth-of-type(1):before, .csspie:nth-of-type(2):after, .csspie:nth-of-type(2):before {
  background-color: #8daa0b
}

.search-form {
  margin-top: 2rem
}

.search-form .project-form__container {
  padding: 1rem
}

.search-results {
  position: relative
}

.search-results__heading__icon {
  font-size: 2rem;
  color: #8daa0b
}

.search-results__heading__title {
  vertical-align: super;
  padding-left: .5rem
}

.search-results__top-content {
  font-weight: 500;
  margin: .8rem 0;
  text-transform: uppercase
}

.search-results .subcategory-list {
  padding: 0
}

.search-results .subcategory-list__item {
  box-shadow: none;
  border-top: 1px solid #d8d8d8;
  height: auto;
  min-height: auto
}

.search-results .subcategory-list__item:first-child {
  border-top: none
}

.search-results .subcategory-list__item__circle-image {
  padding: 0
}

.search-results .subcategory-list__item__body {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.search-results .subcategory-list__item__body > a + a {
  margin-top: .4rem
}

.search-results .subcategory-list__item__body h4 {
  margin-bottom: 0
}

.search-results .subcategory-list__item__title {
  display: inline
}

.search-results .subcategory-list__item__subtitle {
  line-height: 1.5
}

.search-results .subcategory-list__item__category {
  color: #8daa0b;
  margin: .5rem 0
}

.search-results .subcategory-list__item__location {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.search-results .panel-title a .fa-angle-right {
  top: 0
}

.search-results .panel-body {
  padding: 0
}

@media only screen and (min-width: 740px) {
  .search-results .accordion__body {
    border-top: 1px solid #e0e0e0
  }

  .search-results .subcategory-list__item {
    margin: 0
  }

  .search-results .subcategory-list__item__square-content {
    text-align: center
  }

  .search-results .subcategory-list__item__square-content__icon {
    font-size: 2.5rem;
    color: #8daa0b;
    padding-top: 1.5rem
  }

  .search-results .subcategory-list__item__square-content__body {
    font-weight: 500
  }

  .search-results .subcategory-list__item__body {
    padding: 0 1rem
  }

  .search-results .subcategory-list__item__body.user-body {
    flex-direction: row;
    justify-content: left
  }

  .search-results .subcategory-list__item__info {
    flex: 0 1 8rem
  }
}

.search-page {
  position: relative;
  padding-bottom: 7rem
}

.search-page .project-form {
  margin-bottom: 2rem
}

.search-page .project-form .project-form__container .project-search__form .project-form__element-container {
  background: #e9edf4;
  padding: 1rem
}

.path-search .search-advance-paper > [role=presentation] {
  max-width: 100%
}

.main-container {
  width: 100%;
  padding: 4.5rem 0 0
}

@media (min-width: 900px) {
  .main-container .region--secondary-navigation {
    max-width: 100%
  }
}

.main-container .region--content {
  width: 100%;
  margin: 0;
  padding-top: 1rem
}

.main-container .layout-menu-space {
  position: inherit;
  position: initial
}

@media (min-width: 900px) {
  .main-container .layout-menu-space {
    padding-right: 5.5rem
  }
}

.row {
  width: auto
}

.layout--with-complementary > .region--content {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  -ms-flex-order: 1;
  order: 1
}

.route-user-login .main-container, .route-user-register .main-container {
  min-height: 5rem
}

.route-user-login.modal-open, .route-user-register.modal-open {
  overflow: auto
}

.route-user-login .modal-backdrop, .route-user-register .modal-backdrop {
  display: none !important
}

.route-user-login .modal, .route-user-register .modal {
  position: relative;
  top: auto;
  bottom: auto;
  display: none !important
}

.route-user-login .modal.show, .route-user-register .modal.show {
  display: block !important
}

.route-user-login .modal.fade, .route-user-register .modal.fade {
  opacity: 1
}

.route-user-login .modal.fade .modal-dialog, .route-user-register .modal.fade .modal-dialog {
  transform: none;
  min-height: calc(100vh - 5rem)
}

.route-user-login .modal .modal-content .success .form-actions, .route-user-login .modal .modal-header .close, .route-user-register .modal .modal-content .success .form-actions, .route-user-register .modal .modal-header .close {
  display: none
}

.view-newfeed .card {
  position: relative;
  height: 17rem;
  overflow: hidden
}

.view-newfeed .card__image {
  background-color: #e3e3e3;
  min-height: 100%
}

.view-newfeed .card__image img {
  min-width: 100%;
  min-height: 100%
}

.view-newfeed .card__body {
  background: hsla(0, 0%, 100%, .87);
  width: 100%;
  height: 100%;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0
}

.view-newfeed .card__body .text-description {
  overflow: hidden;
  font-size: .7rem
}

.view-newfeed .card__actionbar {
  background: transparent;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: .1rem solid #d8d8d8;
  padding-top: 0
}

.view-newfeed .card--no-image .card__actionbar, .view-newfeed .card--no-image .card__body {
  width: 100%
}

.view-newfeed .card hr {
  margin: .2rem 0;
  border-width: .1rem;
  border-color: #d8d8d8
}

@media (min-width: 900px) {
  .view-newfeed .card__actionbar, .view-newfeed .card__body {
    width: 50%
  }
}

.route-system-404 {
  background-color: #eae9e8
}

.route-system-404 .block-not-found img {
  display: block;
  margin: 0 auto;
  pointer-events: none
}

.route-gls_homepage-imprint {
  background-color: #fff
}

.route-gls_homepage-imprint .block-imprint {
  margin-bottom: 1rem
}

.route-gls_homepage-imprint .block-imprint h1 {
  font-size: 3.2rem;
  font-weight: 400;
  margin-bottom: 3rem
}

.route-gls_homepage-imprint .block-imprint a {
  color: #8daa0b;
  font-weight: 600;
  outline: 0
}

.route-gls_homepage-imprint .block-imprint p {
  margin-bottom: 1.563rem
}

.route-gls_homepage-data_protection {
  background-color: #fff
}

.route-gls_homepage-data_protection .block-data-protection {
  margin-bottom: 1rem;
  text-align: justify;
  text-justify: inter-word
}

.route-gls_homepage-data_protection .block-data-protection__highlight {
  background-color: #e0e0e0;
  padding: .5rem
}

.route-gls_homepage-data_protection .block-data-protection h3 {
  margin-top: .5rem
}

.route-gls_homepage-data_protection .block-data-protection hr {
  margin: 2rem 0 0;
  border-color: #4d4d4d
}

.route-gls_homepage-data_protection .block-data-protection a {
  color: #8daa0b;
  font-weight: 600;
  outline: 0
}

.route-gls_homepage-data_protection .block-data-protection p {
  margin-bottom: 1.563rem
}

.node-preview-container {
  position: relative;
  z-index: 500
}

.node-preview-container .node-preview-form-select {
  margin: 10px
}

.node-preview-container .node-preview-form-select .icon {
  font-family: icomoon !important
}

.node-preview-container .node-preview-form-select .node-preview-backlink {
  background: #c9dd03
}

.node-preview-container .node-preview-form-select .node-preview-backlink .glyphicon-chevron-left:before {
  content: "\E90F";
  top: 0
}

.node-preview-container .node-preview-form-select .form-item-view-mode label {
  margin: 5px 10px 0 5px;
  float: left
}

.node-preview-container .node-preview-form-select .form-item-view-mode .select-wrapper {
  float: right
}

.node-preview-container .node-preview-form-select .form-item-view-mode .select-wrapper .selectize-input {
  padding: .4rem 0
}

.node-preview-container .node-preview-form-select .form-item-view-mode .select-wrapper .selectize-input .item {
  margin-left: 10px;
  padding-right: 25px;
  width: 5pc
}

@media (max-width: 599px) {
  .node-preview-container .node-preview-form-select .node-preview-backlink {
    width: 100%
  }

  .node-preview-container .node-preview-form-select .form-item-view-mode {
    width: 100%;
    margin-top: 10px
  }
}

#views-exposed-form-search-project-page-search-project .content-filter-form__wrapper {
  margin-bottom: 0
}

.btn-switch-map {
  margin-bottom: 20px;
  color: #c9dd03;
  font-size: 28px
}

.leaflet-popup-content-wrapper {
  border-radius: 0
}

.search-map-markers {
  width: 26px;
  height: 26px;
  display: block;
  left: -8px;
  top: -15px;
  position: relative;
  border-radius: 50% 50% 0;
  transform: rotate(45deg);
  border: 1px solid #fff
}

.search-map-markers__event {
  background-color: #adff2f
}

.search-map-markers__project {
  background-color: #006400
}

.search-map-markers__tool-object {
  background-color: #b8860b
}

.search-map-markers__tool-service {
  background-color: orange
}

.fa-small {
  font-size: .5rem
}

.fa-madium {
  font-size: 1rem
}

.fa-big {
  font-size: 1.5rem
}

.fa-white {
  color: #fff
}

.fa-green {
  color: #c9dd03
}

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

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  width: 100%
}

.col-xs-1 {
  flex-basis: 8.33333%;
  max-width: 8.33333%
}

.col-xs-1, .col-xs-2 {
  flex-grow: 0;
  flex-shrink: 0
}

.col-xs-2 {
  flex-basis: 16.66667%;
  max-width: 16.66667%
}

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

.col-xs-3, .col-xs-4 {
  flex-grow: 0;
  flex-shrink: 0
}

.col-xs-4 {
  flex-basis: 33.33333%;
  max-width: 33.33333%
}

.col-xs-5 {
  flex-basis: 41.66667%;
  max-width: 41.66667%
}

.col-xs-5, .col-xs-6 {
  flex-grow: 0;
  flex-shrink: 0
}

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

.col-xs-7 {
  flex-basis: 58.33333%;
  max-width: 58.33333%
}

.col-xs-7, .col-xs-8 {
  flex-grow: 0;
  flex-shrink: 0
}

.col-xs-8 {
  flex-basis: 66.66667%;
  max-width: 66.66667%
}

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

.col-xs-9, .col-xs-10 {
  flex-grow: 0;
  flex-shrink: 0
}

.col-xs-10 {
  flex-basis: 83.33333%;
  max-width: 83.33333%
}

.col-xs-11 {
  flex-basis: 91.66667%;
  max-width: 91.66667%
}

.col-xs-11, .col-xs-12 {
  flex-grow: 0;
  flex-shrink: 0
}

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

.col-xs-pull-0 {
  right: auto
}

.col-xs-pull-1 {
  right: 8.33333%
}

.col-xs-pull-2 {
  right: 16.66667%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-4 {
  right: 33.33333%
}

.col-xs-pull-5 {
  right: 41.66667%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-7 {
  right: 58.33333%
}

.col-xs-pull-8 {
  right: 66.66667%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-10 {
  right: 83.33333%
}

.col-xs-pull-11 {
  right: 91.66667%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-push-1 {
  left: 8.33333%
}

.col-xs-push-2 {
  left: 16.66667%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-4 {
  left: 33.33333%
}

.col-xs-push-5 {
  left: 41.66667%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-7 {
  left: 58.33333%
}

.col-xs-push-8 {
  left: 66.66667%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-10 {
  left: 83.33333%
}

.col-xs-push-11 {
  left: 91.66667%
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-offset-0 {
  margin-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
  margin-left: 100%
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  width: 100%
}

@media (min-width: 600px) {
  .col-sm-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }

  .col-sm-1, .col-sm-2 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-sm-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }

  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%
  }

  .col-sm-3, .col-sm-4 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-sm-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }

  .col-sm-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }

  .col-sm-5, .col-sm-6 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%
  }

  .col-sm-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }

  .col-sm-7, .col-sm-8 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-sm-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }

  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%
  }

  .col-sm-9, .col-sm-10 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-sm-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }

  .col-sm-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }

  .col-sm-11, .col-sm-12 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%
  }

  .col-sm-pull-0 {
    right: auto
  }

  .col-sm-pull-1 {
    right: 8.33333%
  }

  .col-sm-pull-2 {
    right: 16.66667%
  }

  .col-sm-pull-3 {
    right: 25%
  }

  .col-sm-pull-4 {
    right: 33.33333%
  }

  .col-sm-pull-5 {
    right: 41.66667%
  }

  .col-sm-pull-6 {
    right: 50%
  }

  .col-sm-pull-7 {
    right: 58.33333%
  }

  .col-sm-pull-8 {
    right: 66.66667%
  }

  .col-sm-pull-9 {
    right: 75%
  }

  .col-sm-pull-10 {
    right: 83.33333%
  }

  .col-sm-pull-11 {
    right: 91.66667%
  }

  .col-sm-pull-12 {
    right: 100%
  }

  .col-sm-push-0 {
    left: auto
  }

  .col-sm-push-1 {
    left: 8.33333%
  }

  .col-sm-push-2 {
    left: 16.66667%
  }

  .col-sm-push-3 {
    left: 25%
  }

  .col-sm-push-4 {
    left: 33.33333%
  }

  .col-sm-push-5 {
    left: 41.66667%
  }

  .col-sm-push-6 {
    left: 50%
  }

  .col-sm-push-7 {
    left: 58.33333%
  }

  .col-sm-push-8 {
    left: 66.66667%
  }

  .col-sm-push-9 {
    left: 75%
  }

  .col-sm-push-10 {
    left: 83.33333%
  }

  .col-sm-push-11 {
    left: 91.66667%
  }

  .col-sm-push-12 {
    left: 100%
  }

  .col-sm-offset-0 {
    margin-left: 0
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%
  }

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

  .col-sm-offset-4 {
    margin-left: 33.33333%
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%
  }

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

  .col-sm-offset-7 {
    margin-left: 58.33333%
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%
  }

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

  .col-sm-offset-10 {
    margin-left: 83.33333%
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%
  }

  .col-sm-offset-12 {
    margin-left: 100%
  }
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  width: 100%
}

@media (min-width: 960px) {
  .col-md-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }

  .col-md-1, .col-md-2 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-md-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }

  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%
  }

  .col-md-3, .col-md-4 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-md-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }

  .col-md-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }

  .col-md-5, .col-md-6 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%
  }

  .col-md-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }

  .col-md-7, .col-md-8 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-md-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }

  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%
  }

  .col-md-9, .col-md-10 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-md-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }

  .col-md-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }

  .col-md-11, .col-md-12 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%
  }

  .col-md-pull-0 {
    right: auto
  }

  .col-md-pull-1 {
    right: 8.33333%
  }

  .col-md-pull-2 {
    right: 16.66667%
  }

  .col-md-pull-3 {
    right: 25%
  }

  .col-md-pull-4 {
    right: 33.33333%
  }

  .col-md-pull-5 {
    right: 41.66667%
  }

  .col-md-pull-6 {
    right: 50%
  }

  .col-md-pull-7 {
    right: 58.33333%
  }

  .col-md-pull-8 {
    right: 66.66667%
  }

  .col-md-pull-9 {
    right: 75%
  }

  .col-md-pull-10 {
    right: 83.33333%
  }

  .col-md-pull-11 {
    right: 91.66667%
  }

  .col-md-pull-12 {
    right: 100%
  }

  .col-md-push-0 {
    left: auto
  }

  .col-md-push-1 {
    left: 8.33333%
  }

  .col-md-push-2 {
    left: 16.66667%
  }

  .col-md-push-3 {
    left: 25%
  }

  .col-md-push-4 {
    left: 33.33333%
  }

  .col-md-push-5 {
    left: 41.66667%
  }

  .col-md-push-6 {
    left: 50%
  }

  .col-md-push-7 {
    left: 58.33333%
  }

  .col-md-push-8 {
    left: 66.66667%
  }

  .col-md-push-9 {
    left: 75%
  }

  .col-md-push-10 {
    left: 83.33333%
  }

  .col-md-push-11 {
    left: 91.66667%
  }

  .col-md-push-12 {
    left: 100%
  }

  .col-md-offset-0 {
    margin-left: 0
  }

  .col-md-offset-1 {
    margin-left: 8.33333%
  }

  .col-md-offset-2 {
    margin-left: 16.66667%
  }

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

  .col-md-offset-4 {
    margin-left: 33.33333%
  }

  .col-md-offset-5 {
    margin-left: 41.66667%
  }

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

  .col-md-offset-7 {
    margin-left: 58.33333%
  }

  .col-md-offset-8 {
    margin-left: 66.66667%
  }

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

  .col-md-offset-10 {
    margin-left: 83.33333%
  }

  .col-md-offset-11 {
    margin-left: 91.66667%
  }

  .col-md-offset-12 {
    margin-left: 100%
  }
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  width: 100%
}

@media (min-width: 1200px) {
  .col-lg-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }

  .col-lg-1, .col-lg-2 {
    flex-grow: 0;
    flex-shrink: 0
  }

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

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

  .col-lg-3, .col-lg-4 {
    flex-grow: 0;
    flex-shrink: 0
  }

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

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

  .col-lg-5, .col-lg-6 {
    flex-grow: 0;
    flex-shrink: 0
  }

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

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

  .col-lg-7, .col-lg-8 {
    flex-grow: 0;
    flex-shrink: 0
  }

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

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

  .col-lg-9, .col-lg-10 {
    flex-grow: 0;
    flex-shrink: 0
  }

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

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

  .col-lg-11, .col-lg-12 {
    flex-grow: 0;
    flex-shrink: 0
  }

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

  .col-lg-pull-0 {
    right: auto
  }

  .col-lg-pull-1 {
    right: 8.33333%
  }

  .col-lg-pull-2 {
    right: 16.66667%
  }

  .col-lg-pull-3 {
    right: 25%
  }

  .col-lg-pull-4 {
    right: 33.33333%
  }

  .col-lg-pull-5 {
    right: 41.66667%
  }

  .col-lg-pull-6 {
    right: 50%
  }

  .col-lg-pull-7 {
    right: 58.33333%
  }

  .col-lg-pull-8 {
    right: 66.66667%
  }

  .col-lg-pull-9 {
    right: 75%
  }

  .col-lg-pull-10 {
    right: 83.33333%
  }

  .col-lg-pull-11 {
    right: 91.66667%
  }

  .col-lg-pull-12 {
    right: 100%
  }

  .col-lg-push-0 {
    left: auto
  }

  .col-lg-push-1 {
    left: 8.33333%
  }

  .col-lg-push-2 {
    left: 16.66667%
  }

  .col-lg-push-3 {
    left: 25%
  }

  .col-lg-push-4 {
    left: 33.33333%
  }

  .col-lg-push-5 {
    left: 41.66667%
  }

  .col-lg-push-6 {
    left: 50%
  }

  .col-lg-push-7 {
    left: 58.33333%
  }

  .col-lg-push-8 {
    left: 66.66667%
  }

  .col-lg-push-9 {
    left: 75%
  }

  .col-lg-push-10 {
    left: 83.33333%
  }

  .col-lg-push-11 {
    left: 91.66667%
  }

  .col-lg-push-12 {
    left: 100%
  }

  .col-lg-offset-0 {
    margin-left: 0
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%
  }

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

  .col-lg-offset-4 {
    margin-left: 33.33333%
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%
  }

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

  .col-lg-offset-7 {
    margin-left: 58.33333%
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%
  }

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

  .col-lg-offset-10 {
    margin-left: 83.33333%
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%
  }

  .col-lg-offset-12 {
    margin-left: 100%
  }
}

.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  width: 100%
}

@media (min-width: 1440px) {
  .col-xl-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }

  .col-xl-1, .col-xl-2 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-xl-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }

  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%
  }

  .col-xl-3, .col-xl-4 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-xl-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }

  .col-xl-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }

  .col-xl-5, .col-xl-6 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%
  }

  .col-xl-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }

  .col-xl-7, .col-xl-8 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-xl-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }

  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%
  }

  .col-xl-9, .col-xl-10 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-xl-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }

  .col-xl-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }

  .col-xl-11, .col-xl-12 {
    flex-grow: 0;
    flex-shrink: 0
  }

  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%
  }

  .col-xl-pull-0 {
    right: auto
  }

  .col-xl-pull-1 {
    right: 8.33333%
  }

  .col-xl-pull-2 {
    right: 16.66667%
  }

  .col-xl-pull-3 {
    right: 25%
  }

  .col-xl-pull-4 {
    right: 33.33333%
  }

  .col-xl-pull-5 {
    right: 41.66667%
  }

  .col-xl-pull-6 {
    right: 50%
  }

  .col-xl-pull-7 {
    right: 58.33333%
  }

  .col-xl-pull-8 {
    right: 66.66667%
  }

  .col-xl-pull-9 {
    right: 75%
  }

  .col-xl-pull-10 {
    right: 83.33333%
  }

  .col-xl-pull-11 {
    right: 91.66667%
  }

  .col-xl-pull-12 {
    right: 100%
  }

  .col-xl-push-0 {
    left: auto
  }

  .col-xl-push-1 {
    left: 8.33333%
  }

  .col-xl-push-2 {
    left: 16.66667%
  }

  .col-xl-push-3 {
    left: 25%
  }

  .col-xl-push-4 {
    left: 33.33333%
  }

  .col-xl-push-5 {
    left: 41.66667%
  }

  .col-xl-push-6 {
    left: 50%
  }

  .col-xl-push-7 {
    left: 58.33333%
  }

  .col-xl-push-8 {
    left: 66.66667%
  }

  .col-xl-push-9 {
    left: 75%
  }

  .col-xl-push-10 {
    left: 83.33333%
  }

  .col-xl-push-11 {
    left: 91.66667%
  }

  .col-xl-push-12 {
    left: 100%
  }

  .col-xl-offset-0 {
    margin-left: 0
  }

  .col-xl-offset-1 {
    margin-left: 8.33333%
  }

  .col-xl-offset-2 {
    margin-left: 16.66667%
  }

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

  .col-xl-offset-4 {
    margin-left: 33.33333%
  }

  .col-xl-offset-5 {
    margin-left: 41.66667%
  }

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

  .col-xl-offset-7 {
    margin-left: 58.33333%
  }

  .col-xl-offset-8 {
    margin-left: 66.66667%
  }

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

  .col-xl-offset-10 {
    margin-left: 83.33333%
  }

  .col-xl-offset-11 {
    margin-left: 91.66667%
  }

  .col-xl-offset-12 {
    margin-left: 100%
  }
}

.col-xs-first {
  order: -1
}

.col-xs-last {
  order: 1
}

@media (min-width: 600px) {
  .col-sm-first {
    order: -1
  }

  .col-sm-last {
    order: 1
  }
}

@media (min-width: 960px) {
  .col-md-first {
    order: -1
  }

  .col-md-last {
    order: 1
  }
}

@media (min-width: 1200px) {
  .col-lg-first {
    order: -1
  }

  .col-lg-last {
    order: 1
  }
}

@media (min-width: 1440px) {
  .col-xl-first {
    order: -1
  }

  .col-xl-last {
    order: 1
  }
}

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

.row-xs-center {
  align-items: center
}

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

@media (min-width: 600px) {
  .row-sm-top {
    align-items: flex-start
  }

  .row-sm-center {
    align-items: center
  }

  .row-sm-bottom {
    align-items: flex-end
  }
}

@media (min-width: 960px) {
  .row-md-top {
    align-items: flex-start
  }

  .row-md-center {
    align-items: center
  }

  .row-md-bottom {
    align-items: flex-end
  }
}

@media (min-width: 1200px) {
  .row-lg-top {
    align-items: flex-start
  }

  .row-lg-center {
    align-items: center
  }

  .row-lg-bottom {
    align-items: flex-end
  }
}

@media (min-width: 1440px) {
  .row-xl-top {
    align-items: flex-start
  }

  .row-xl-center {
    align-items: center
  }

  .row-xl-bottom {
    align-items: flex-end
  }
}

.col-xs-top {
  align-self: flex-start
}

.col-xs-center {
  align-self: center
}

.col-xs-bottom {
  align-self: flex-end
}

@media (min-width: 600px) {
  .col-sm-top {
    align-self: flex-start
  }

  .col-sm-center {
    align-self: center
  }

  .col-sm-bottom {
    align-self: flex-end
  }
}

@media (min-width: 960px) {
  .col-md-top {
    align-self: flex-start
  }

  .col-md-center {
    align-self: center
  }

  .col-md-bottom {
    align-self: flex-end
  }
}

@media (min-width: 1200px) {
  .col-lg-top {
    align-self: flex-start
  }

  .col-lg-center {
    align-self: center
  }

  .col-lg-bottom {
    align-self: flex-end
  }
}

@media (min-width: 1440px) {
  .col-xl-top {
    align-self: flex-start
  }

  .col-xl-center {
    align-self: center
  }

  .col-xl-bottom {
    align-self: flex-end
  }
}

.container {
  flex: 0 0 100%
}

.hidden-file-input {
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important
}

.edit-image-modal .modal-body .image-container {
  max-width: 100%;
  max-height: 600px
}

.edit-image-modal .modal-body .image-container img {
  min-height: 25pc;
  max-width: 100%;
  max-height: 600px
}

.modal-backdrop + .modal-backdrop {
  opacity: 0 !important
}

.slider {
  margin-top: 1rem
}

.ui-slider {
  height: .5rem;
  background: #c9dd03;
  position: relative
}

.ui-slider .ui-slider-handle {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: -.3rem;
  margin-left: -.6rem;
  background: #738c06
}

.ui-slider .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider .ui-slider-range-min {
  left: 0
}

.ui-slider .ui-slider-range-max {
  right: 0
}