html, body {
  height: 100%;
}

body {
  font-family: var(--fontFamily);
  font-size: var(--fontSize) !important;
  font-weight: var(--fontWeight) !important;
}

.font-face {
  font-family: var(--fontFace);
}

.scheme-bg {
  background: var(--scheme-bg) !important;
  color: var(--scheme-text) !important;
}
.scheme-bg svg .icon {
  fill: var(--scheme-text);
}

.bg-error {
  background: var(--warn-500) !important;
}

.text-error {
  color: var(--warn-500) !important;
}

.border-error {
  border-color: var(--warn-500) !important;
}

.scheme-dark .scheme-border {
  border-color: var(--primary-600) !important;
}

.scheme-light .scheme-border {
  border-color: var(--primary-100) !important;
}

svg.text-white {
  fill: white;
}

.bg-accent {
  background: var(--accent) !important;
  color: var(--accent-50) !important;
}

.text-accent {
  color: var(--accent) !important;
}

.bg-accent-900 {
  background: var(--accent-900) !important;
  color: var(--accent-50) !important;
}

.text-accent-900 {
  color: var(--accent-900) !important;
}

.border-accent-900 {
  border-color: var(--accent-900) !important;
}

.bg-accent-800 {
  background: var(--accent-800) !important;
  color: var(--accent-50) !important;
}

.text-accent-800 {
  color: var(--accent-800) !important;
}

.border-accent-800 {
  border-color: var(--accent-800) !important;
}

.bg-accent-700 {
  background: var(--accent-700) !important;
  color: var(--accent-50) !important;
}

.text-accent-700 {
  color: var(--accent-700) !important;
}

.border-accent-700 {
  border-color: var(--accent-700) !important;
}

.bg-accent-600 {
  background: var(--accent-600) !important;
  color: var(--accent-50) !important;
}

.border-accent-600 {
  border-color: var(--accent-600) !important;
}

.text-accent-600 {
  color: var(--accent-600) !important;
}

.bg-accent-500 {
  background: var(--accent-500) !important;
  color: var(--accent-50) !important;
}

.text-accent-500 {
  color: var(--accent-500) !important;
}

.border-accent-500 {
  border-color: var(--accent-500) !important;
}

.bg-accent-400 {
  background: var(--accent-400) !important;
  color: var(--accent-50) !important;
}

.text-accent-400 {
  color: var(--accent-400) !important;
}

.border-accent-400 {
  border-color: var(--accent-400) !important;
}

.bg-accent-300 {
  background: var(--accent-300) !important;
  color: var(--accent-50) !important;
}

.text-accent-300 {
  color: var(--accent-300) !important;
}

.border-accent-300 {
  border-color: var(--accent-300) !important;
}

.bg-accent-200 {
  background: var(--accent-200) !important;
  color: var(--primary-900) !important;
}

.text-accent-200 {
  color: var(--accent-200) !important;
}

.border-accent-200 {
  border-color: var(--accent-200) !important;
}

.bg-accent-100 {
  background: var(--accent-100) !important;
  color: var(--primary-900) !important;
}

.text-accent-100 {
  color: var(--accent-100) !important;
}

.border-accent-100 {
  border-color: var(--accent-100) !important;
}

.bg-accent-50 {
  background: var(--accent-50) !important;
  color: var(--primary-900) !important;
}

.text-accent-50 {
  color: var(--accent-50) !important;
}

.border-accent-50 {
  border-color: var(--accent-50) !important;
}

.bg-warn {
  background: var(--warn) !important;
  color: var(--warn-50) !important;
}

.text-warn {
  color: var(--warn) !important;
}

.border-warn {
  border-color: var(--warn) !important;
}

.bg-warn-900 {
  background: var(--warn-900) !important;
  color: var(--warn-50) !important;
}

.text-warn-900 {
  color: var(--warn-900) !important;
}

.border-warn-900 {
  border-color: var(--warn-900) !important;
}

.bg-warn-800 {
  background: var(--warn-800) !important;
  color: var(--warn-50) !important;
}

