[dir] .callout {
  padding: 15px 20px;
  margin-bottom: 15px;
  background-color: #eceeef;
}

[dir="ltr"] .callout {
  margin-right: 0 !important;
  margin-left: 20px !important;
  border-left-style: solid;
  border-left-width: 5px;
}

[dir="rtl"] .callout {
  margin-right: 20px !important;
  margin-left: 0 !important;
  border-right-style: solid;
  border-right-width: 5px;
}

[dir] div.tip {
  padding: 15px 20px;
  margin-bottom: 15px;
  background-color: #eceeef;
}

[dir="ltr"] div.tip {
  margin-right: 0 !important;
  margin-left: 20px !important;
  border-left-style: solid;
  border-left-width: 5px;
}

[dir="rtl"] div.tip {
  margin-right: 20px !important;
  margin-left: 0 !important;
  border-right-style: solid;
  border-right-width: 5px;
}

div.tip .title,
div.note .title,
div.warning .title,
div.caution .title,
div.important .title {
  margin-top: 0!important;
}

[dir] div.warning {
  padding: 15px 20px;
  margin-bottom: 15px;
  background-color: #eceeef;
}

[dir="ltr"] div.warning {
  margin-right: 0 !important;
  margin-left: 20px !important;
  border-left-style: solid;
  border-left-width: 5px;
}

[dir="rtl"] div.warning {
  margin-right: 20px !important;
  margin-left: 0 !important;
  border-right-style: solid;
  border-right-width: 5px;
}

[dir] div.caution {
  padding: 15px 20px;
  margin-bottom: 15px;
  background-color: #eceeef;
}

[dir="ltr"] div.caution {
  margin-right: 0 !important;
  margin-left: 20px !important;
  border-left-style: solid;
  border-left-width: 5px;
}

[dir="rtl"] div.caution {
  margin-right: 20px !important;
  margin-left: 0 !important;
  border-right-style: solid;
  border-right-width: 5px;
}

[dir] div.important {
  padding: 15px 20px;
  margin-bottom: 15px;
  background-color: #f9f5ff;
}

[dir="ltr"] div.important {
  margin-right: 0 !important;
  margin-left: 20px !important;
  border-left-style: solid;
  border-left-width: 5px;
}

[dir="rtl"] div.important {
  margin-right: 20px !important;
  margin-left: 0 !important;
  border-right-style: solid;
  border-right-width: 5px;
}

[dir] div.note {
  padding: 15px 20px;
  margin-bottom: 15px;
  background-color: #eceeef;
}

[dir="ltr"] div.note {
  margin-right: 0 !important;
  margin-left: 20px !important;
  border-left-style: solid;
  border-left-width: 5px;
}

[dir="rtl"] div.note {
  margin-right: 20px !important;
  margin-left: 0 !important;
  border-right-style: solid;
  border-right-width: 5px;
}

[dir] div.notice {
  padding: 20px;
  margin-bottom: 15px;
  background-color: #eceeef;
}

[dir="ltr"] div.notice {
  margin-right: 0 !important;
  margin-left: 20px !important;
  border-left-style: solid;
  border-left-width: 5px;
}

[dir="rtl"] div.notice {
  margin-right: 20px !important;
  margin-left: 0 !important;
  border-right-style: solid;
  border-right-width: 5px;
}

[dir] .callout p:last-child,
[dir] div.tip p:last-child,
[dir] div.warning p:last-child,
[dir] div.caution p:last-child,
[dir] div.important p:last-child,
[dir] div.note p:last-child,
[dir] div.notice p:last-child {
  margin-bottom: 0;
}

.callout .title,
div.tip .title,
div.warning .title,
div.caution .title,
div.important .title,
div.note .title,
div.notice .title {
  font-size: 20px;
  font-weight: bold;
}

[dir] .callout .title,
[dir] div.tip .title,
[dir] div.warning .title,
[dir] div.caution .title,
[dir] div.important .title,
[dir] div.note .title,
[dir] div.notice .title {
  padding-bottom: 0;
  margin-bottom: 15px !important;
  border-bottom: none;
}

