.tabs input[name=tab-control] {
  display: none;
}
.tabs .content section h2,
.tabs ul li label {
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 18px;
  color: var(--bearhoney-accent-color);
}
.tabs ul {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.tabs ul li {
  box-sizing: border-box;
  flex: 1;
  width: 25%;
  padding: 0 10px;
  text-align: center;
}
.tabs ul li label {
  transition: all 0.3s ease-in-out;
  color: #929daf;
  padding: 5px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabs ul li label br {
  display: none;
}
.tabs ul li label svg {
  fill: #929daf;
  height: 1.3em;

  margin-right: 0.2em;
  transition: all 0.2s ease-in-out;
}
.tabs ul li label span {
  vertical-align: middle;
}
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
  outline: 0;
  color: #bec5cf;
}
.tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
  fill: #bec5cf;
}
.tabs .slider {
  position: relative;
  width: 25%;
  transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
.tabs .slider .indicator {
  position: relative;
  width: 50px;
  max-width: 100%;
  margin: 0 auto;
  height: 4px;
  background: var(--bearhoney-accent-color);
  border-radius: 1px;
}
.tabs .content {
  margin-top: 30px;
}
.tabs .content section {
  display: none;
  -webkit-animation-name: content;
          animation-name: content;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  line-height: 1.4;
}
.tabs .content section h2 {
  color: var(--bearhoney-accent-color);
  display: none;
}
.tabs .content section h2::after {
  content: "";
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  background: var(--bearhoney-accent-color);
  margin-top: 5px;
  left: 1px;
}
.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
  cursor: default;
  color: var(--bearhoney-accent-color);
}
.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
  fill: var(--bearhoney-accent-color);
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider {
  transform: translateX(0%);
}
.tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
  display: block;
}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
  cursor: default;
  color: var(--bearhoney-accent-color);
}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
  fill: var(--bearhoney-accent-color);
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider {
  transform: translateX(100%);
}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
  display: block;
}
.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
  cursor: default;
  color: var(--bearhoney-accent-color);
}
.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
  fill: var(--bearhoney-accent-color);
}

.tabs input[name=tab-control]:nth-of-type(3):checked ~ .slider {
  transform: translateX(200%);
}
.tabs input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
  display: block;
}
.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
  cursor: default;
  color: var(--bearhoney-accent-color);
}
.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
  fill: var(--bearhoney-accent-color);
}

.tabs input[name=tab-control]:nth-of-type(4):checked ~ .slider {
  transform: translateX(300%);
}
.tabs input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
  display: block;
}
@-webkit-keyframes content {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes content {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@media (max-width: 1000px) {
  .tabs ul li label {
    white-space: initial;
  }
  .tabs ul li label br {
    display: initial;
  }
  .tabs ul li label svg {
    height: 1.5em;
  }
}
@media (max-width: 600px) {
  .tabs ul li label {
    padding: 5px;
    border-radius: 5px;
  }
  .tabs ul li label span {
    display: none;
  }
  .tabs .slider {
    display: none;
  }
  .tabs .content {
    margin-top: 20px;
  }
  .tabs .content section h2 {
    display: block;
  }
}


.flcard {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;

  border: 1px solid gray;
  border-radius: 0.8rem;
}
.flcard > hr {
  margin-right: 0;
  margin-left: 0;
}
.flcard > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.flcard > .list-group:first-child {
  border-top-width: 0;
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
}
.flcard > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}
.flcard > .flcard-header + .list-group,
.flcard > .list-group + .flcard-footer {
  border-top: 0;
}

.flcard-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 5px;
}

.flcard-title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.flcard-subtitle {
  font-weight: 400;
  margin-top: 0.2rem;
  margin-bottom: 0;
}

.flcard-text:last-child {
  margin-bottom: 0;
}

.flcard-link {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.0178571em;
}
.flcard-link:hover {
  text-decoration: none;
}
.flcard-link + .flcard-link {
  margin-left: 1.5rem;
}

.flcard-header {
  padding: 10px;
  margin-bottom: 0;

  border-bottom: 0;
}
.flcard-header:first-child {
  border-radius: 0.8rem 0.8rem 0 0;
}

.flcard-footer {
  padding: 10px;
  border-top: 0;
}
.flcard-footer:last-child {
  border-radius: 0 0 0.8rem 0.8rem;
}

.flcard-header-tabs {
  border-bottom: 0;
}

.flcard-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: 0.8rem;
}

.flcard-img,
.flcard-img-top,
.flcard-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.flcard-img,
.flcard-img-top {
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
}

