.row { display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; }

.col, .col-12 { position: relative; width: 100%; padding-right: 12px; padding-left: 12px; }

.col { flex-basis: auto; flex-grow: 1; max-width: 100%; }

@media (min-width: 992px) {
  .col {
    max-width: 50% !important;
}
}
.col-12 { flex: 0 0 100%; max-width: 100%; }

@media (min-width: 992px) {
  .lagom:not(.lagom-layout-left) .has-scroll.dropdown-menu { max-height: var(--navbar-dropdown-max-height) ; }
}

.has-scroll { overflow: hidden; position: relative; }

.has-scroll.dropdown-menu { background: var(--dropdown-bg); overflow-x: hidden; overflow-y: auto !important; }

.has-scroll.dropdown-menu::-webkit-scrollbar { background: transparent; }

.has-scroll:hover { overflow-x: hidden; overflow-y: auto !important; }

.has-scroll::-webkit-scrollbar { width: 6px; background: transparent; }

.has-scroll::-webkit-scrollbar-track { background: transparent; }

.has-scroll::-webkit-scrollbar-thumb { background: var(--gray-lighter-4); border-radius: 6px; width: 6px; height: 6px; }

p:empty { display: none; }

.row-eq-height { display: flex; flex-wrap: wrap; }

.row-eq-height::after, .row-eq-height::before { display: none; }

@media (max-width: 767.98px) {
  .row-eq-height-sm { flex-direction: column; }
}

@media not all, not all {
  .row-eq-height-sm { align-items: center; justify-content: center; flex-flow: row wrap; }
}

.app-main { flex: 1 0 auto; display: flex; flex-direction: column; }

.app-main .main-body { flex: 1 0 auto; }

@media (max-width: 991.98px) {
  .app-main { transition: transform var(--transition-base) ; }
}

.main-body { margin: 0px; padding: var(--main-body-padding-v) 0 ; }

@media (max-width: 991.98px) {
  .main-body { overflow: hidden; }
}

.main-grid { display: flex; }

.main-grid.row { margin: 0px; }

.main-content { flex: 1 1 0%; }

@media (min-width: 992px) {
  .main-sidebar { width: var(--main-sidebar-width); margin-right: var(--main-sidebar-spacing-h) ; }
  .lagom-layout-top .main-content + .main-sidebar { margin-left: var(--main-sidebar-spacing-h); margin-right: 0px; }
}

@media (max-width: 1319.98px) {
  .main-grid .main-sidebar { width: calc(var(--main-sidebar-width)*0.8) ; }
}

@media (max-width: 991.98px) {
  .main-grid { flex-direction: column; }
  .main-grid .main-sidebar { order: 2; margin-top: var(--main-sidebar-spacing-h); width: 100%; }
}

.main-header { padding-top: var(--main-header-padding-v) ; }