div.tip .title:before,
div.warning .title:before,
div.caution .title:before,
div.important .title:before,
div.note .title:before,
div.notice .title:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
}

[dir="ltr"] div.tip .title:before,
[dir="ltr"] div.warning .title:before,
[dir="ltr"] div.caution .title:before,
[dir="ltr"] div.important .title:before,
[dir="ltr"] div.note .title:before,
[dir="ltr"] div.notice .title:before {
  margin-right: 10px;
}

[dir="rtl"] div.tip .title:before,
[dir="rtl"] div.warning .title:before,
[dir="rtl"] div.caution .title:before,
[dir="rtl"] div.important .title:before,
[dir="rtl"] div.note .title:before,
[dir="rtl"] div.notice .title:before {
  margin-left: 10px;
}

[dir] .callout--transparent {
  background-color: transparent;
  border-color: #dedede;
  border-width: 1px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}

.callout__title {
  font-size: 20px;
  font-weight: bold;
}

[dir] .callout__title {
  margin-bottom: 15px !important;
}

div.note,
.callout--success {
  color: #333;
}

[dir] div.note,
[dir] .callout--success {
  background-color: #e8f2df;
  border-color: #81b64f;
}

div.note .callout__title,
div.note .title,
.callout--success .callout__title,
.callout--success .title {
  color: #81b64f;
}

div.note .title:before {
  content: "\f249";
}

div.tip,
.callout--info {
  color: #333;
}

[dir] div.tip,
[dir] .callout--info {
  background-color: #dff8ff;
  border-color: #5bc0de;
}

div.tip .callout__title,
div.tip .title,
.callout--info .callout__title,
.callout--info .title {
  color: #3ba6c5;
}

div.tip .title:before {
  content: "\f0eb";
}

div.caution,
.callout--warning {
  color: #333;
}

[dir] div.caution,
[dir] .callout--warning {
  background-color: #fdf5e1;
  border-color: #efb72d;
}

div.caution .callout__title,
div.caution .title,
.callout--warning .callout__title,
.callout--warning .title {
  color: #edaf15;
}

div.caution .title:before {
  content: "\f071";
}

div.warning,
.callout--danger {
  color: #333;
}

[dir] div.warning,
[dir] .callout--danger {
  background-color: #fff5f5;
  border-color: #ff5252;
}

div.warning .callout__title,
div.warning .title,
.callout--danger .callout__title,
.callout--danger .title {
  color: #ff5252;
}

div.warning .title:before {
  content: "\f05e";
}

div.important {
  color: #333;
}