.text-warn-800 {
  color: var(--warn-800) !important;
}

.border-warn-800 {
  border-color: var(--warn-800) !important;
}

.bg-warn-700 {
  background: var(--warn-700) !important;
  color: var(--warn-50) !important;
}

.text-warn-700 {
  color: var(--warn-700) !important;
}

.border-warn-700 {
  border-color: var(--warn-700) !important;
}

.bg-warn-600 {
  background: var(--warn-600) !important;
  color: var(--warn-50) !important;
}

.text-warn-600 {
  color: var(--warn-600) !important;
}

.border-warn-600 {
  border-color: var(--warn-600) !important;
}

.bg-warn-500 {
  background: var(--warn-500) !important;
  color: var(--warn-50) !important;
}

.text-warn-500 {
  color: var(--warn-500) !important;
}

.border-warn-500 {
  border-color: var(--warn-500) !important;
}

.bg-warn-400 {
  background: var(--warn-400) !important;
  color: var(--warn-50) !important;
}

.text-warn-400 {
  color: var(--warn-400) !important;
}

.border-warn-400 {
  border-color: var(--warn-400) !important;
}

.bg-warn-300 {
  background: var(--warn-300) !important;
  color: var(--warn-50) !important;
}

.text-warn-300 {
  color: var(--warn-300) !important;
}

.border-warn-300 {
  border-color: var(--warn-300) !important;
}

.bg-warn-200 {
  background: var(--warn-200) !important;
  color: var(--primary-900) !important;
}

.text-warn-200 {
  color: var(--warn-200) !important;
}

.border-warn-200 {
  border-color: var(--warn-200) !important;
}

.bg-warn-100 {
  background: var(--warn-100) !important;
  color: var(--primary-900) !important;
}

.text-warn-100 {
  color: var(--warn-100) !important;
}

.border-warn-100 {
  border-color: var(--warn-100) !important;
}

.bg-warn-50 {
  background: var(--warn-50) !important;
  color: var(--primary-900) !important;
}

.text-warn-50 {
  color: var(--warn-50) !important;
}

.border-warn-50 {
  border-color: var(--warn-50) !important;
}

.bg-highlight {
  background: var(--highlight) !important;
  color: var(--highlight-50) !important;
}

.text-highlight {
  color: var(--highlight) !important;
}

.bg-highlight-900 {
  background: var(--highlight-900) !important;
  color: var(--highlight-50) !important;
}

.text-highlight-900 {
  color: var(--highlight-900) !important;
}

.border-highlight-900 {
  border-color: var(--highlight-900) !important;
}

.bg-highlight-800 {
  background: var(--highlight-800) !important;
  color: var(--highlight-50) !important;
}

.text-highlight-800 {
  color: var(--highlight-800) !important;
}

.border-highlight-800 {
  border-color: var(--highlight-800) !important;
}

.bg-highlight-700 {
  background: var(--highlight-700) !important;
  color: var(--highlight-50) !important;
}

.text-highlight-700 {
  color: var(--highlight-700) !important;
}

.border-highlight-700 {
  border-color: var(--highlight-700) !important;
}

.bg-highlight-600 {
  background: var(--highlight-600) !important;
  color: var(--highlight-50) !important;
}

.text-highlight-600 {
  color: var(--highlight-600) !important;
}

.border-highlight-600 {
  border-color: var(--highlight-600) !important;
}

.bg-highlight-500 {
  background: var(--highlight-500) !important;
  color: var(--highlight-50) !important;
}

.text-highlight-500 {
  color: var(--highlight-500) !important;
}

.border-highlight-500 {
  border-color: var(--highlight-500) !important;
}

.bg-highlight-400 {
  background: var(--highlight-400) !important;
  color: var(--highlight-50) !important;
}

.text-highlight-400 {
  color: var(--highlight-400) !important;
}

.border-highlight-400 {
  border-color: var(--highlight-400) !important;
}

.bg-highlight-300 {
  background: var(--highlight-300) !important;
  color: var(--highlight-50) !important;
}