@-webkit-keyframes fadeInDown { 
  0% { transform: translate3d(0px, -100%, 0px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

@keyframes fadeInDown { 
  0% { transform: translate3d(0px, -100%, 0px); opacity: 0; }
  100% { transform: none; opacity: 1; }
}

.btn {display: inline-flex;justify-content: center;align-items: center;}

@media (prefers-reduced-motion: reduce) {
  .btn { transition: none 0s ease 0s; }
}

.btn:hover { color: var(--btn-default-color); text-decoration: none; }

.btn:focus { outline: 0px; box-shadow: var(--btn-focus-box-shadow) ; }

.btn:disabled { box-shadow: none; }

.btn:not(:disabled):not(.disabled) { cursor: pointer; }

.btn:not(:disabled):not(.disabled):active { color: var(--btn-default-hover-color); background-color: var(--btn-default-hover-bg); border-color: var(--btn-default-hover-border) ; }

.btn:not(:disabled):not(.disabled):active:focus { box-shadow: var(--btn-focus-box-shadow), var(--btn-active-box-shadow) ; }

.btn .fa, .btn .fas, .btn i { margin-right: var(--btn-base-icon-spacing) ; }

.btn .fa:last-child:not(:first-child), .btn .fas:last-child:not(:first-child), .btn i:last-child:not(:first-child) { margin-right: 0px; margin-left: var(--btn-base-icon-spacing) ; }

.btn-default { color: var(--btn-default-color); background: var(--btn-default-bg); border-color: var(--btn-default-border) ; }

.btn-default:focus, .btn-default:hover { color: var(--btn-default-hover-color); background-color: var(--btn-default-hover-bg); border-color: var(--btn-default-hover-border) ; }

.btn-default:not(:disabled):not(.disabled):active { color: var(--btn-default-hover-color); background-color: var(--btn-default-active-bg); border-color: var(--btn-default-active-border) ; }

.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled):active:hover { color: var(--btn-default-hover-color); background-color: var(--btn-default-hover-bg); border-color: var(--btn-default-hover-border) ; }

.btn-default:active { background-image: none; }

.btn-primary { color: var(--btn-primary-color); background: var(--btn-primary-bg); border-color: var(--btn-primary-border) ; }

.btn-primary:focus, .btn-primary:hover { color: var(--btn-primary-hover-color); background-color: var(--btn-primary-hover-bg); border-color: var(--btn-primary-hover-border) ; }

.btn-primary:not(:disabled):not(.disabled):active { color: var(--btn-primary-hover-color); background-color: var(--btn-primary-active-bg); border-color: var(--btn-primary-active-border) ; }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active:hover { color: var(--btn-primary-hover-color); background-color: var(--btn-primary-hover-bg); border-color: var(--btn-primary-hover-border) ; }

.btn-primary:active { background-image: none; }

.btn-lg { height: var(--ui-height-lg); padding: var(--ui-padding-base-v) var(--ui-padding-lg-h); font-size: var(--btn-lg-font-size); line-height: var(--btn-lg-line-height); border-radius: var(--btn-lg-border-radius); font-weight: var(--btn-lg-font-weight) ; }

.btn-lg i { margin-right: var(--btn-lg-icon-spacing) ; }

.btn-lg i:last-child:not(:first-child) { margin-right: 0px; margin-left: var(--btn-lg-icon-spacing) ; }

.dropdown { position: relative; }

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

.dropdown-menu > li > a { align-items: center; padding: var(--dropdown-link-padding-v) var(--dropdown-link-padding-h); clear: both; font-weight: 400; line-height: var(--line-height-base); color: var(--dropdown-link-color); white-space: nowrap; display: flex !important; }

.dropdown-menu > li > a > i { width: 14px; color: var(--dropdown-link-icon-color); transition: color var(--transition-base); margin-right: var(--spacing-2x) ; }

.dropdown-menu > li > a > img { height: var(--app-nav-top-menu-svg-icon-size); min-width: var(--app-nav-top-menu-svg-icon-size); width: var(--app-nav-top-menu-svg-icon-size); margin-right: var(--spacing-2x) ; }

.dropdown-menu > li > a > img { height: unset; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { text-decoration: none; color: var(--dropdown-link-hover-color); background-color: var(--dropdown-link-hover-bg); padding-left: calc(var(--dropdown-link-padding-h) + var(--ui-nav-v-link-hover-padding-h)); padding-right: calc(var(--dropdown-link-padding-h) - var(--ui-nav-v-link-hover-padding-h)) ; }

.dropdown-menu > li > a:focus > i, .dropdown-menu > li > a:hover > i { color: var(--dropdown-link-icon-hover-color) ; }

.dropdown-title { padding: 10px 16px 0px; }

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

@-webkit-keyframes progress-bar-stripes { 
  0% { background-position: 40px 0px; }
  100% { background-position: 0px 0px; }
}

@keyframes progress-bar-stripes { 
  0% { background-position: 40px 0px; }
  100% { background-position: 0px 0px; }
}

.list-group { display: flex; flex-direction: column; margin-bottom: var(--ui-block-spacing-base); padding-left: 0px; background: var(--list-group-bg); border: var(--list-group-border); border-radius: var(--list-group-border-radius); box-shadow: var(--list-group-box-shadow) ; }

.list-group-item { position: relative; display: block; color: var(--list-group-color); text-decoration: none; padding: var(--list-group-item-padding); border-bottom: 1px solid var(--list-group-item-border-color) ; }

.list-group-item:first-child { border-top-left-radius: var(--list-group-border-radius); border-top-right-radius: var(--list-group-border-radius) ; }

.list-group-item:last-child { margin-bottom: 0px; border-bottom: none; }

.list-group-item:disabled { color: var(--list-group-item-disabled-color); pointer-events: none; background-color: var(--list-group-item-disabled-bg) ; }

.list-group-item + .list-group-item { border-top-width: 0px; }

a.list-group-item { cursor: pointer; color: var(--list-group-item-link-color); transition: var(--transition-base) ; }

a.list-group-item:focus, a.list-group-item:hover { text-decoration: none; color: var(--list-group-item-link-hover-color); background-color: var(--list-group-item-link-hover-bg) ; }

.panel { margin-bottom: var(--ui-block-spacing-base); background: var(--panel-bg); border: var(--panel-border); border-radius: var(--panel-border-radius); box-shadow: var(--panel-box-shadow) ; }

.panel .panel { box-shadow: none; border: 1px solid var(--panel-default-border) ; }

.panel-heading { display: flex; align-items: center; min-height: var(--ui-block-header-height); padding: var(--panel-heading-padding); border-bottom: 1px solid transparent; border-top-left-radius: var(--panel-border-radius); border-top-right-radius: var(--panel-border-radius) ; }

.panel-title { flex: 1 1 0%; margin-top: 0px; margin-bottom: 0px; color: var(--panel-title-color); font-size: var(--panel-title-font-size); font-weight: var(--panel-title-font-weight); line-height: var(--panel-title-line-height) ; }

.panel-title > a { color: inherit; }

.panel:not(.panel-sidebar) > .list-group { box-shadow: none; margin-bottom: 0px; }

.panel:not(.panel-sidebar) > .list-group:first-child .list-group-item:first-child { border-top: 0px; border-top-left-radius: var(--panel-border-radius)-1; border-top-right-radius: var(--panel-border-radius)-1 ; }

.panel:not(.panel-sidebar) > .list-group:last-child .list-group-item:last-child { border-bottom: 0px; border-bottom-right-radius: var(--panel-border-radius)-1; border-bottom-left-radius: var(--panel-border-radius)-1 ; }

.panel-heading + .list-group .list-group-item:first-child { border-top-width: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }

.clearfix::after { display: block; clear: both; content: ""; }

.visible-md, .visible-sm, .visible-xs { display: none !important; }

@media (max-width: 479.98px) {
  .visible-xs { display: block !important; }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .visible-sm { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .visible-md { display: block !important; }
}

@media (max-width: 479.98px) {
  .hidden-xs { display: none !important; }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .hidden-sm { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .hidden-md { display: none !important; }
}

.btn { position: relative; overflow: hidden; box-shadow: var(--btn-box-shadow) ; }

.panel { position: relative; display: block; }

a.panel { transition: all var(--transition-base) ; }

a.panel:active, a.panel:focus, a.panel:hover { transform: translate3d(0px, -8px, 0px); background: var(--panel-hover-bg); border-color: var(--panel-hover-border-color); box-shadow: var(--panel-hover-shadow) ; }

.panel .list-group { margin: 0px; border: none; box-shadow: none; border-radius: 0px; background: transparent; display: block !important; }

.panel .list-group > .list-group-item:last-child, .panel .list-group > .list-group-item:last-of-type { border-bottom: 0px; }

.panel .list-group > .list-group-item i { display: inline-block; width: 12px; height: 12px; text-align: center; }

.panel .list-group > .list-group-item i:first-child { margin-right: var(--spacing-1x) ; }

.panel-sidebar:not(.panel-summary) { border: var(--panel-sidebar-border); background: var(--panel-sidebar-bg); box-shadow: var(--panel-sidebar-box-shadow) ; }

.panel-sidebar:not(.panel-summary) .panel-heading { min-height: var(--panel-sidebar-heading-height); padding: var(--panel-sidebar-heading-padding); background: var(--panel-sidebar-heading-bg); border-bottom: 0px; }

.panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group { margin: 0px; padding: var(--panel-sidebar-body-padding) ; }

.panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group > .list-group-item { padding: 5px 0px; margin: 0px; border: none; }

.panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group > a.list-group-item { background: var(--panel-sidebar-link-bg); padding: var(--panel-sidebar-link-padding); margin: var(--panel-sidebar-link-margin); border-radius: var(--panel-sidebar-link-border-radius); padding-left: 5px;}

.panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group > a.list-group-item > i { color: var(--panel-sidebar-link-icon-color); transition: color var(--transition-base) ; }

.panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group > a.list-group-item:focus, .panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group > a.list-group-item:hover { background: var(--panel-sidebar-link-hover-bg); padding-left: var(--panel-sidebar-link-hover-padding-h); padding-right: var(--panel-sidebar-link-hover-padding-h); color: var(--panel-sidebar-link-hover-color) ; }

.panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group > a.list-group-item:focus::before, .panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group > a.list-group-item:focus > i, .panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group > a.list-group-item:hover::before, .panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group > a.list-group-item:hover > i { color: var(--panel-sidebar-link-hover-icon-color) ; }

.panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group > a.list-group-item:active { outline: none; }

.panel-sidebar:not(.panel-summary) .panel-minimise { display: none; }

.panel-sidebar { margin-bottom: var(--panel-sidebar-margin-bottom) ; }

.panel-sidebar .panel-title { font-size: var(--panel-sidebar-title-size); font-weight: var(--panel-sidebar-title-weight) ; }

.panel-sidebar .panel-title > i { width: 0px; overflow: hidden; margin-left: -8px; display: inline-block; line-height: 0; }

@media (max-width: 991.98px) {
  .panel-sidebar > .list-group .list-group-item { margin-right: var(--spacing-1x)  !important; }
  .panel-sidebar > .list-group { flex-wrap: wrap; display: flex !important; }
  .panel-sidebar > .list-group .list-group-item { width: 100%; margin-right: var(--ui-block-padding-base) ; }
  .panel-sidebar:not(.panel-recent-tickets) > .list-group { flex-direction: row; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .panel-sidebar > .list-group .list-group-item { flex-basis: calc(33% - 16px); }
  .panel-sidebar > .list-group .list-group-item:nth-child(3n+3) { margin-right: 0px; flex-basis: 34%; }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .panel-sidebar > .list-group .list-group-item { flex-basis: calc(50% - 16px); }
  .panel-sidebar > .list-group .list-group-item:nth-child(2n+2) { margin-right: 0px; flex-basis: 50%; }
}

@media (max-width: 479.98px) {
  .panel-sidebar > .list-group .list-group-item { margin-right: 0px; flex-basis: 100%; }
}

.section > :last-child { margin-bottom: 0px; }

.section + .section { margin-top: var(--ca-section-spacing) ; }

.section > h3 { color: var(--text-heading-color); font-size: var(--ca-section-title-font-size); font-weight: var(--ca-section-title-font-weight); line-height: var(--ca-section-title-line-height) ; }

@-webkit-keyframes sk-stretchdelay { 
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% { transform: scaleY(1); }
}

@keyframes sk-stretchdelay { 
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% { transform: scaleY(1); }
}

@keyframes lds-ring { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

@-webkit-keyframes world-loader { 
  0% { left: 100%; }
  100% { left: -744px; }
}

@keyframes fillProgressBar { 
  0% { width: 0px; }
  100% { width: 100%; }
}

@keyframes bannerElementFadeInDown { 
  0% { transform: translate3d(0px, -10px, 0px); opacity: 0; visibility: hidden; }
  100% { transform: translateZ(0px); opacity: 1; visibility: visible; }
}

@keyframes bannerElementFadeIn { 
  0% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}

@keyframes showSliderIcons { 
  0% { transform: translate(-52px, -30px); opacity: 0; }
  100% { transform: translate(0px); opacity: 1; }
}

@keyframes showSliderIconsReverse { 
  0% { transform: translate(-52px, 30px); opacity: 0; }
  100% { transform: translate(0px); opacity: 1; }
}

@keyframes showSliderIns { 
  0% { transform: translateX(-56px); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}

@keyframes sliderFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.price { display: block; color: var(--price-color); font-size: var(--price-font-size); font-weight: var(--price-font-weight); line-height: var(--price-line-height); word-break: break-word; text-align: center; }

.price-cycle { display: block; text-align: center; }

.price-amount { display: flex; justify-content: center; }

.price-cycle, .price-starting-from { color: var(--price-cycle-color); font-size: var(--price-cycle-font-size); font-weight: var(--price-cycle-font-weight); line-height: var(--price-cycle-line-height) ; }

.package { display: flex; flex-direction: column; background: var(--package-bg); border: var(--package-border); border-radius: var(--package-border-radius); box-shadow: var(--package-block-shadow); padding: var(--package-padding); text-align: center; margin-bottom: var(--ui-block-spacing-base) ; }

.package .package-side-left > *, .package > * { margin-bottom: 0px !important; }

.package .package-side-left > :not(.label-corner) + *, .package > :not(.label-corner) + * { margin-top: var(--package-element-spacing) ; }

.package .package-side > :empty, .package > :empty { display: none; }

.package .package-side-left > * + *, .package > * + * { margin-top: var(--package-element-spacing) ; }

.package-body { position: relative; display: flex; flex-direction: column; flex: 1 1 0%; }

.package-title { margin-top: 0px; margin-bottom: 0px; font-size: var(--package-title-font-size); font-weight: var(--package-title-font-weight); line-height: var(--package-title-line-height); word-break: break-word; }

.package-title + .package-price { margin-top: var(--package-title-spacing-bottom) ; }

.package-content { flex: 1 0 auto; }

.package-content > p { font-size: var(--package-desc-font-size); line-height: var(--package-desc-line-height); font-weight: var(--package-desc-font-weight) ; }

.package-content > p > :last-child { margin-bottom: 0px; }

.package-content > p:first-child { margin-bottom: var(--paragraph-margin-bottom) ; }

.package-content > * + * { margin-top: var(--package-element-spacing) ; }

.package-content { display: block; flex: 1 1 0%; }

.package-content > :last-child { margin-bottom: 0px !important; }

.package-content > p:not(:empty):not(:first-child) { margin-top: var(--package-element-spacing) ; }

.package-content > p:empty { margin-bottom: 0px; }

.package-footer { padding-top: var(--package-element-spacing) ; margin-top: auto !important; }

.package-footer.package-side .package-price { display: none; }

.package-footer .btn { min-width: var(--package-btn-min-width) ; }

.package-price + .package-content, .package-title + .package-content { position: relative; }

.panel.panel-sidebar .list-group-item { word-break: break-word; }

@media (max-width: 991.98px) {
  .categories-collapsed { margin-bottom: var(--ui-block-spacing-sm) ; }
  .categories-collapsed .dropdown-menu { max-height: 288px; }
  .categories-collapsed .categories-sidebar { margin-bottom: var(--ui-block-spacing-xs) ; }
  .categories-collapsed .categories-sidebar .dropdown .btn i { margin-left: var(--btn-base-icon-spacing); margin-right: 0px; }
}

@media (max-width: 479.98px) {
  .categories-collapsed { margin-bottom: 0px; flex-direction: column; display: flex !important; }
  .categories-collapsed .categories-sidebar { margin-bottom: 0px; }
  .categories-collapsed .dropdown { margin-bottom: var(--ui-block-spacing-xs) ; }
  .categories-collapsed .dropdown .btn, .categories-collapsed .dropdown .dropdown-menu { width: 100%; }
}

@keyframes pulse-text { 
  0% { transform: scale(0.8); }
  70% { transform: scale(1.1); }
  100% { transform: scale(0.8); }
}

.panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group>a.list-group-item.active, .panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group>a.list-group-item.active:focus, .panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group>a.list-group-item.active:hover {
    background: #ccddff;
    padding-left: var(--panel-sidebar-link-active-padding-h);
    padding-right: var(--panel-sidebar-link-active-padding-h);
    color: var(--panel-sidebar-link-active-color);
}
.dropdown-header {
    padding: 1rem;
}