.flcard-img,
.flcard-img-bottom {
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.flcard-deck .flcard {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .flcard-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .flcard-deck .flcard {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.flcard-group > .flcard {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .flcard-group {
    display: flex;
    flex-flow: row wrap;
  }
  .flcard-group > .flcard {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .flcard-group > .flcard + .flcard {
    margin-left: 0;
    border-left: 0;
  }
  .flcard-group > .flcard:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .flcard-group > .flcard:not(:last-child) .flcard-img-top,
.flcard-group > .flcard:not(:last-child) .flcard-header {
    border-top-right-radius: 0;
  }
  .flcard-group > .flcard:not(:last-child) .flcard-img-bottom,
.flcard-group > .flcard:not(:last-child) .flcard-footer {
    border-bottom-right-radius: 0;
  }
  .flcard-group > .flcard:not(:first-child) {
    border-top-left-radius: 0;
    border-top-left-radius: 0;
  }
  .flcard-group > .flcard:not(:first-child) .flcard-img-top,
.flcard-group > .flcard:not(:first-child) .flcard-header {
    border-top-left-radius: 0;
  }
  .flcard-group > .flcard:not(:first-child) .flcard-img-bottom,
.flcard-group > .flcard:not(:first-child) .flcard-footer {
    border-bottom-left-radius: 0;
  }
}

.flcard-columns .flcard {
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .flcard-columns {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .flcard-columns .flcard {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .flcard-columns {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
}
@media (min-width: 992px) {
  .flcard-columns {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
}
@media (min-width: 1200px) {
  .flcard-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .flcard {
  overflow: hidden;
}
.accordion > .flcard:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .flcard:not(:first-of-type) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.accordion > .flcard > .flcard-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.--flcard-focus {
  cursor: pointer !important;
  transition: all 0.1s ease-in-out;
}
.--flcard-focus:active, .--flcard-focus.active, .--flcard-focus:focus, .--flcard-focus.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.--flcard-focus.--flcard-focus-primary:active, .--flcard-focus.--flcard-focus-primary.active, .--flcard-focus.--flcard-focus-primary:focus, .--flcard-focus.--flcard-focus-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(118, 19, 94, 0.3);
}

.--flcard-focus.--flcard-focus-secondary:active, .--flcard-focus.--flcard-focus-secondary.active, .--flcard-focus.--flcard-focus-secondary:focus, .--flcard-focus.--flcard-focus-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(126, 103, 118, 0.3);
}

.--flcard-focus.--flcard-focus-success:active, .--flcard-focus.--flcard-focus-success.active, .--flcard-focus.--flcard-focus-success:focus, .--flcard-focus.--flcard-focus-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(145, 190, 111, 0.3);
}

.--flcard-focus.--flcard-focus-warning:active, .--flcard-focus.--flcard-focus-warning.active, .--flcard-focus.--flcard-focus-warning:focus, .--flcard-focus.--flcard-focus-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(251, 139, 35, 0.3);
}

.--flcard-focus.--flcard-focus-danger:active, .--flcard-focus.--flcard-focus-danger.active, .--flcard-focus.--flcard-focus-danger:focus, .--flcard-focus.--flcard-focus-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(155, 3, 31, 0.3);
}

.--flcard-focus.--flcard-focus-info:active, .--flcard-focus.--flcard-focus-info.active, .--flcard-focus.--flcard-focus-info:focus, .--flcard-focus.--flcard-focus-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(15, 77, 92, 0.3);
}

.--flcard-focus.--flcard-focus-light:active, .--flcard-focus.--flcard-focus-light.active, .--flcard-focus.--flcard-focus-light:focus, .--flcard-focus.--flcard-focus-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(242, 242, 242, 0.3);
}

.--flcard-focus.--flcard-focus-dark:active, .--flcard-focus.--flcard-focus-dark.active, .--flcard-focus.--flcard-focus-dark:focus, .--flcard-focus.--flcard-focus-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 30, 35, 0.3);
}



.--flcard-cup {
  height: 130px;
  width: 100%;
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
}

.--flcard-smooth-caption {
  background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.98)) repeat scroll 0% 0%;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 3.5rem 1.5rem 1.5rem 1.5rem;
}

.--flcard-footer {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.--flcard-footer-inner {
  margin: 0;
  padding: 1.5rem;
  display: block;
  font-size: 0.89rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.5;
  letter-spacing: 0.0178571em;
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
  transition: all 0.2s ease-in-out;
}
.--flcard-footer-inner:hover {
  text-decoration: none;
}
.--flcard-footer-inner:not(:disabled):not(.disabled):active, .--flcard-footer-inner:not(:disabled):not(.disabled).active, .--flcard-footer-inner:focus, .--flcard-footer-inner.focus {
  background-color: #f8f9fa;
  outline: 0;
}

.flcard-avatar {
  border-radius: 50%;
}

.avatar-border {
  border: 5px solid #fff;
}



.flcard-radius {
  border-radius: 0.8rem;
}

.flcard{transition:.4s}
.flcard:hover{border:1px solid #fff;box-shadow:0px 1px 18px 0px var(--bearhoney-accent-color)}