.text-highlight-300 {
  color: var(--highlight-300) !important;
}

.border-highlight-300 {
  border-color: var(--highlight-300) !important;
}

.bg-highlight-200 {
  background: var(--highlight-200) !important;
  color: var(--primary-900) !important;
}

.text-highlight-200 {
  color: var(--highlight-200) !important;
}

.border-highlight-200 {
  border-color: var(--highlight-200) !important;
}

.bg-highlight-100 {
  background: var(--highlight-100) !important;
  color: var(--primary-900) !important;
}

.text-highlight-100 {
  color: var(--highlight-100) !important;
}

.border-highlight-100 {
  border-color: var(--highlight-100) !important;
}

.bg-highlight-50 {
  background: var(--highlight-50) !important;
  color: var(--primary-900) !important;
}

.text-highlight-50 {
  color: var(--highlight-50) !important;
}

.border-highlight-50 {
  border-color: var(--highlight-50) !important;
}

.bg-primary-900 {
  background: var(--primary-900) !important;
  color: var(--primary-50) !important;
}

.text-primary-900 {
  color: var(--primary-900) !important;
}

.border-primary-900 {
  border-color: var(--primary-900) !important;
}

.bg-primary-800 {
  background: var(--primary-800) !important;
  color: var(--primary-50) !important;
}

.text-primary-800 {
  color: var(--primary-800) !important;
}

.border-primary-800 {
  border-color: var(--primary-800) !important;
}

.bg-primary-700 {
  background: var(--primary-700) !important;
  color: var(--primary-50) !important;
}

.text-primary-700 {
  color: var(--primary-700) !important;
}

.border-primary-700 {
  border-color: var(--primary-700) !important;
}

.bg-primary-600 {
  background: var(--primary-600) !important;
  color: var(--primary-50) !important;
}

.text-primary-600 {
  color: var(--primary-600) !important;
}

.border-primary-600 {
  border-color: var(--primary-600) !important;
}

.bg-primary-500 {
  background: var(--primary-500) !important;
  color: var(--primary-50) !important;
}

.text-primary-500 {
  color: var(--primary-500) !important;
}

.border-primary-500 {
  border-color: var(--primary-500) !important;
}

.bg-primary-400 {
  background: var(--primary-400) !important;
  color: var(--primary-50) !important;
}

.text-primary-400 {
  color: var(--primary-400) !important;
}

.border-primary-400 {
  border-color: var(--primary-400) !important;
}

.bg-primary-300 {
  background: var(--primary-300) !important;
  color: var(--primary-50) !important;
}

.text-primary-300 {
  color: var(--primary-300) !important;
}

.border-primary-300 {
  border-color: var(--primary-300) !important;
}

.bg-primary-200 {
  background: var(--primary-200) !important;
  color: var(--primary-900) !important;
}

.text-primary-200 {
  color: var(--primary-200) !important;
}

.border-primary-200 {
  border-color: var(--primary-200) !important;
}

.bg-primary-100 {
  background: var(--primary-100) !important;
  color: var(--primary-900) !important;
}

.text-primary-100 {
  color: var(--primary-100) !important;
}

.border-primary-100 {
  border-color: var(--primary-100) !important;
}

.bg-primary-50 {
  background: var(--primary-50) !important;
  color: var(--primary-900) !important;
}

.text-primary-50 {
  color: var(--primary-50) !important;
}

.border-primary-50 {
  border-color: var(--primary-50) !important;
}

.color-inherit {
  color: inherit !important;
}

.bg-inherit {
  background: inherit;
}

ul:not(.default-style), ol:not(.default-style) {
  margin: 0;
  padding: 0;
}
ul:not(.default-style) li, ol:not(.default-style) li {
  list-style: none;
}

img {
  height: auto;
}

.hidden {
  display: none !important;
}