[dir] div.important {
  background-color: lighten(#8d52ff, 32%);
  border-color: #8d52ff;
}

div.important .callout__title,
div.important .title {
  color: #8d52ff;
}

div.important .title:before {
  content: "\f256";
}

div.notice {
  color: #333;
}

[dir] div.notice {
  background-color: #d7ebff;
  border-color: #3389e3;
}

div.notice .callout__title,
div.notice .title {
  color: #3389e3;
}

div.notice .title:before {
  content: "\f044";
}

.callout--primary {
  color: #333;
}

[dir] .callout--primary {
  background-color: lighten(#2d8b13, 63%);
  border-color: #2d8b13;
}

.callout--primary .callout__title {
  color: #2d8b13;
}

[dir] .callout--dashed {
  border-style: dashed;
  border-width: 1px;
}

[dir] .image-with-border {
  padding: 10px;
  border: 1px solid lighten(#818a91, 30%);
  border-radius: 4px;
}

[dir] .image-with-shadow {
  box-shadow: 0 5px 15px 2px #55595c;
}

[dir] .image-with-lightbox {
  cursor: pointer;
}

.image-overlay {
  position: relative;
}

.image-overlay:before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
}

[dir] .image-overlay:before {
  background-color: rgba(255, 255, 255, 0.3);
}

[dir="ltr"] .image-overlay:before {
  right: 0;
  left: 0;
}

[dir="rtl"] .image-overlay:before {
  right: 0;
  left: 0;
}

.image-with-video-icon {
  position: relative;
  display: block;
}

.image-with-video-icon img {
  width: 100%;
}

.image-with-video-icon:before {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 0;
  height: 0;
  font-size: 0;
  content: "";
  transition: transform 0.6s ease;
}

[dir] .image-with-video-icon:before {
  border-style: solid;
}

[dir="ltr"] .image-with-video-icon:before {
  left: 50%;
  border-color: transparent transparent transparent #fff;
  border-width: 30px 0 30px 60px;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .image-with-video-icon:before {
  right: 50%;
  border-color: transparent #fff transparent transparent;
  border-width: 30px 60px 30px 0;
  transform: translate(50%, -50%);
}

.image-with-video-icon:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  content: "";
}

[dir] .image-with-video-icon:after {
  background-color: rgba(0, 0, 0, 0.3);
}

[dir="ltr"] .image-with-video-icon:after {
  right: 0;
  left: 0;
}

[dir="rtl"] .image-with-video-icon:after {
  right: 0;
  left: 0;
}

[dir="ltr"] .image-with-video-icon:active:before,
[dir="ltr"] .image-with-video-icon:hover:before {
  transform: translate(-50%, -50%) scale(1.1);
}

[dir="rtl"] .image-with-video-icon:active:before,
[dir="rtl"] .image-with-video-icon:hover:before {
  transform: translate(50%, -50%) scale(1.1);
}

[dir="ltr"] .text-left {
  text-align: left;
}

[dir="rtl"] .text-left {
  text-align: right;
}

[dir] .text-center {
  text-align: center;
}

[dir="ltr"] .text-right {
  text-align: right;
}

[dir="rtl"] .text-right {
  text-align: left;
}

[dir] .text-primary {
  background-color: lighten(#2d8b13, 30%);
}

[dir] .text-info {
  background-color: #5bc0de;
}

[dir] .accordion {
  padding-top: 0;
  margin-bottom: 15px;
}

.accordion__item-title {
  position: relative;
  font-size: 24px;
}

[dir] .accordion__item-title {
  cursor: pointer;
}

[dir="ltr"] .accordion__item-title {
  padding: 15px 20px 15px 52px;
}

[dir="rtl"] .accordion__item-title {
  padding: 15px 52px 15px 20px;
}

[dir] .accordion__item-title:not(.accordion__item-title--active) {
  border-bottom: 1px solid #ddd;
}

.accordion__item-title:before {
  position: absolute;
  content: "";
}

.accordion__item-content {
  display: none;
}

[dir] .accordion__item-content {
  padding: 20px;
  border-bottom: 1px solid #ddd;
}

[dir] .accordion__item-content p:last-child {
  margin-bottom: 0;
}

[dir] .accordion__item:last-child .accordion__item-title {
  border-bottom: none;
}

.accordion--default .accordion__item-title:before {
  top: 50%;
  width: 8px;
  height: 8px;
  transition: transform 0.3s;
}

[dir] .accordion--default .accordion__item-title:before {
  margin-top: -4px;
  border-bottom: 2px solid #2d8b13;
}

[dir="ltr"] .accordion--default .accordion__item-title:before {
  left: 22px;
  border-left: 2px solid #2d8b13;
  transform: rotate(-45deg);
}

[dir="rtl"] .accordion--default .accordion__item-title:before {
  right: 22px;
  border-right: 2px solid #2d8b13;
  transform: rotate(45deg);
}

[dir] .accordion--default .accordion__item-title--active {
  background-color: #f0f0f0;
}

.accordion--default .accordion__item-title--active:before {
  transition: transform 0.3s;
}

[dir="ltr"] .accordion--default .accordion__item-title--active:before {
  transform: rotate(135deg);
}

[dir="rtl"] .accordion--default .accordion__item-title--active:before {
  transform: rotate(-135deg);
}

.accordion--colored .accordion__item-title {
  transition: background-color 0.3s;
}

.accordion--colored .accordion__item-title:before,
.accordion--colored .accordion__item-title:after {
  top: 50%;
}

.accordion--colored .accordion__item-title:before {
  width: 10px;
  height: 2px;
}

[dir] .accordion--colored .accordion__item-title:before {
  margin-top: -1px;
  background-color: #818a91;
}

[dir="ltr"] .accordion--colored .accordion__item-title:before {
  left: 20px;
}

[dir="rtl"] .accordion--colored .accordion__item-title:before {
  right: 20px;
}

.accordion--colored .accordion__item-title:after {
  position: absolute;
  width: 2px;
  height: 10px;
  content: "";
}

[dir] .accordion--colored .accordion__item-title:after {
  margin-top: -5px;
  background-color: #818a91;
}

[dir="ltr"] .accordion--colored .accordion__item-title:after {
  left: 24px;
}

[dir="rtl"] .accordion--colored .accordion__item-title:after {
  right: 24px;
}

.accordion--colored .accordion__item-title--active {
  color: #fff;
  transition: background-color 0.3s;
}

[dir] .accordion--colored .accordion__item-title--active {
  background-color: #2d8b13;
}

[dir] .accordion--colored .accordion__item-title--active:before {
  background-color: #fff;
}

.accordion--colored .accordion__item-title--active:after {
  display: none;
}

[dir] .tabs {
  margin-bottom: 15px;
}

.tab {
  display: block;
}

[dir] .tab {
  padding: 30px;
  margin-top: -1px;
  border: 1px solid #ddd;
}

[dir] .tab p:last-child {
  margin-bottom: 0;
}

[dir="ltr"] .tab:nth-child(2) {
  border-top-left-radius: 0;
}

[dir="rtl"] .tab:nth-child(2) {
  border-top-right-radius: 0;
}

.tabs-link {
  display: block;
  font-weight: 600;
  color: #333;
}

[dir] .tabs-link {
  padding: 8px 30px;
  margin: 0;
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0;
}

.tabs-link:hover {
  color: #2d8b13;
}

@media (max-width: 767px) {
  [dir] .tabs-link {
    border-top-color: #ddd;
  }

  [dir="ltr"] .tabs-link {
    border-right-color: #ddd;
    border-left-color: #ddd;
  }

  [dir="rtl"] .tabs-link {
    border-right-color: #ddd;
    border-left-color: #ddd;
  }
}

@media (min-width: 768px) {
  .tabs-link {
    display: inline-block;
  }
}

.is-hidden {
  display: none;
}

.tabs-link.is-active {
  color: #2d8b13;
}

[dir] .tabs-link.is-active {
  cursor: pointer;
  border-color: #ddd;
}

.tabs-link.is-active:hover {
  color: #2d8b13;
}

[dir] .tabs-link.is-active:hover {
  cursor: default;
}

@media (min-width: 768px) {
  [dir] .tabs-link.is-active {
    border-bottom: 1px solid #fff;
  }
}

[dir] .tabs--colored-1 .tab {
  background-color: #f7f7f9 !important;
}

[dir] .tabs--colored-1 .tabs-link.is-active {
  background-color: #f7f7f9;
  border-bottom-color: #f7f7f9;
}

.tabs--colored-2 .tabs-link:hover {
  color: #2d8b13;
}

.tabs--colored-2 .tabs-link.is-active {
  color: #fff;
}

[dir] .tabs--colored-2 .tabs-link.is-active {
  background-color: #2d8b13;
  border-color: #2d8b13;
}

.tabs--colored-2 .tabs-link.is-active:hover {
  color: #fff;
}

[dir] .tabs--colored-2 .tab {
  background-color: #f7f7f9 !important;
}

.article .panel-body {
  display: none;
}

[dir="ltr"] .article .panel-body {
  padding: 0 0 0 20px;
}

[dir="rtl"] .article .panel-body {
  padding: 0 20px 0 0;
}

[dir] .article .panel-heading {
  cursor: pointer;
}

[dir] .article .panel-heading .title {
  margin: 0;
  border-bottom: none;
  text-transform: uppercase;
  border-bottom: 5px solid #14577B;
}

.article .panel-heading .title:before {
  content: '▶';
  font-size: 18px;
  margin-left: -30px;
  margin-right: 10px;
  color: #14577B;
  float: left;
  transition: all .3s ease;
}

.article .panel-heading.active .title:before {
  content: '▶';
  font-size: 18px;
  margin-left: -30px;
  margin-right: 10px;
  color: #14577B;
  float: left;
  transition: all .3s ease;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}