.fade-in {
  animation: fadeIn 0.5s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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

.text-underline {
  text-decoration: underline;
  -webkit-text-decoration: underline;
}

.underline {
  border-bottom-style: solid;
}

.underline.w1 {
  border-bottom-width: 1px;
}

.underline.w2 {
  border-bottom-width: 2px;
}

.underline.w3 {
  border-bottom-width: 3px;
}

.underline.w4 {
  border-bottom-width: 4px;
}

.underline.w5 {
  border-bottom-width: 5px;
}

.fw-inherit {
  font-weight: inherit;
}

.font-inherit {
  font-size: inherit;
  font-weight: inherit;
}

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.size-inherit {
  font-size: inherit !important;
}

.nomal-size {
  font-size: 1rem;
}

.size-40 {
  font-size: 40% !important;
}

.size-45 {
  font-size: 45% !important;
}

.size-50 {
  font-size: 50% !important;
}

.size-60 {
  font-size: 60% !important;
}

.size-70 {
  font-size: 70% !important;
}

.size-75 {
  font-size: 75% !important;
}

.size-80 {
  font-size: 80% !important;
}

.size-85 {
  font-size: 85% !important;
}

.size-90 {
  font-size: 90% !important;
}

.size-105 {
  font-size: 105%;
}

.size-110 {
  font-size: 110%;
}

.size-120 {
  font-size: 120%;
}

.size-130 {
  font-size: 130%;
}

.size-140 {
  font-size: 140%;
}

.size-150 {
  font-size: 150%;
}

.size-160 {
  font-size: 160%;
}

.size-170 {
  font-size: 170%;
}

.size-180 {
  font-size: 180%;
}

.size-190 {
  font-size: 190%;
}

.size-200 {
  font-size: 200%;
}

.size-300 {
  font-size: 300%;
}

.size-400 {
  font-size: 400%;
}

.size-500 {
  font-size: 500%;
}

h3.fixed-font-size {
  font-size: 1.75rem !important;
}

.opacity-0 {
  opacity: 0;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5 !important;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.m-top-5 {
  margin-top: 5px;
}

.m-bottom-5 {
  margin-bottom: 5px !important;
}

.m-left-5 {
  margin-left: 5px;
}

.m-right-5 {
  margin-right: 5px;
}

.m-top-1rem {
  margin-top: 1rem;
}

.m-bottom-1rem {
  margin-bottom: 1rem !important;
}

.m-left-1rem {
  margin-left: 1rem;
}

.m-right-1rem {
  margin-right: 1rem;
}

.m-top-24 {
  margin-top: 24px;
}

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

.m-left-24 {
  margin-left: 24px;
}

.m-right-24 {
  margin-right: 24px;
}

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

.p-top-5 {
  padding-top: 5px;
}

.p-bottom-5 {
  padding-bottom: 5px;
}

.p-left-5 {
  padding-left: 5px;
}

.p-right-5 {
  padding-right: 5px;
}

.p-top-8 {
  padding-top: 8px;
}

.p-bottom-8 {
  padding-bottom: 8px;
}

.p-left-8 {
  padding-left: 8px;
}

.p-right-8 {
  padding-right: 8px;
}

.p-top-1rem {
  padding-top: 1rem;
}

.p-bottom-1rem {
  padding-bottom: 1rem;
}

.p-left-1rem {
  padding-left: 1rem;
}

.p-right-1rem {
  padding-right: 1rem;
}

.p-top-24 {
  padding-top: 24px;
}

.p-bottom-24 {
  padding-bottom: 24px;
}

.p-left-24 {
  padding-left: 24px;
}

.p-right-24 {
  padding-right: 24px;
}

.p-1rem {
  padding: 1rem;
}

.px-1rem {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-1rem {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p-24 {
  padding: 24px;
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.position-fixed.top, .position-absolute.top {
  top: 0;
}

.position-fixed.bottom, .position-absolute.bottom {
  bottom: 0;
}

.position-fixed.left, .position-absolute.left {
  left: 0;
}

.position-fixed.right, .position-absolute.right {
  right: 0;
}

.flex, .flex-column, .flex-row, .flex-wrap {
  display: flex;
}

.flex-column.text-center {
  align-items: center;
}

.flex-column.text-right {
  align-items: flex-end;
}

.flex-column.align-center {
  place-content: center;
}

.flex-column.align-start {
  place-content: flex-start;
}

.flex-column.align-end {
  place-content: flex-end;
}

.flex-column.text-left {
  align-items: flex-start;
}

.flex.text-center, .flex-row.text-center, .flex-inline.text-center {
  place-content: center;
}

.flex.text-right, .flex-row.text-right {
  place-content: flex-end;
}

.flex.align-center, .flex-row.align-center, .flex-inline.align-center {
  align-items: center;
}

.flex.align-start, .flex-row.align-start {
  align-items: flex-start;
}

.flex.align-end, .flex-row.align-end {
  align-items: flex-end;
}

.flex-inline {
  display: inline-flex;
}

.flex-auto {
  flex: 1 1 auto;
}

.min-w-100 {
  min-width: 100%;
}

.no-bg {
  background: none !important;
}

.no-border {
  border: none !important;
}

.before-bg:not(.fixed):not(.absolute), .after-bg:not(.fixed):not(.absolute) {
  position: relative;
}

.before-bg::before, .after-bg::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.box-shadow-xl {
  box-shadow: 0 5px 40px -9px rgba(0, 0, 0, 0.4);
}

.box-shadow-lg {
  box-shadow: 0 5px 25px -7px rgba(0, 0, 0, 0.4);
}

.box-shadow-md {
  box-shadow: 0 1px 10px -3px rgba(0, 0, 0, 0.2);
}

.box-shadow-sm {
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.4);
}

.box-shadow-xs {
  box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.4);
}

.box-shadow-xxs {
  box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.text-shadow-lg {
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}

.text-shadow-md {
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}

.text-shadow-sm {
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}

.text-shadow-xs {
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
}

.text-shadow-xxs {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-100 {
  z-index: 100;
}

.z-index-200 {
  z-index: 200;
}

.z-index-300 {
  z-index: 300;
}

.z-index-400 {
  z-index: 400;
}

.z-index-500 {
  z-index: 500;
}

.z-index-99 {
  z-index: 99;
}

.z-index-999 {
  z-index: 999;
}

.z-index-9999 {
  z-index: 9999;
}

.line-height-xxs {
  line-height: 18px;
}

.line-height-xs {
  line-height: 20px;
}

.line-height-sm {
  line-height: 26px;
}

.line-height-md {
  line-height: 32px;
}

.line-height-lg {
  line-height: 40px;
}

.line-height-xl {
  line-height: 60px;
}

.line-height-xxl {
  line-height: 80px;
}

.border-radius-xl {
  border-radius: 2rem !important;
}

.border-radius-lg {
  border-radius: 1.5rem !important;
}

.border-radius-md {
  border-radius: 1rem !important;
}

.border-radius-sm {
  border-radius: 0.5rem !important;
}

.border-radius-xs {
  border-radius: 0.3rem !important;
}

.border-radius-xxs {
  border-radius: 3px !important;
}

.border-radius-inherit {
  border-radius: inherit;
}

.border-top-radius-inherit {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.border-bottom-radius-inherit {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.border-left-radius-inherit {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

.border-right-radius-inherit {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

.border-top-left-radius-inherit {
  border-top-left-radius: inherit;
}

.border-top-right-radius-inherit {
  border-top-right-radius: inherit;
}

.border-top-left-radius-inherit {
  border-top-left-radius: inherit;
}

.border-bottom-right-radius-inherit {
  border-bottom-right-radius: inherit;
}

.square {
  overflow: hidden;
  height: 0;
  padding-top: 100%;
}

.row.xxs {
  margin-left: -2.5px !important;
  margin-right: -2.5px !important;
}

.row.xxs > * {
  padding-left: 2.5px;
  padding-right: 2.5px;
}

.row.xs {
  margin-left: -7px !important;
  margin-right: -7px !important;
}

.row.xs > * {
  padding-left: 7px;
  padding-right: 7px;
}

.row.sm {
  margin-left: -0.75rem !important;
  margin-right: -0.75rem !important;
}

.row.sm > * {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.row.md {
  margin-left: -20px !important;
  margin-right: -20px !important;
}

.row.md > * {
  padding-left: 20px;
  padding-right: 20px;
}

.row.lg {
  margin-left: -30px !important;
  margin-right: -30px !important;
}

.row.lg > * {
  padding-left: 30px;
  padding-right: 30px;
}

.row.xl {
  margin-left: -40px !important;
  margin-right: -40px !important;
}

.row.xl > * {
  padding-left: 40px;
  padding-right: 40px;
}

.row.text-center {
  place-content: center;
}

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

.data-row:not(.items-carousel-inner) {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0 !important;
}

@media (min-width: 568px) {
  .data-row.xl {
    margin-left: -40px;
    margin-right: -40px;
  }
  .data-row.xl .data-col {
    padding-left: 40px;
    padding-right: 40px;
  }
  .data-row.lg {
    margin-left: -30px;
    margin-right: -30px;
  }
  .data-row.lg .data-col {
    padding-left: 30px;
    padding-right: 30px;
  }
  .data-row.md {
    margin-left: -20px;
    margin-right: -20px;
  }
  .data-row.md .data-col {
    padding-left: 20px;
    padding-right: 20px;
  }
  .data-row.sm {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .data-row.sm .data-col {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .data-row.xs {
    margin-left: -7px;
    margin-right: -7px;
  }
  .data-row.xs .data-col {
    padding-left: 7px;
    padding-right: 7px;
  }
  .data-row.xxs {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }
  .data-row.xxs .data-col {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }
}
@media (max-width: 567px) {
  .data-row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .data-row .data-col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.btn {
  display: inline-flex;
  align-items: center;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-transform: unset !important;
}

.btn.xl {
  height: 60px;
}

.btn.lg {
  height: 52px;
}

.btn.md {
  height: 44px;
}

.btn.sm {
  height: 36px;
}

.btn.xs {
  height: 28px;
}

.btn.no-shadow {
  box-shadow: none !important;
}

.media img {
  min-width: 100%;
}
.media iframe {
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
}
.media .play-icon button {
  width: 68px;
  height: 48px;
  padding: 0;
}
.media .play-icon .loading-icon {
  font-size: 66px;
}

.media.video {
  background: black;
}
.media.video .video-source video {
  -webkit-transition: opacity 3s ease-out;
  -moz-transition: opacity 3s ease-out;
  -o-transition: opacity 3s ease-out;
  transition: opacity 3s ease-out;
}

.user-avatar .first-letter {
  line-height: normal;
}

.carousel div:not(.carousel-indicators), .carousel p {
  margin-bottom: 0 !important;
}
.carousel .media img.image {
  width: 100%;
}
@media (max-width: 575px) {
  .carousel .carousel-control-prev {
    margin-left: -12px;
  }
  .carousel .carousel-control-next {
    margin-right: -12px;
  }
}

.toolbar {
  position: absolute;
}
.toolbar .toobar-top {
  height: var(--toolbar-top-height);
}
.toolbar .toobar-top .logo {
  max-height: 60%;
}
.toolbar .toobar-top .icon {
  font-size: 16px;
  width: 20px;
  height: 20px;
}
@media (min-width: 1200px) {
  .toolbar .toolbar-content {
    height: var(--toolbar-content-height);
  }
}
@media (max-width: 1199px) {
  .toolbar .toolbar-content .underline {
    display: none;
  }
}
.toolbar .search-on-page {
  height: 30px;
  border-radius: 15px;
}
.toolbar .search-on-page input {
  font-size: 86%;
}
.toolbar .search-on-page button {
  background: none;
}
.toolbar .toobar-top.text-white .search-input {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
@media (min-width: 768px) {
  .toolbar .open-search, .toolbar .close-search {
    display: none;
  }
}
@media (max-width: 767px) {
  .toolbar .social-btns, .toolbar .search {
    display: none;
  }
}
@media (max-width: 574px) {
  .toolbar .tools {
    display: none;
  }
}

@media (min-width: 1200px) {
  .top-nav .childs, .main-nav .childs {
    position: absolute;
    top: 100%;
  }
  .top-nav .list:not(:hover) .dropdown-icon, .top-nav .list:not(:hover) .menu-underline, .main-nav .list:not(:hover) .dropdown-icon, .main-nav .list:not(:hover) .menu-underline {
    display: none;
  }
  .top-nav .list:not(:hover) .childs, .main-nav .list:not(:hover) .childs {
    opacity: 0;
    visibility: hidden;
  }
  .top-nav {
    margin-right: 10px;
  }
  .main-nav header {
    height: var(--toolbar-content-height);
    position: absolute;
    left: 0;
    top: 0;
  }
  .main-nav header .logo {
    max-height: 70%;
  }
  .main-nav .menu {
    height: 100%;
    display: flex;
    place-content: center;
  }
  .main-nav .menu .list {
    display: inline-flex;
    margin-left: 13px;
    margin-right: 13px;
  }
  .main-nav .menu .list .anchor-text {
    font-weight: 500;
  }
  .main-nav .contact-now {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .top-nav {
    display: none;
  }
  .main-nav {
    position: fixed;
    top: 0;
    width: 100vw;
  }
  .main-nav .main-nav-bg:not(.open) {
    opacity: 0;
    visibility: hidden;
  }
  .main-nav:not(.open) {
    left: -100vw;
  }
}
.search-on-page input {
  border-radius: inherit;
  padding-right: 45px;
}
.search-on-page button {
  width: 40px;
}
.search-on-page button[disabled] {
  opacity: 0.3;
}
.search-on-page button:not([disabled]) .icon {
  color: var(--accent-500);
}

.menu-dropdown:not(.open) {
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 1200px) {
  .page-cover {
    min-height: var(--toolbar-height);
  }
  .page-cover .cover-content.align-center, .page-cover .carousel-control-prev, .page-cover .carousel-control-next {
    padding-top: var(--toolbar-height);
  }
}
@media (max-width: 1199px) {
  .page-cover {
    min-height: var(--toolbar-top-height);
  }
  .page-cover .cover-content.align-center, .page-cover .carousel-control-prev, .page-cover .carousel-control-next {
    padding-top: var(--toolbar-top-height);
  }
}
@media (min-width: 1200px) {
  .page-cover .cover-content .content {
    max-width: 70%;
  }
}
.page-cover .cover-content .title {
  font-size: calc(3.5rem + 1.5vw);
}
@media (min-width: 1200px) {
  .page-cover .cover-content .title {
    line-height: 5rem;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .page-cover .cover-content .title {
    line-height: 4rem;
  }
}
@media (max-width: 767px) {
  .page-cover .cover-content .title {
    line-height: 3rem;
  }
}
@media (min-width: 576px) {
  .page-cover .cover-content .title h1 {
    font-size: inherit;
  }
}
@media (max-width: 575px) {
  .page-cover .cover-content .title h1 {
    font-size: 90%;
  }
}
.page-cover .cover-content.text-center .content {
  margin: auto;
}

.home-page .page-cover picture {
  max-height: 100vh;
}
@media (min-width: 1200px) {
  .home-page .page-cover picture {
    min-height: 600px;
  }
}

.page .page-cover picture, .author-page .page-cover picture {
  max-height: 450px;
}
@media (min-width: 1200px) {
  .page .page-cover picture, .author-page .page-cover picture {
    min-height: 300px;
  }
}

@media (min-width: 768px) {
  .web-page .page-header.avatar-left .col-left, .web-page .page-header.avatar-right .col-left {
    max-width: 40%;
  }
  .web-page .page-header.avatar-left .col-right, .web-page .page-header.avatar-right .col-right {
    max-width: 60%;
  }
}
@media (max-width: 767px) and (min-width: 576px) {
  .web-page .page-header.avatar-left .col-left, .web-page .page-header.avatar-left .col-right, .web-page .page-header.avatar-right .col-left, .web-page .page-header.avatar-right .col-right {
    max-width: 50%;
  }
}
.web-page .page-header.avatar-left .share-buttons, .web-page .page-header.avatar-right .share-buttons {
  margin-top: 10px;
}
.web-page .page-header:not(.avatar-left):not(.avatar-right) .col-left {
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  .web-page .page-header:not(.avatar-left):not(.avatar-right) .page-title.absolute {
    position: absolute;
    color: white;
    bottom: 0;
    left: 0;
    padding: 1rem 24px;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .web-page .page-header:not(.avatar-left):not(.avatar-right) .page-title.absolute .time-and-views .value, .web-page .page-header:not(.avatar-left):not(.avatar-right) .page-title.absolute .ratings .value {
    color: var(--highlight-200);
  }
  .web-page .page-header:not(.avatar-left):not(.avatar-right) .page-title.absolute .share-buttons {
    color: var(--accent-100);
  }
}
@media (max-width: 575px) {
  .web-page .page-header:not(.avatar-left):not(.avatar-right) .page-title.absolute {
    margin-top: 24px;
  }
  .web-page .page-header:not(.avatar-left):not(.avatar-right) .page-title.absolute .title {
    color: var(--accent);
  }
  .web-page .page-header:not(.avatar-left):not(.avatar-right) .page-title.absolute .time-and-views .value, .web-page .page-header:not(.avatar-left):not(.avatar-right) .page-title.absolute .ratings .value {
    color: var(--accent-700);
  }
  .web-page .page-header:not(.avatar-left):not(.avatar-right) .page-title.absolute .time-and-views .label, .web-page .page-header:not(.avatar-left):not(.avatar-right) .page-title.absolute .ratings .label {
    opacity: 0.6;
  }
  .web-page .page-header:not(.avatar-left):not(.avatar-right) .page-title.absolute .share-buttons {
    color: var(--primary-400);
  }
}
@media (min-width: 768px) {
  .web-page .page-header:not(.avatar-left):not(.avatar-right) .tools .tool-left, .web-page .page-header:not(.avatar-left):not(.avatar-right) .tools .tool-right {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .web-page .page-header:not(.avatar-left):not(.avatar-right) .tools .flex-right {
    place-content: flex-end;
  }
}
@media (max-width: 767px) {
  .web-page .page-header:not(.avatar-left):not(.avatar-right) .tools .flex-right {
    margin-top: 10px;
  }
}
.web-page .page-content h1, .web-page .page-content h2, .web-page .page-content h3, .web-page .page-content h4, .web-page .page-content h5, .web-page .page-content h6 {
  font-weight: 700;
  color: var(--accent-700);
}
.web-page .sidebar-item {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .web-page section, .web-page .page-data {
    overflow: hidden;
  }
}

#shortcuts:not(.show) {
  margin-bottom: -60px !important;
}

#fixedContactBtns {
  bottom: 0;
  max-width: 70px;
}
#fixedContactBtns .support-user .user-avatar {
  width: 44px;
  height: 44px;
}
#fixedContactBtns .support-user:not(:hover) .user-info {
  opacity: 0;
  visibility: hidden;
}

#fixedContactBtns:not(.show) {
  display: none;
}

@media (min-width: 576px) {
  #fixedContactBtns.right {
    right: 1rem;
  }
}
@media (max-width: 575px) {
  #fixedContactBtns.right {
    right: 10px;
  }
}

@media (min-width: 576px) {
  #fixedContactBtns.left {
    left: 1rem;
  }
}
@media (max-width: 575px) {
  #fixedContactBtns.left {
    left: 10px;
  }
}

@media (min-width: 576px) {
  #fixedContactBtns {
    margin-bottom: 120px;
  }
}
@media (max-width: 575px) {
  #fixedContactBtns:not(.shortcutsOpen) {
    margin-bottom: 1rem;
  }
  #fixedContactBtns.shortcutsOpen {
    margin-bottom: 70px;
  }
}

/*# sourceMappingURL=styles.css.map */