@charset "UTF-8";
/*========================================================
  Theme Name: Gravity
  Description: Gravity - Multi-Purpose HTML Template
  Author: G-Projects
  Author URI: https://www.templatemonster.com/authors/gworld
  Style: Main CSS
  Version: 2.5
========================================================*/

/*=======================================================
  Start Table Of Content
========================================================*/

/*=======================================================
  1.  Default Styles
  2.  Headings
  3.  Highlight Color
  4.  Components
      4.1.  Alerts
      4.2.  Arrows
      4.3.  Badges
      4.4.  Dividers
      4.5.  GoTo
      4.6.  Headers
      4.7.  Header Toggles
      4.8.  Fullscreen Headers
      4.9.  Side Headers
      4.10. Buttons
      4.11. Button Types
      4.12. Material Button Styles
      4.13. Icons Styles
      4.14. Image Icons
      4.15. Hover Effect
      4.16. Box-Shadows Styles
      4.17. Form Elements
      4.18. Form States
      4.19. Form Fields
      4.20. Checkboxes
      4.21. File Attachments
      4.22. Selects
      4.23. Sliders
      4.24. Date Picker's
      4.25. Quantity
      4.26. Carousel Indicators
      4.27. Breadcrumbs
      4.28. Dot Lines
      4.29. Headings
      4.30. Backgrounds
      4.31. Progress Bars
      4.32. Rating
      4.33. Search Form
      4.34. Steps
      4.35. Time Lines
      4.36. Background Colors
      4.37. Link Styles
      4.38. List Styles
      4.39. Paginations
      4.40. Ribbons
      4.41. Tables
      4.42. Tabs
      4.43. Tags
      4.44. Text Styles
      4.45. Markers
      4.46. Tooltips
      4.47. Typography
      4.48. Navigation
      4.49. Basket Bar
      4.50. Dropcaps
      4.51. BG Angles
      4.52. Block Hovers
      4.53. Blockquotes
      4.54. Accordions
      4.55. Carousels
      4.56. Charts
      4.57. Counters
      4.58. Credit Cards
      4.59. Dropdowns
      4.60. Material
      4.61. Chips
      4.62. Info Blocks
      4.63. Border Colors
      4.64. Colors
      4.65. Fancybox
      4.66. Background Gradient Colors
      4.67. Background Colors
      4.68. Social Background Colors
  5.  Borders
  6.  Social Border Colors
  7.  Typography
  8.  List Style Types
  9.  Positions
  10. Block Alignments
  11. Alignments
  12. Overflows
  13. Transitions
  14. Transforms
  15. Opacity
  16. Z-Index
  17. Placeholder
  18. Colors
  19. Social Colors
  20. Gradient Colors
  21. Widths
  22. Heights
  23. Margin Spaces - XS
  24. Margin Spaces - SM
  25. Margin Spaces - MD
  26. Margin Spaces - LG
  27. Margin Spaces - XL
  28. Minus Margins
  29. Custom Margins
  30. Margins Extended
  31. Padding Spaces - XS
  32. Padding Spaces - SM
  33. Padding Spaces - MD
  34. Padding Spaces - LG
  35. Padding Spaces - XL
  36. Custom Paddings
  37. Block Hidden
  38. Background Images
  39. Slider Revolution
  40. Page Preloaders
  41. Other Styles

========================================================*/

/*=======================================================
  End Table Of Content
========================================================*/

/*=======================================================
  1. Default Styles
========================================================*/

html {
    font-size: 14px;
}

body {
    font-weight: 400;
    font-size: 1rem;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #555;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    text-rendering: optimizelegibility;
    background-color: #fff;
}

a {
    color: #111111;
    outline: none;
}

a:focus,
a:hover {
    color: #040404;
}

.nav-link {
    color: #555;
}

.nav-link:focus,
.nav-link:hover {
    color: #555;
}

figure {
    margin-bottom: 0;
}

/*=======================================================
  2. Headings
========================================================*/

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
}

/*=======================================================
  3. Highlight Color
========================================================*/

::-moz-selection {
    color: #fff;
    background-color: #111111;
}

::selection {
    color: #fff;
    background-color: #111111;
}

.g-bg-primary ::-moz-selection {
    color: #111111;
    background-color: #fff;
}

.g-bg-primary ::selection {
    color: #111111;
    background-color: #fff;
}

/*=======================================================
  4. Components
========================================================*/

/*=======================================================
  4.1. Alerts
========================================================*/

.u-alert-close--light {
    font-weight: 300;
    color: #000;
    opacity: .7;
    text-shadow: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 18px;
    cursor: pointer;
}

.u-alert-close--light:hover {
    opacity: 1;
}

.u-alert-close--light:focus, .u-alert-close--light:active:focus {
    outline: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.u-alert-list {
    margin-left: -20px;
}

.alert__icon {
    margin-left: 20px;
}

.alert__icon-list {
    font-size: 12px;
    line-height: 1.5;
}

/*=======================================================
  4.2. Arrows
========================================================*/

/*=======================================================
  4.3. Badges
========================================================*/

.u-badge--top-left {
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.u-badge--bottom-left {
    bottom: 0;
    left: 0;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.u-badge--bottom-right {
    bottom: 0;
    right: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.u-badge-v1 {
    min-width: 1.28571rem;
    min-height: 1.28571rem;
    line-height: 1.28571rem;
    padding: 0.21429rem;
}

.u-badge-v1.g-brd-around {
    line-height: 1.14286rem;
}

.u-badge-v1--xs {
    min-width: 1rem;
    min-height: 1rem;
    line-height: 1rem;
    font-size: 0.71429rem;
    padding: 0.14286rem;
}

.u-badge-v1--xs.g-brd-around {
    line-height: 0.85714rem;
}

.u-badge-v1--sm {
    min-width: 1.14286rem;
    min-height: 1.14286rem;
    line-height: 1.14286rem;
    font-size: 0.78571rem;
    padding: 0.14286rem;
}

.u-badge-v1--sm.g-brd-around {
    line-height: 1rem;
}

.u-badge-v1--md {
    min-width: 1.28571rem;
    min-height: 1.28571rem;
    line-height: 1.28571rem;
    font-size: 0.92857rem;
    padding: 0.21429rem;
}

.u-badge-v1--md.g-brd-around {
    line-height: 1.14286rem;
}

.u-badge-v1--lg {
    min-width: 1.42857rem;
    min-height: 1.42857rem;
    line-height: 1.42857rem;
    font-size: 1.07143rem;
    padding: 0.21429rem;
}

.u-badge-v1--lg.g-brd-around {
    line-height: 1.28571rem;
}

.u-badge-v1--xl {
    min-width: 1.85714rem;
    min-height: 1.85714rem;
    line-height: 1.85714rem;
    font-size: 1.21429rem;
    padding: 0.21429rem;
}

.u-badge-v1--xl.g-brd-around {
    line-height: 1.71429rem;
}

.u-badge-v2 {
    width: 14px;
    height: 14px;
}

.u-badge-v2--xs {
    width: 8px;
    height: 8px;
}

.u-badge-v2--sm {
    width: 12px;
    height: 12px;
}

.u-badge-v2--md {
    width: 14px;
    height: 14px;
}

.u-badge-v2--lg {
    width: 16px;
    height: 16px;
}

.u-badge-v2--xl {
    width: 18px;
    height: 18px;
}

.u-badge-v3 {
    font-size: 1rem;
}

.u-badge-v3--xs {
    font-size: 0.71429rem;
}

.u-badge-v3--sm {
    font-size: 0.85714rem;
}

.u-badge-v3--md {
    font-size: 1rem;
}

.u-badge-v3--lg {
    font-size: 1.14286rem;
}

.u-badge-v3--xl {
    font-size: 1.14286rem;
}

/*=======================================================
  4.4. Dividers
========================================================*/

hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/*=======================================================
  4.5. GoTo
========================================================*/

[class*="u-go-to"] {
    display: none;
}

.u-go-to-v1 {
    width: 3.57143rem;
    height: 3.57143rem;
    display: block;
    background-color: rgba(255, 255, 255, 0.7);
    color: #555;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    z-index: 11;
}

.u-go-to-v1 i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
    text-decoration: none;
    color: #fff;
    background-color: #111111;
}

.u-go-to-v1:focus {
    text-decoration: none;
    color: #555;
    background-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 576px) {
    .u-go-to-v1 {
        -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }
}

[class*="u-go-to"] {
    display: none;
}

[class*="u-go-to"] {
    display: none;
}

/*=======================================================
  4.6. Headers
========================================================*/

.u-header {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 0.92857rem;
    z-index: 501;
}

.u-header.dark-header .hs-sub-menu,
.u-header.dark-header .hs-mega-menu {
    background-color: #111 !important;
}

.u-header.dark-header .u-shadow-v11 {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.u-header.dark-header .g-brd-primary {
    border-color: #555 !important;
}

.u-header.dark-header .g-brd-gray-light-v4 {
    border-color: #555 !important;
}

.u-header [aria-labelledby] {
    opacity: 0;
}

.u-header [aria-labelledby][role="tabpanel"] {
    opacity: 1;
}

.u-header [aria-labelledby].u-dropdown--css-animation,
.u-header [aria-labelledby].u-dropdown--jquery-slide {
    opacity: 1;
}

.u-header--abs-top, .u-header--abs-bottom, .u-header--abs-top-2nd-screen {
    position: absolute;
}

.u-header--abs-top-2nd-screen {
    top: 100%;
    bottom: auto;
}

.u-header--abs-top {
    top: 0;
    bottom: auto;
}

.u-header--abs-bottom {
    top: auto;
    bottom: 0;
}

.u-header--abs-bottom .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem;
}

.u-header--sticky-top, .u-header--sticky-bottom {
    position: fixed;
}

.u-header--sticky-top {
    bottom: auto;
    top: 0;
}

.u-header--sticky-bottom {
    top: auto;
    bottom: 0;
}

.u-header--sticky-bottom .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem;
}

.u-header--invisible {
    display: none;
}

.u-header--moved-up {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.u-header--faded {
    opacity: 0;
    visibility: hidden;
}

.u-header--untransitioned {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.u-header__section--hidden {
    position: relative;
}

.u-header--floating {
    position: absolute;
    left: 0;
    right: 0;
}

.u-header--floating.js-header-fix-moment {
    margin-top: 0 !important;
}

.u-header--floating.js-header-fix-moment .navbar {
    padding-left: 0;
    padding-right: 0;
}

.u-header.js-header-fix-moment {
    position: fixed;
    top: 0;
    bottom: auto;
}

.u-header__section {
    position: relative;
    z-index: 1;
}

.u-header__section:nth-child(1) {
    z-index: 5;
}

.u-header__section:nth-child(2) {
    z-index: 4;
}

.u-header__section:nth-child(3) {
    z-index: 3;
}

.u-header__section:nth-child(4) {
    z-index: 2;
}

.u-header__section:nth-child(5) {
    z-index: 1;
}

.u-header__sections-container {
    position: relative;
    z-index: 2;
}

.u-header__logo-img {
    top: 0;
    left: 0;
}

.u-header__logo-img:not(.u-header__logo-img--main) {
    position: absolute;
    opacity: 0;
}

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

.u-header__section--dark .navbar-brand,
.u-header__section--dark .navbar-toggler {
    color: #fff;
}

.u-header__section--dark .navbar-brand:focus,
.u-header__section--dark .navbar-brand:hover,
.u-header__section--dark .navbar-toggler:focus,
.u-header__section--dark .navbar-toggler:hover {
    color: #fff;
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover {
    color: #fff;
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled {
    color: rgba(255, 255, 255, 0.5);
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {
    color: #fff;
}

.u-header__section--dark .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.3);
}

.u-header__section--dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba($g-color-white, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.u-header__section--dark .navbar-text {
    color: rgba(255, 255, 255, 0.7);
}

.charchoal-header {
    background: linear-gradient(to right, #ab0809 30%, #550404 100%);
    color: white;
}

/* Red border for cards with red headers */
.card:has(.charchoal-header) {
    outline: 2px solid #ab0809;
    outline-offset: -2px;
}

/* Clickable feature cards on main page */
.kb-feature-card {
    background: linear-gradient(to right, #ab0809 30%, #550404 100%);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border: 2px solid #ab0809;
}

.kb-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(171, 8, 9, 0.4);
    text-decoration: none;
}

.kb-feature-card h5,
.kb-feature-card p {
    margin-bottom: 0.5rem;
}

/* Equal height card columns */
.kb-feature-cards-row {
    display: flex;
    flex-wrap: wrap;
}

.kb-feature-cards-row > [class*="col-"] {
    display: flex;
}

.navbar > .container {
    position: relative;
}

@media all and (min-width: 576px) {
    .u-header--abs-top--sm, .u-header--abs-bottom--sm, .u-header--abs-top-2nd-screen--sm {
        position: absolute;
    }

    .u-header--abs-top-2nd-screen--sm {
        top: 100%;
    }

    .u-header--abs-top--sm {
        bottom: auto;
        top: 0;
    }

    .u-header--abs-bottom--sm {
        top: auto;
        bottom: 0;
    }

    .u-header--sticky-top--sm, .u-header--sticky-bottom--sm {
        position: fixed;
    }

    .u-header--sticky-top--sm {
        bottom: auto;
        top: 0;
    }

    .u-header--sticky-bottom--sm {
        top: auto;
        bottom: 0;
    }

    .u-header--floating--sm {
        position: absolute;
        left: 0;
        right: 0;
    }

    .u-header--floating--sm.js-header-fix-moment {
        margin-top: 0 !important;
    }

    .u-header--floating--sm.js-header-fix-moment .navbar {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (min-width: 768px) {
    .u-header--abs-top--md, .u-header--abs-bottom--md, .u-header--abs-top-2nd-screen--md {
        position: absolute;
    }

    .u-header--abs-top-2nd-screen--md {
        top: 100%;
    }

    .u-header--abs-top--md {
        bottom: auto;
        top: 0;
    }

    .u-header--abs-bottom--md {
        top: auto;
        bottom: 0;
    }

    .u-header--sticky-top--md, .u-header--sticky-bottom--md {
        position: fixed;
    }

    .u-header--sticky-top--md {
        bottom: auto;
        top: 0;
    }

    .u-header--sticky-bottom--md {
        top: auto;
        bottom: 0;
    }

    .u-header--floating--md {
        position: absolute;
        left: 0;
        right: 0;
    }

    .u-header--floating--md.js-header-fix-moment {
        margin-top: 0 !important;
    }

    .u-header--floating--md.js-header-fix-moment .navbar {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (min-width: 992px) {
    .u-header--abs-top--lg, .u-header--abs-bottom--lg, .u-header--abs-top-2nd-screen--lg {
        position: absolute;
    }

    .u-header--abs-top-2nd-screen--lg {
        top: 100%;
    }

    .u-header--abs-top--lg {
        bottom: auto;
        top: 0;
    }

    .u-header--abs-bottom--lg {
        top: auto;
        bottom: 0;
    }

    .u-header--sticky-top--lg, .u-header--sticky-bottom--lg {
        position: fixed;
    }

    .u-header--sticky-top--lg {
        bottom: auto;
        top: 0;
    }

    .u-header--sticky-bottom--lg {
        top: auto;
        bottom: 0;
    }

    .u-header--floating--lg {
        position: absolute;
        left: 0;
        right: 0;
    }

    .u-header--floating--lg.js-header-fix-moment {
        margin-top: 0 !important;
    }

    .u-header--floating--lg.js-header-fix-moment .navbar {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (min-width: 1200px) {
    .u-header--abs-top--xl, .u-header--abs-bottom--xl, .u-header--abs-top-2nd-screen--xl {
        position: absolute;
    }

    .u-header--abs-top-2nd-screen--xl {
        top: 100%;
    }

    .u-header--abs-top--xl {
        bottom: auto;
        top: 0;
    }

    .u-header--abs-bottom--xl {
        top: auto;
        bottom: 0;
    }

    .u-header--sticky-top--xl, .u-header--sticky-bottom--xl {
        position: fixed;
    }

    .u-header--sticky-top--xl {
        bottom: auto;
        top: 0;
    }

    .u-header--sticky-bottom--xl {
        top: auto;
        bottom: 0;
    }

    .u-header--floating--xl {
        position: absolute;
        left: 0;
        right: 0;
    }

    .u-header--floating--xl.js-header-fix-moment {
        margin-top: 0 !important;
    }

    .u-header--floating--xl.js-header-fix-moment .navbar {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-width: 1200px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-collapse {
        width: 100%;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
}

@media all and (max-width: 992px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-collapse {
        width: 100%;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .gs-main-nav .hs-has-sub-menu > a::after, .gs-main-nav .hs-has-mega-menu > a::after {
        content: "\e902";
        font-family: "hs-icons" !important;
        float: right;
        padding-top: 2px;
        font-size: 10px;
        color: #777;
    }

    .gs-main-nav .gs-main-nav-list > li {
        border-bottom: 1px solid #555;
    }

    .gs-main-nav .gs-main-nav-list > li:last-child {
        border-bottom: none;
    }

    .gs-main-nav .gs-main-nav-list > li > ul {
        margin-top: 2px !important;
    }
}

@media all and (max-width: 768px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-collapse {
        width: 100%;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
}

@media all and (max-width: 576px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-collapse {
        width: 100%;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
}

/*=======================================================
  4.7. Header Toggles
========================================================*/

/*=======================================================
  4.7. Fullscreen Headers
========================================================*/

[class*="u-header--fullscreen"] {
    text-align: center;
    visibility: hidden;
}

[class*="u-header--fullscreen"] .u-header__sections-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    -o-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease;
}

[class*="u-header--fullscreen"] .mCustomScrollBox {
    width: 100%;
    height: auto;
}

[class*="u-header--fullscreen"] .u-header__section {
    width: 100%;
}

[class*="u-header--fullscreen"] .navbar-nav[class*="u-main-nav-v"] > li > a {
    display: inline-block;
}

[class*="u-header--fullscreen"] .u-header__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    -webkit-transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease;
    -o-transition: transform .5s ease, opacity .5s ease, visibility .5s ease;
    transition: transform .5s ease, opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease;
}

/*=======================================================
  4.9. Side Headers
========================================================*/

body[class*="u-body--header-side"] .u-header.u-header--side {
    position: fixed;
    top: 0;
    height: 100%;
    width: 21.42857rem;
}

body[class*="u-body--header-side"] .u-header.u-header--side .navbar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body[class*="u-body--header-side"] .u-header.u-header--side .navbar .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body[class*="u-body--header-side"] .u-header.u-header--side .navbar .navbar-collapse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body[class*="u-body--header-side"] .u-header.u-header--side .navbar .navbar-nav {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body[class*="u-body--header-side"] .u-header.u-header--side .u-header__sections-container {
    height: 100%;
}

body[class*="u-body--header-side"] .u-header.u-header--side .dropdown-menu {
    top: 0;
}

body[class*="u-body--header-side"] .u-header.u-header--side .mCSB_container,
body[class*="u-body--header-side"] .u-header.u-header--side .mCustomScrollBox {
    overflow: visible;
}

.u-header--side .u-header__overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 2000%;
    opacity: 0;
    visibility: hidden;
}

body[class*="u-body--header-side"].u-body--header-side-opened .u-header__overlay {
    opacity: 1;
    visibility: visible;
}

.u-body--header-side-static-left .u-header--side .dropdown-menu, .u-body--header-side-overlay-left .u-header--side .dropdown-menu, .u-body--header-side-push-left .u-header--side .dropdown-menu {
    left: 100%;
    margin-left: 1.07143rem;
}

.u-body--header-side-static-left {
    margin-left: 21.42857rem;
}

.u-body--header-side-static-left .u-header--side {
    right: auto;
    left: 0;
}

.u-body--header-side-static-right {
    margin-right: 21.42857rem;
}

.u-body--header-side-static-right .u-header--side {
    left: auto;
    right: 0;
}

.u-body--header-side-overlay-left .u-header--side, .u-body--header-side-push-left .u-header--side {
    right: auto;
    left: -21.42857rem;
}

.u-body--header-side-overlay-left .u-header--side .u-header__overlay, .u-body--header-side-push-left .u-header--side .u-header__overlay {
    left: 100%;
}

.u-body--header-side-overlay-left.u-body--header-side-opened .u-header--side, .u-body--header-side-push-left.u-body--header-side-opened .u-header--side {
    left: 0;
}

.u-body--header-side-push-left.u-body--header-side-opened {
    margin-left: 21.42857rem;
}

.u-body--header-side-overlay-right .u-header--side, .u-body--header-side-push-right .u-header--side {
    left: auto;
    right: -21.42857rem;
}

.u-body--header-side-overlay-right .u-header--side .u-header__overlay, .u-body--header-side-push-right .u-header--side .u-header__overlay {
    right: 100%;
}

.u-body--header-side-overlay-right.u-body--header-side-opened .u-header--side, .u-body--header-side-push-right.u-body--header-side-opened .u-header--side {
    right: 0;
}

.u-body--header-side-push-right.u-body--header-side-opened {
    margin-right: 21.42857rem;
}

.u-body--header-side-static-right .u-header--side .dropdown-menu, .u-body--header-side-overlay-right .u-header--side .dropdown-menu, .u-body--header-side-push-right .u-header--side .dropdown-menu {
    left: auto;
    right: 100%;
    margin-right: 1.07143rem;
}

/*=======================================================
  4.10. Buttons
========================================================*/

.btn {
    position: relative;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    cursor: pointer;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.u-btn-content {
    white-space: normal;
}

.u-btn-only-icon {
    position: relative;
}

.u-btn-only-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-xs {
    line-height: 1.4;
    padding: 0.14286rem 0.5rem;
    font-size: 0.78571rem;
}

.btn-md {
    line-height: 1.4;
    padding: 0.57143rem 1.42857rem;
    font-size: 1.07143rem;
}

.btn-xl {
    line-height: 1.4;
    padding: 0.92857rem 1.85714rem;
    font-size: 1.28571rem;
}

.btn-xxl {
    line-height: 1.4;
    padding: 1.07143rem 2.14286rem;
    font-size: 1.5rem;
}

/*=======================================================
  4.11. Button Types
========================================================*/

.u-btn-inset {
    position: relative;
}

.u-btn-inset::before {
    position: absolute;
    top: 0.14286rem;
    right: 0.14286rem;
    bottom: 0.14286rem;
    left: 0.14286rem;
    content: "";
    border: solid 1px #fff;
    border-radius: 1px;
}

.u-btn-inset--rounded::before {
    border-radius: 50px;
}

.u-btn-3d {
    border-bottom: solid 3px rgba(0, 0, 0, 0.2);
}

.u-btn-3d:hover {
    border-bottom-color: rgba(0, 0, 0, 0.3);
}

.u-btn-skew {
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

.u-btn-skew__inner {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    display: block;
}

.u-btn-hover-v1-1::after {
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
}

.u-btn-hover-v1-1:hover::after {
    height: 100%;
}

.u-btn-hover-v1-2::after {
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
}

.u-btn-hover-v1-2:hover::after {
    width: 100%;
}

.u-btn-hover-v1-3::after {
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
}

.u-btn-hover-v1-3:hover::after {
    height: 100%;
}

.u-btn-hover-v1-4::after {
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
}

.u-btn-hover-v1-4:hover::after {
    width: 100%;
}

.u-btn-hover-v2-1::after {
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
}

.u-btn-hover-v2-1:hover::after {
    left: 0;
    width: 100%;
}

.u-btn-hover-v2-2::after {
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
}

.u-btn-hover-v2-2:hover::after {
    top: 0;
    height: 100%;
}

.u-btn-primary {
    color: #fff;
    background-color: #111111;
}

.u-btn-primary:hover, .u-btn-primary.active {
    border-color: #242424;
    background-color: #242424;
}

.u-btn-primary:hover, .u-btn-primary:focus, .u-btn-primary.active {
    color: #fff;
}

.u-btn-primary.g-btn-hover-reset:hover, .u-btn-primary.g-btn-hover-reset.active {
    background-color: #111111;
    border-color: #111111;
}

.u-btn-primary.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-1::after, .u-btn-primary.u-btn-hover-v1-1:hover::after {
    background-color: #111111;
}

.u-btn-primary.u-btn-hover-v1-1:hover {
    background-color: #111111;
    overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-2::after, .u-btn-primary.u-btn-hover-v1-2:hover::after {
    background-color: #111111;
}

.u-btn-primary.u-btn-hover-v1-2:hover {
    background-color: #111111;
    overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-3::after, .u-btn-primary.u-btn-hover-v1-3:hover::after {
    background-color: #111111;
}

.u-btn-primary.u-btn-hover-v1-3:hover {
    background-color: #111111;
    overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-primary.u-btn-hover-v1-4::after, .u-btn-primary.u-btn-hover-v1-4:hover::after {
    background-color: #111111;
}

.u-btn-primary.u-btn-hover-v1-4:hover {
    background-color: #111111;
    overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-1::after, .u-btn-primary.u-btn-hover-v2-1:hover::after {
    background-color: #111111;
}

.u-btn-primary.u-btn-hover-v2-1:hover {
    background-color: #111111;
    overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-primary.u-btn-hover-v2-2::after, .u-btn-primary.u-btn-hover-v2-2:hover::after {
    background-color: #111111;
}

.u-btn-primary.u-btn-hover-v2-2:hover {
    background-color: #111111;
    overflow: hidden;
}

.u-btn-white {
    color: #555;
    background-color: #fff;
}

.u-btn-white:hover, .u-btn-white.active {
    border-color: white;
    background-color: white;
}

.u-btn-white:hover, .u-btn-white:focus, .u-btn-white.active {
    color: #555;
}

.u-btn-white.g-btn-hover-reset:hover, .u-btn-white.g-btn-hover-reset.active {
    background-color: #fff;
    border-color: #fff;
}

.u-btn-white.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-1::after, .u-btn-white.u-btn-hover-v1-1:hover::after {
    background-color: white;
}

.u-btn-white.u-btn-hover-v1-1:hover {
    background-color: #fff;
    overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-2::after, .u-btn-white.u-btn-hover-v1-2:hover::after {
    background-color: white;
}

.u-btn-white.u-btn-hover-v1-2:hover {
    background-color: #fff;
    overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-3::after, .u-btn-white.u-btn-hover-v1-3:hover::after {
    background-color: white;
}

.u-btn-white.u-btn-hover-v1-3:hover {
    background-color: #fff;
    overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-white.u-btn-hover-v1-4::after, .u-btn-white.u-btn-hover-v1-4:hover::after {
    background-color: white;
}

.u-btn-white.u-btn-hover-v1-4:hover {
    background-color: #fff;
    overflow: hidden;
}

.u-btn-white.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-white.u-btn-hover-v2-1::after, .u-btn-white.u-btn-hover-v2-1:hover::after {
    background-color: white;
}

.u-btn-white.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-white.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-white.u-btn-hover-v2-2::after, .u-btn-white.u-btn-hover-v2-2:hover::after {
    background-color: white;
}

.u-btn-white.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-black {
    color: #fff;
    background-color: #000;
}

.u-btn-black:hover, .u-btn-black.active {
    border-color: #1a1a1a;
    background-color: #1a1a1a;
}

.u-btn-black:hover, .u-btn-black:focus, .u-btn-black.active {
    color: #fff;
}

.u-btn-black.g-btn-hover-reset:hover, .u-btn-black.g-btn-hover-reset.active {
    background-color: #000;
    border-color: #000;
}

.u-btn-black.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-1::after, .u-btn-black.u-btn-hover-v1-1:hover::after {
    background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-1:hover {
    background-color: #000;
    overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-2::after, .u-btn-black.u-btn-hover-v1-2:hover::after {
    background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-2:hover {
    background-color: #000;
    overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-3::after, .u-btn-black.u-btn-hover-v1-3:hover::after {
    background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-3:hover {
    background-color: #000;
    overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-black.u-btn-hover-v1-4::after, .u-btn-black.u-btn-hover-v1-4:hover::after {
    background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v1-4:hover {
    background-color: #000;
    overflow: hidden;
}

.u-btn-black.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-black.u-btn-hover-v2-1::after, .u-btn-black.u-btn-hover-v2-1:hover::after {
    background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-black.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-black.u-btn-hover-v2-2::after, .u-btn-black.u-btn-hover-v2-2:hover::after {
    background-color: #0d0d0d;
}

.u-btn-black.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-darkgray {
    color: #fff;
    background-color: #333;
}

.u-btn-darkgray:hover, .u-btn-darkgray.active {
    border-color: #4d4d4d;
    background-color: #4d4d4d;
}

.u-btn-darkgray:hover, .u-btn-darkgray:focus, .u-btn-darkgray.active {
    color: #fff;
}

.u-btn-darkgray.g-btn-hover-reset:hover, .u-btn-darkgray.g-btn-hover-reset.active {
    background-color: #333;
    border-color: #333;
}

.u-btn-darkgray.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-1::after, .u-btn-darkgray.u-btn-hover-v1-1:hover::after {
    background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-1:hover {
    background-color: #333;
    overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-2::after, .u-btn-darkgray.u-btn-hover-v1-2:hover::after {
    background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-2:hover {
    background-color: #333;
    overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-3::after, .u-btn-darkgray.u-btn-hover-v1-3:hover::after {
    background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-3:hover {
    background-color: #333;
    overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v1-4::after, .u-btn-darkgray.u-btn-hover-v1-4:hover::after {
    background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v1-4:hover {
    background-color: #333;
    overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-1::after, .u-btn-darkgray.u-btn-hover-v2-1:hover::after {
    background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v2-1:hover {
    background-color: #333;
    overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-darkgray.u-btn-hover-v2-2::after, .u-btn-darkgray.u-btn-hover-v2-2:hover::after {
    background-color: #404040;
}

.u-btn-darkgray.u-btn-hover-v2-2:hover {
    background-color: #333;
    overflow: hidden;
}

.u-btn-green {
    color: #fff;
    background-color: #72c02c;
}

.u-btn-green:hover, .u-btn-green.active {
    border-color: #8cd54a;
    background-color: #8cd54a;
}

.u-btn-green:hover, .u-btn-green:focus, .u-btn-green.active {
    color: #fff;
}

.u-btn-green.g-btn-hover-reset:hover, .u-btn-green.g-btn-hover-reset.active {
    background-color: #72c02c;
    border-color: #72c02c;
}

.u-btn-green.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-green.u-btn-hover-v1-1::after, .u-btn-green.u-btn-hover-v1-1:hover::after {
    background-color: #72c02c;
}

.u-btn-green.u-btn-hover-v1-1:hover {
    background-color: #72c02c;
    overflow: hidden;
}

.u-btn-green.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-green.u-btn-hover-v1-2::after, .u-btn-green.u-btn-hover-v1-2:hover::after {
    background-color: #72c02c;
}

.u-btn-green.u-btn-hover-v1-2:hover {
    background-color: #72c02c;
    overflow: hidden;
}

.u-btn-green.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-green.u-btn-hover-v1-3::after, .u-btn-green.u-btn-hover-v1-3:hover::after {
    background-color: #72c02c;
}

.u-btn-green.u-btn-hover-v1-3:hover {
    background-color: #72c02c;
    overflow: hidden;
}

.u-btn-green.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-green.u-btn-hover-v1-4::after, .u-btn-green.u-btn-hover-v1-4:hover::after {
    background-color: #72c02c;
}

.u-btn-green.u-btn-hover-v1-4:hover {
    background-color: #72c02c;
    overflow: hidden;
}

.u-btn-green.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-green.u-btn-hover-v2-1::after, .u-btn-green.u-btn-hover-v2-1:hover::after {
    background-color: #72c02c;
}

.u-btn-green.u-btn-hover-v2-1:hover {
    background-color: #72c02c;
    overflow: hidden;
}

.u-btn-green.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-green.u-btn-hover-v2-2::after, .u-btn-green.u-btn-hover-v2-2:hover::after {
    background-color: #72c02c;
}

.u-btn-green.u-btn-hover-v2-2:hover {
    background-color: #72c02c;
    overflow: hidden;
}

.u-btn-red {
    color: #fff;
    background-color: #f00;
}

.u-btn-red:hover, .u-btn-red.active {
    border-color: #ff3333;
    background-color: #ff3333;
}

.u-btn-red:hover, .u-btn-red:focus, .u-btn-red.active {
    color: #fff;
}

.u-btn-red.g-btn-hover-reset:hover, .u-btn-red.g-btn-hover-reset.active {
    background-color: #f00;
    border-color: #f00;
}

.u-btn-red.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-1::after, .u-btn-red.u-btn-hover-v1-1:hover::after {
    background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-1:hover {
    background-color: #f00;
    overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-2::after, .u-btn-red.u-btn-hover-v1-2:hover::after {
    background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-2:hover {
    background-color: #f00;
    overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-3::after, .u-btn-red.u-btn-hover-v1-3:hover::after {
    background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-3:hover {
    background-color: #f00;
    overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-red.u-btn-hover-v1-4::after, .u-btn-red.u-btn-hover-v1-4:hover::after {
    background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v1-4:hover {
    background-color: #f00;
    overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-1::after, .u-btn-red.u-btn-hover-v2-1:hover::after {
    background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v2-1:hover {
    background-color: #f00;
    overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-red.u-btn-hover-v2-2::after, .u-btn-red.u-btn-hover-v2-2:hover::after {
    background-color: #ff1a1a;
}

.u-btn-red.u-btn-hover-v2-2:hover {
    background-color: #f00;
    overflow: hidden;
}

.u-btn-lightred {
    color: #fff;
    background-color: #e64b3b;
}

.u-btn-lightred:hover, .u-btn-lightred.active {
    border-color: #ec7568;
    background-color: #ec7568;
}

.u-btn-lightred:hover, .u-btn-lightred:focus, .u-btn-lightred.active {
    color: #fff;
}

.u-btn-lightred.g-btn-hover-reset:hover, .u-btn-lightred.g-btn-hover-reset.active {
    background-color: #e64b3b;
    border-color: #e64b3b;
}

.u-btn-lightred.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-1::after, .u-btn-lightred.u-btn-hover-v1-1:hover::after {
    background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-1:hover {
    background-color: #e64b3b;
    overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-2::after, .u-btn-lightred.u-btn-hover-v1-2:hover::after {
    background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-2:hover {
    background-color: #e64b3b;
    overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-3::after, .u-btn-lightred.u-btn-hover-v1-3:hover::after {
    background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-3:hover {
    background-color: #e64b3b;
    overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v1-4::after, .u-btn-lightred.u-btn-hover-v1-4:hover::after {
    background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v1-4:hover {
    background-color: #e64b3b;
    overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-1::after, .u-btn-lightred.u-btn-hover-v2-1:hover::after {
    background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v2-1:hover {
    background-color: #e64b3b;
    overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-lightred.u-btn-hover-v2-2::after, .u-btn-lightred.u-btn-hover-v2-2:hover::after {
    background-color: #e96052;
}

.u-btn-lightred.u-btn-hover-v2-2:hover {
    background-color: #e64b3b;
    overflow: hidden;
}

.u-btn-darkred {
    color: #fff;
    background-color: #a10f2b;
}

.u-btn-darkred:hover, .u-btn-darkred.active {
    border-color: #d01337;
    background-color: #d01337;
}

.u-btn-darkred:hover, .u-btn-darkred:focus, .u-btn-darkred.active {
    color: #fff;
}

.u-btn-darkred.g-btn-hover-reset:hover, .u-btn-darkred.g-btn-hover-reset.active {
    background-color: #a10f2b;
    border-color: #a10f2b;
}

.u-btn-darkred.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-1::after, .u-btn-darkred.u-btn-hover-v1-1:hover::after {
    background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-1:hover {
    background-color: #a10f2b;
    overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-2::after, .u-btn-darkred.u-btn-hover-v1-2:hover::after {
    background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-2:hover {
    background-color: #a10f2b;
    overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-3::after, .u-btn-darkred.u-btn-hover-v1-3:hover::after {
    background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-3:hover {
    background-color: #a10f2b;
    overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v1-4::after, .u-btn-darkred.u-btn-hover-v1-4:hover::after {
    background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v1-4:hover {
    background-color: #a10f2b;
    overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-1::after, .u-btn-darkred.u-btn-hover-v2-1:hover::after {
    background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v2-1:hover {
    background-color: #a10f2b;
    overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-darkred.u-btn-hover-v2-2::after, .u-btn-darkred.u-btn-hover-v2-2:hover::after {
    background-color: #b81131;
}

.u-btn-darkred.u-btn-hover-v2-2:hover {
    background-color: #a10f2b;
    overflow: hidden;
}

.u-btn-blue {
    color: #fff;
    background-color: #3398dc;
}

.u-btn-blue:hover, .u-btn-blue.active {
    border-color: #5faee3;
    background-color: #5faee3;
}

.u-btn-blue:hover, .u-btn-blue:focus, .u-btn-blue.active {
    color: #fff;
}

.u-btn-blue.g-btn-hover-reset:hover, .u-btn-blue.g-btn-hover-reset.active {
    background-color: #3398dc;
    border-color: #3398dc;
}

.u-btn-blue.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-1::after, .u-btn-blue.u-btn-hover-v1-1:hover::after {
    background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-1:hover {
    background-color: #3398dc;
    overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-2::after, .u-btn-blue.u-btn-hover-v1-2:hover::after {
    background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-2:hover {
    background-color: #3398dc;
    overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-3::after, .u-btn-blue.u-btn-hover-v1-3:hover::after {
    background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-3:hover {
    background-color: #3398dc;
    overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-blue.u-btn-hover-v1-4::after, .u-btn-blue.u-btn-hover-v1-4:hover::after {
    background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v1-4:hover {
    background-color: #3398dc;
    overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-1::after, .u-btn-blue.u-btn-hover-v2-1:hover::after {
    background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v2-1:hover {
    background-color: #3398dc;
    overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-blue.u-btn-hover-v2-2::after, .u-btn-blue.u-btn-hover-v2-2:hover::after {
    background-color: #49a3e0;
}

.u-btn-blue.u-btn-hover-v2-2:hover {
    background-color: #3398dc;
    overflow: hidden;
}

.u-btn-darkblue {
    color: #fff;
    background-color: #107ef4;
}

.u-btn-darkblue:hover, .u-btn-darkblue.active {
    border-color: #3c6ef4;
    background-color: #3c6ef4;
}

.u-btn-darkblue:hover, .u-btn-darkblue:focus, .u-btn-darkblue.active {
    color: #fff;
}

.u-btn-indigo {
    color: #fff;
    background-color: #4263a3;
}

.u-btn-indigo:hover, .u-btn-indigo.active {
    border-color: #5b7cbd;
    background-color: #5b7cbd;
}

.u-btn-indigo:hover, .u-btn-indigo:focus, .u-btn-indigo.active {
    color: #fff;
}

.u-btn-indigo.g-btn-hover-reset:hover, .u-btn-indigo.g-btn-hover-reset.active {
    background-color: #4263a3;
    border-color: #4263a3;
}

.u-btn-indigo.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-1::after, .u-btn-indigo.u-btn-hover-v1-1:hover::after {
    background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-1:hover {
    background-color: #4263a3;
    overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-2::after, .u-btn-indigo.u-btn-hover-v1-2:hover::after {
    background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-2:hover {
    background-color: #4263a3;
    overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-3::after, .u-btn-indigo.u-btn-hover-v1-3:hover::after {
    background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-3:hover {
    background-color: #4263a3;
    overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v1-4::after, .u-btn-indigo.u-btn-hover-v1-4:hover::after {
    background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v1-4:hover {
    background-color: #4263a3;
    overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-1::after, .u-btn-indigo.u-btn-hover-v2-1:hover::after {
    background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v2-1:hover {
    background-color: #4263a3;
    overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-indigo.u-btn-hover-v2-2::after, .u-btn-indigo.u-btn-hover-v2-2:hover::after {
    background-color: #496eb5;
}

.u-btn-indigo.u-btn-hover-v2-2:hover {
    background-color: #4263a3;
    overflow: hidden;
}

.u-btn-purple {
    color: #fff;
    background-color: #9a69cb;
}

.u-btn-purple:hover, .u-btn-purple.active {
    border-color: #b48fd8;
    background-color: #b48fd8;
}

.u-btn-purple:hover, .u-btn-purple:focus, .u-btn-purple.active {
    color: #fff;
}

.u-btn-purple.g-btn-hover-reset:hover, .u-btn-purple.g-btn-hover-reset.active {
    background-color: #9a69cb;
    border-color: #9a69cb;
}

.u-btn-purple.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-1::after, .u-btn-purple.u-btn-hover-v1-1:hover::after {
    background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-1:hover {
    background-color: #9a69cb;
    overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-2::after, .u-btn-purple.u-btn-hover-v1-2:hover::after {
    background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-2:hover {
    background-color: #9a69cb;
    overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-3::after, .u-btn-purple.u-btn-hover-v1-3:hover::after {
    background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-3:hover {
    background-color: #9a69cb;
    overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-purple.u-btn-hover-v1-4::after, .u-btn-purple.u-btn-hover-v1-4:hover::after {
    background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v1-4:hover {
    background-color: #9a69cb;
    overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-1::after, .u-btn-purple.u-btn-hover-v2-1:hover::after {
    background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v2-1:hover {
    background-color: #9a69cb;
    overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-purple.u-btn-hover-v2-2::after, .u-btn-purple.u-btn-hover-v2-2:hover::after {
    background-color: #a77cd2;
}

.u-btn-purple.u-btn-hover-v2-2:hover {
    background-color: #9a69cb;
    overflow: hidden;
}

.u-btn-darkpurple {
    color: #fff;
    background-color: #6639b6;
}

.u-btn-darkpurple:hover, .u-btn-darkpurple.active {
    border-color: #8157cb;
    background-color: #8157cb;
}

.u-btn-darkpurple:hover, .u-btn-darkpurple:focus, .u-btn-darkpurple.active {
    color: #fff;
}

.u-btn-darkpurple.g-btn-hover-reset:hover, .u-btn-darkpurple.g-btn-hover-reset.active {
    background-color: #6639b6;
    border-color: #6639b6;
}

.u-btn-darkpurple.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-1::after, .u-btn-darkpurple.u-btn-hover-v1-1:hover::after {
    background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-1:hover {
    background-color: #6639b6;
    overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-2::after, .u-btn-darkpurple.u-btn-hover-v1-2:hover::after {
    background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-2:hover {
    background-color: #6639b6;
    overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-3::after, .u-btn-darkpurple.u-btn-hover-v1-3:hover::after {
    background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-3:hover {
    background-color: #6639b6;
    overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v1-4::after, .u-btn-darkpurple.u-btn-hover-v1-4:hover::after {
    background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v1-4:hover {
    background-color: #6639b6;
    overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-1::after, .u-btn-darkpurple.u-btn-hover-v2-1:hover::after {
    background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v2-1:hover {
    background-color: #6639b6;
    overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-darkpurple.u-btn-hover-v2-2::after, .u-btn-darkpurple.u-btn-hover-v2-2:hover::after {
    background-color: #7244c4;
}

.u-btn-darkpurple.u-btn-hover-v2-2:hover {
    background-color: #6639b6;
    overflow: hidden;
}

.u-btn-pink {
    color: #fff;
    background-color: #e81c62;
}

.u-btn-pink:hover, .u-btn-pink.active {
    border-color: #ed4a82;
    background-color: #ed4a82;
}

.u-btn-pink:hover, .u-btn-pink:focus, .u-btn-pink.active {
    color: #fff;
}

.u-btn-pink.g-btn-hover-reset:hover, .u-btn-pink.g-btn-hover-reset.active {
    background-color: #e81c62;
    border-color: #e81c62;
}

.u-btn-pink.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-1::after, .u-btn-pink.u-btn-hover-v1-1:hover::after {
    background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-1:hover {
    background-color: #e81c62;
    overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-2::after, .u-btn-pink.u-btn-hover-v1-2:hover::after {
    background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-2:hover {
    background-color: #e81c62;
    overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-3::after, .u-btn-pink.u-btn-hover-v1-3:hover::after {
    background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-3:hover {
    background-color: #e81c62;
    overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-pink.u-btn-hover-v1-4::after, .u-btn-pink.u-btn-hover-v1-4:hover::after {
    background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v1-4:hover {
    background-color: #e81c62;
    overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-1::after, .u-btn-pink.u-btn-hover-v2-1:hover::after {
    background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v2-1:hover {
    background-color: #e81c62;
    overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-pink.u-btn-hover-v2-2::after, .u-btn-pink.u-btn-hover-v2-2:hover::after {
    background-color: #ea3372;
}

.u-btn-pink.u-btn-hover-v2-2:hover {
    background-color: #e81c62;
    overflow: hidden;
}

/* Button Orange */
.u-btn-orange {
    color: #fff;
    background-color: #e57d20;
}

.u-btn-orange:hover, .u-btn-orange.active {
    border-color: #ea984e;
    background-color: #ea984e;
}

.u-btn-orange:hover, .u-btn-orange:focus, .u-btn-orange.active {
    color: #fff;
}

.u-btn-orange.g-btn-hover-reset:hover, .u-btn-orange.g-btn-hover-reset.active {
    background-color: #e57d20;
    border-color: #e57d20;
}

.u-btn-orange.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-1::after, .u-btn-orange.u-btn-hover-v1-1:hover::after {
    background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-1:hover {
    background-color: #e57d20;
    overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-2::after, .u-btn-orange.u-btn-hover-v1-2:hover::after {
    background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-2:hover {
    background-color: #e57d20;
    overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-3::after, .u-btn-orange.u-btn-hover-v1-3:hover::after {
    background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-3:hover {
    background-color: #e57d20;
    overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-orange.u-btn-hover-v1-4::after, .u-btn-orange.u-btn-hover-v1-4:hover::after {
    background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v1-4:hover {
    background-color: #e57d20;
    overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-1::after, .u-btn-orange.u-btn-hover-v2-1:hover::after {
    background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v2-1:hover {
    background-color: #e57d20;
    overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-orange.u-btn-hover-v2-2::after, .u-btn-orange.u-btn-hover-v2-2:hover::after {
    background-color: #e88a37;
}

.u-btn-orange.u-btn-hover-v2-2:hover {
    background-color: #e57d20;
    overflow: hidden;
}

.u-btn-deeporange {
    color: #fff;
    background-color: #fe541e;
}

.u-btn-deeporange:hover, .u-btn-deeporange.active {
    border-color: #fe7b51;
    background-color: #fe7b51;
}

.u-btn-deeporange:hover, .u-btn-deeporange:focus, .u-btn-deeporange.active {
    color: #fff;
}

.u-btn-deeporange.g-btn-hover-reset:hover, .u-btn-deeporange.g-btn-hover-reset.active {
    background-color: #fe541e;
    border-color: #fe541e;
}

.u-btn-deeporange.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-1::after, .u-btn-deeporange.u-btn-hover-v1-1:hover::after {
    background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-1:hover {
    background-color: #fe541e;
    overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-2::after, .u-btn-deeporange.u-btn-hover-v1-2:hover::after {
    background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-2:hover {
    background-color: #fe541e;
    overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-3::after, .u-btn-deeporange.u-btn-hover-v1-3:hover::after {
    background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-3:hover {
    background-color: #fe541e;
    overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v1-4::after, .u-btn-deeporange.u-btn-hover-v1-4:hover::after {
    background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v1-4:hover {
    background-color: #fe541e;
    overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-1::after, .u-btn-deeporange.u-btn-hover-v2-1:hover::after {
    background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v2-1:hover {
    background-color: #fe541e;
    overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-deeporange.u-btn-hover-v2-2::after, .u-btn-deeporange.u-btn-hover-v2-2:hover::after {
    background-color: #fe6737;
}

.u-btn-deeporange.u-btn-hover-v2-2:hover {
    background-color: #fe541e;
    overflow: hidden;
}

.u-btn-yellow {
    color: #fff;
    background-color: #ebc71d;
}

.u-btn-yellow:hover, .u-btn-yellow.active {
    border-color: #efd34c;
    background-color: #efd34c;
}

.u-btn-yellow:hover, .u-btn-yellow:focus, .u-btn-yellow.active {
    color: #fff;
}

.u-btn-yellow.g-btn-hover-reset:hover, .u-btn-yellow.g-btn-hover-reset.active {
    background-color: #ebc71d;
    border-color: #ebc71d;
}

.u-btn-yellow.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-1::after, .u-btn-yellow.u-btn-hover-v1-1:hover::after {
    background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-1:hover {
    background-color: #ebc71d;
    overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-2::after, .u-btn-yellow.u-btn-hover-v1-2:hover::after {
    background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-2:hover {
    background-color: #ebc71d;
    overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-3::after, .u-btn-yellow.u-btn-hover-v1-3:hover::after {
    background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-3:hover {
    background-color: #ebc71d;
    overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v1-4::after, .u-btn-yellow.u-btn-hover-v1-4:hover::after {
    background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v1-4:hover {
    background-color: #ebc71d;
    overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-1::after, .u-btn-yellow.u-btn-hover-v2-1:hover::after {
    background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v2-1:hover {
    background-color: #ebc71d;
    overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-yellow.u-btn-hover-v2-2::after, .u-btn-yellow.u-btn-hover-v2-2:hover::after {
    background-color: #edcd34;
}

.u-btn-yellow.u-btn-hover-v2-2:hover {
    background-color: #ebc71d;
    overflow: hidden;
}

.u-btn-aqua {
    color: #fff;
    background-color: #29d6e6;
}

.u-btn-aqua:hover, .u-btn-aqua.active {
    border-color: #57dfeb;
    background-color: #57dfeb;
}

.u-btn-aqua:hover, .u-btn-aqua:focus, .u-btn-aqua.active {
    color: #fff;
}

.u-btn-aqua.g-btn-hover-reset:hover, .u-btn-aqua.g-btn-hover-reset.active {
    background-color: #29d6e6;
    border-color: #29d6e6;
}

.u-btn-aqua.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-1::after, .u-btn-aqua.u-btn-hover-v1-1:hover::after {
    background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-1:hover {
    background-color: #29d6e6;
    overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-2::after, .u-btn-aqua.u-btn-hover-v1-2:hover::after {
    background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-2:hover {
    background-color: #29d6e6;
    overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-3::after, .u-btn-aqua.u-btn-hover-v1-3:hover::after {
    background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-3:hover {
    background-color: #29d6e6;
    overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v1-4::after, .u-btn-aqua.u-btn-hover-v1-4:hover::after {
    background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v1-4:hover {
    background-color: #29d6e6;
    overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-1::after, .u-btn-aqua.u-btn-hover-v2-1:hover::after {
    background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v2-1:hover {
    background-color: #29d6e6;
    overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-aqua.u-btn-hover-v2-2::after, .u-btn-aqua.u-btn-hover-v2-2:hover::after {
    background-color: #40dae9;
}

.u-btn-aqua.u-btn-hover-v2-2:hover {
    background-color: #29d6e6;
    overflow: hidden;
}

.u-btn-cyan {
    color: #fff;
    background-color: #00bed6;
}

.u-btn-cyan:hover, .u-btn-cyan.active {
    border-color: #0ae4ff;
    background-color: #0ae4ff;
}

.u-btn-cyan:hover, .u-btn-cyan:focus, .u-btn-cyan.active {
    color: #fff;
}

.u-btn-cyan.g-btn-hover-reset:hover, .u-btn-cyan.g-btn-hover-reset.active {
    background-color: #00bed6;
    border-color: #00bed6;
}

.u-btn-cyan.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-1::after, .u-btn-cyan.u-btn-hover-v1-1:hover::after {
    background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-1:hover {
    background-color: #00bed6;
    overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-2::after, .u-btn-cyan.u-btn-hover-v1-2:hover::after {
    background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-2:hover {
    background-color: #00bed6;
    overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-3::after, .u-btn-cyan.u-btn-hover-v1-3:hover::after {
    background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-3:hover {
    background-color: #00bed6;
    overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v1-4::after, .u-btn-cyan.u-btn-hover-v1-4:hover::after {
    background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v1-4:hover {
    background-color: #00bed6;
    overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-1::after, .u-btn-cyan.u-btn-hover-v2-1:hover::after {
    background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v2-1:hover {
    background-color: #00bed6;
    overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-cyan.u-btn-hover-v2-2::after, .u-btn-cyan.u-btn-hover-v2-2:hover::after {
    background-color: #00d5f0;
}

.u-btn-cyan.u-btn-hover-v2-2:hover {
    background-color: #00bed6;
    overflow: hidden;
}

/* Button Teal */
.u-btn-teal {
    color: #fff;
    background-color: #18ba9b;
}

.u-btn-teal:hover, .u-btn-teal.active {
    border-color: #22e3be;
    background-color: #22e3be;
}

.u-btn-teal:hover, .u-btn-teal:focus, .u-btn-teal.active {
    color: #fff;
}

.u-btn-teal.g-btn-hover-reset:hover, .u-btn-teal.g-btn-hover-reset.active {
    background-color: #18ba9b;
    border-color: #18ba9b;
}

.u-btn-teal.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-1::after, .u-btn-teal.u-btn-hover-v1-1:hover::after {
    background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-1:hover {
    background-color: #18ba9b;
    overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-2::after, .u-btn-teal.u-btn-hover-v1-2:hover::after {
    background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-2:hover {
    background-color: #18ba9b;
    overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-3::after, .u-btn-teal.u-btn-hover-v1-3:hover::after {
    background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-3:hover {
    background-color: #18ba9b;
    overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-teal.u-btn-hover-v1-4::after, .u-btn-teal.u-btn-hover-v1-4:hover::after {
    background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v1-4:hover {
    background-color: #18ba9b;
    overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-1::after, .u-btn-teal.u-btn-hover-v2-1:hover::after {
    background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v2-1:hover {
    background-color: #18ba9b;
    overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-teal.u-btn-hover-v2-2::after, .u-btn-teal.u-btn-hover-v2-2:hover::after {
    background-color: #1bd1ae;
}

.u-btn-teal.u-btn-hover-v2-2:hover {
    background-color: #18ba9b;
    overflow: hidden;
}

.u-btn-brown {
    color: #fff;
    background-color: #9c8061;
}

.u-btn-brown:hover, .u-btn-brown.active {
    border-color: #b09980;
    background-color: #b09980;
}

.u-btn-brown:hover, .u-btn-brown:focus, .u-btn-brown.active {
    color: #fff;
}

.u-btn-brown.g-btn-hover-reset:hover, .u-btn-brown.g-btn-hover-reset.active {
    background-color: #9c8061;
    border-color: #9c8061;
}

.u-btn-brown.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-1::after, .u-btn-brown.u-btn-hover-v1-1:hover::after {
    background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-1:hover {
    background-color: #9c8061;
    overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-2::after, .u-btn-brown.u-btn-hover-v1-2:hover::after {
    background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-2:hover {
    background-color: #9c8061;
    overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-3::after, .u-btn-brown.u-btn-hover-v1-3:hover::after {
    background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-3:hover {
    background-color: #9c8061;
    overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-brown.u-btn-hover-v1-4::after, .u-btn-brown.u-btn-hover-v1-4:hover::after {
    background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v1-4:hover {
    background-color: #9c8061;
    overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-1::after, .u-btn-brown.u-btn-hover-v2-1:hover::after {
    background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v2-1:hover {
    background-color: #9c8061;
    overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-brown.u-btn-hover-v2-2::after, .u-btn-brown.u-btn-hover-v2-2:hover::after {
    background-color: #a68d70;
}

.u-btn-brown.u-btn-hover-v2-2:hover {
    background-color: #9c8061;
    overflow: hidden;
}

.u-btn-bluegray {
    color: #fff;
    background-color: #585f69;
}

.u-btn-bluegray:hover, .u-btn-bluegray.active {
    border-color: #6f7885;
    background-color: #6f7885;
}

.u-btn-bluegray:hover, .u-btn-bluegray:focus, .u-btn-bluegray.active {
    color: #fff;
}

.u-btn-bluegray.g-btn-hover-reset:hover, .u-btn-bluegray.g-btn-hover-reset.active {
    background-color: #585f69;
    border-color: #585f69;
}

.u-btn-bluegray.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-1::after, .u-btn-bluegray.u-btn-hover-v1-1:hover::after {
    background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-1:hover {
    background-color: #585f69;
    overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-2::after, .u-btn-bluegray.u-btn-hover-v1-2:hover::after {
    background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-2:hover {
    background-color: #585f69;
    overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-3::after, .u-btn-bluegray.u-btn-hover-v1-3:hover::after {
    background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-3:hover {
    background-color: #585f69;
    overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v1-4::after, .u-btn-bluegray.u-btn-hover-v1-4:hover::after {
    background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v1-4:hover {
    background-color: #585f69;
    overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-1::after, .u-btn-bluegray.u-btn-hover-v2-1:hover::after {
    background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v2-1:hover {
    background-color: #585f69;
    overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-bluegray.u-btn-hover-v2-2::after, .u-btn-bluegray.u-btn-hover-v2-2:hover::after {
    background-color: #646c77;
}

.u-btn-bluegray.u-btn-hover-v2-2:hover {
    background-color: #585f69;
    overflow: hidden;
}

.u-btn-facebook {
    color: #fff;
    background-color: #3b5998;
}

.u-btn-facebook:hover, .u-btn-facebook.active {
    border-color: #4c70ba;
    background-color: #4c70ba;
}

.u-btn-facebook:hover, .u-btn-facebook:focus, .u-btn-facebook.active {
    color: #fff;
}

.u-btn-facebook.g-btn-hover-reset:hover, .u-btn-facebook.g-btn-hover-reset.active {
    background-color: #3b5998;
    border-color: #3b5998;
}

.u-btn-twitter {
    color: #fff;
    background-color: #00acee;
}

.u-btn-twitter:hover, .u-btn-twitter.active {
    border-color: #22c2ff;
    background-color: #22c2ff;
}

.u-btn-twitter:hover, .u-btn-twitter:focus, .u-btn-twitter.active {
    color: #fff;
}

.u-btn-twitter.g-btn-hover-reset:hover, .u-btn-twitter.g-btn-hover-reset.active {
    background-color: #00acee;
    border-color: #00acee;
}

.u-btn-instagram {
    color: #fff;
    background-color: #3f729b;
}

.u-btn-instagram:hover, .u-btn-instagram.active {
    border-color: #548cb9;
    background-color: #548cb9;
}

.u-btn-instagram:hover, .u-btn-instagram:focus, .u-btn-instagram.active {
    color: #fff;
}

.u-btn-instagram.g-btn-hover-reset:hover, .u-btn-instagram.g-btn-hover-reset.active {
    background-color: #3f729b;
    border-color: #3f729b;
}

.u-btn-vk {
    color: #fff;
    background-color: #2b587a;
}

.u-btn-vk:hover, .u-btn-vk.active {
    border-color: #3873a0;
    background-color: #3873a0;
}

.u-btn-vk:hover, .u-btn-vk:focus, .u-btn-vk.active {
    color: #fff;
}

.u-btn-vk.g-btn-hover-reset:hover, .u-btn-vk.g-btn-hover-reset.active {
    background-color: #2b587a;
    border-color: #2b587a;
}

.u-btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
}

.u-btn-google-plus:hover, .u-btn-google-plus.active {
    border-color: #e47365;
    background-color: #e47365;
}

.u-btn-google-plus:hover, .u-btn-google-plus:focus, .u-btn-google-plus.active {
    color: #fff;
}

.u-btn-google-plus.g-btn-hover-reset:hover, .u-btn-google-plus.g-btn-hover-reset.active {
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.u-btn-outline-filter {
    color: #111111;
    border-color: #111111;
    background-color: #ffffff;
}

.u-btn-outline-filter:focus, .u-btn-outline-filter.active {
    color: #111111;
    background-color: #ffffff;
}

.u-btn-outline-filter:hover {
    color: #111111;
    background-color: #e6e6e6;
}

.u-btn-outline-primary {
    color: #111111;
    border-color: #111111;
    background-color: transparent;
}

.u-btn-outline-primary:focus, .u-btn-outline-primary.active {
    color: #fff;
    background-color: #111111;
}

.u-btn-outline-primary:hover {
    color: #fff;
    background-color: #111111;
}

.u-btn-outline-primary.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-1::after, .u-btn-outline-primary.u-btn-hover-v1-1:hover::after {
    background-color: #111111;
}

.u-btn-outline-primary.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-2::after, .u-btn-outline-primary.u-btn-hover-v1-2:hover::after {
    background-color: #111111;
}

.u-btn-outline-primary.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-3::after, .u-btn-outline-primary.u-btn-hover-v1-3:hover::after {
    background-color: #111111;
}

.u-btn-outline-primary.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v1-4::after, .u-btn-outline-primary.u-btn-hover-v1-4:hover::after {
    background-color: #111111;
}

.u-btn-outline-primary.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v2-1::after, .u-btn-outline-primary.u-btn-hover-v2-1:hover::after {
    background-color: #111111;
}

.u-btn-outline-primary.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v2-2::after, .u-btn-outline-primary.u-btn-hover-v2-2:hover::after {
    background-color: #111111;
}

.u-btn-outline-primary.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-primary.u-btn-hover-v3-1 {
    overflow: hidden;
}

.u-btn-outline-primary.u-btn-hover-v3-1::after, .u-btn-outline-primary.u-btn-hover-v3-1:hover::after {
    background-color: #111111;
}

.u-btn-outline-primary.u-btn-hover-v3-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-green {
    color: #72c02c;
    border-color: #72c02c;
    background-color: transparent;
}

.u-btn-outline-green:hover {
    color: #fff;
    background-color: #72c02c;
}

.u-btn-outline-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

.u-btn-outline-white:focus, .u-btn-outline-white.active {
    color: #555;
    background-color: #fff;
}

.u-btn-outline-white:hover {
    color: #555;
    background-color: #fff;
}

.u-btn-outline-white.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-1::after, .u-btn-outline-white.u-btn-hover-v1-1:hover::after {
    background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-2::after, .u-btn-outline-white.u-btn-hover-v1-2:hover::after {
    background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-3::after, .u-btn-outline-white.u-btn-hover-v1-3:hover::after {
    background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v1-4::after, .u-btn-outline-white.u-btn-hover-v1-4:hover::after {
    background-color: white;
}

.u-btn-outline-white.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v2-1::after, .u-btn-outline-white.u-btn-hover-v2-1:hover::after {
    background-color: white;
}

.u-btn-outline-white.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-white.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-white.u-btn-hover-v2-2::after, .u-btn-outline-white.u-btn-hover-v2-2:hover::after {
    background-color: white;
}

.u-btn-outline-white.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-black {
    color: #000;
    border-color: #000;
    background-color: transparent;
}

.u-btn-outline-black:focus, .u-btn-outline-black.active {
    color: #fff;
    background-color: #000;
}

.u-btn-outline-black:hover {
    color: #fff;
    background-color: #000;
}

.u-btn-outline-black.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-1::after, .u-btn-outline-black.u-btn-hover-v1-1:hover::after {
    background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-2::after, .u-btn-outline-black.u-btn-hover-v1-2:hover::after {
    background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-3::after, .u-btn-outline-black.u-btn-hover-v1-3:hover::after {
    background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v1-4::after, .u-btn-outline-black.u-btn-hover-v1-4:hover::after {
    background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v2-1::after, .u-btn-outline-black.u-btn-hover-v2-1:hover::after {
    background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-black.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-black.u-btn-hover-v2-2::after, .u-btn-outline-black.u-btn-hover-v2-2:hover::after {
    background-color: #0d0d0d;
}

.u-btn-outline-black.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkgray {
    color: #333;
    border-color: #333;
    background-color: transparent;
}

.u-btn-outline-darkgray:focus, .u-btn-outline-darkgray.active {
    color: #fff;
    background-color: #333;
}

.u-btn-outline-darkgray:hover {
    color: #fff;
    background-color: #333;
}

.u-btn-outline-darkgray.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-1::after, .u-btn-outline-darkgray.u-btn-hover-v1-1:hover::after {
    background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-2::after, .u-btn-outline-darkgray.u-btn-hover-v1-2:hover::after {
    background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-3::after, .u-btn-outline-darkgray.u-btn-hover-v1-3:hover::after {
    background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v1-4::after, .u-btn-outline-darkgray.u-btn-hover-v1-4:hover::after {
    background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v2-1::after, .u-btn-outline-darkgray.u-btn-hover-v2-1:hover::after {
    background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkgray.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-darkgray.u-btn-hover-v2-2::after, .u-btn-outline-darkgray.u-btn-hover-v2-2:hover::after {
    background-color: #404040;
}

.u-btn-outline-darkgray.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightgray {
    color: #555;
    border-color: #eee;
    background-color: transparent;
}

.u-btn-outline-lightgray:focus, .u-btn-outline-lightgray.active {
    color: #555;
    background-color: #eee;
}

.u-btn-outline-lightgray:hover {
    color: #555;
    background-color: #eee;
}

.u-btn-outline-lightgray.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-1::after, .u-btn-outline-lightgray.u-btn-hover-v1-1:hover::after {
    background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-2::after, .u-btn-outline-lightgray.u-btn-hover-v1-2:hover::after {
    background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-3::after, .u-btn-outline-lightgray.u-btn-hover-v1-3:hover::after {
    background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v1-4::after, .u-btn-outline-lightgray.u-btn-hover-v1-4:hover::after {
    background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v2-1::after, .u-btn-outline-lightgray.u-btn-hover-v2-1:hover::after {
    background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightgray.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-lightgray.u-btn-hover-v2-2::after, .u-btn-outline-lightgray.u-btn-hover-v2-2:hover::after {
    background-color: #fbfbfb;
}

.u-btn-outline-lightgray.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-red {
    color: #f00;
    border-color: #f00;
    background-color: transparent;
}

.u-btn-outline-red:focus, .u-btn-outline-red.active {
    color: #fff;
    background-color: #f00;
}

.u-btn-outline-red:hover {
    color: #fff;
    background-color: #f00;
}

.u-btn-outline-red.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-1::after, .u-btn-outline-red.u-btn-hover-v1-1:hover::after {
    background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-2::after, .u-btn-outline-red.u-btn-hover-v1-2:hover::after {
    background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-3::after, .u-btn-outline-red.u-btn-hover-v1-3:hover::after {
    background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v1-4::after, .u-btn-outline-red.u-btn-hover-v1-4:hover::after {
    background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v2-1::after, .u-btn-outline-red.u-btn-hover-v2-1:hover::after {
    background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-red.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-red.u-btn-hover-v2-2::after, .u-btn-outline-red.u-btn-hover-v2-2:hover::after {
    background-color: #ff1a1a;
}

.u-btn-outline-red.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightred {
    color: #e64b3b;
    border-color: #e64b3b;
    background-color: transparent;
}

.u-btn-outline-lightred:focus, .u-btn-outline-lightred.active {
    color: #fff;
    background-color: #e64b3b;
}

.u-btn-outline-lightred:hover {
    color: #fff;
    background-color: #e64b3b;
}

.u-btn-outline-lightred.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-1::after, .u-btn-outline-lightred.u-btn-hover-v1-1:hover::after {
    background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-2::after, .u-btn-outline-lightred.u-btn-hover-v1-2:hover::after {
    background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-3::after, .u-btn-outline-lightred.u-btn-hover-v1-3:hover::after {
    background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v1-4::after, .u-btn-outline-lightred.u-btn-hover-v1-4:hover::after {
    background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v2-1::after, .u-btn-outline-lightred.u-btn-hover-v2-1:hover::after {
    background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-lightred.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-lightred.u-btn-hover-v2-2::after, .u-btn-outline-lightred.u-btn-hover-v2-2:hover::after {
    background-color: #e96052;
}

.u-btn-outline-lightred.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkred {
    color: #a10f2b;
    border-color: #a10f2b;
    background-color: transparent;
}

.u-btn-outline-darkred:focus, .u-btn-outline-darkred.active {
    color: #fff;
    background-color: #a10f2b;
}

.u-btn-outline-darkred:hover {
    color: #fff;
    background-color: #a10f2b;
}

.u-btn-outline-darkred.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-1::after, .u-btn-outline-darkred.u-btn-hover-v1-1:hover::after {
    background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-2::after, .u-btn-outline-darkred.u-btn-hover-v1-2:hover::after {
    background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-3::after, .u-btn-outline-darkred.u-btn-hover-v1-3:hover::after {
    background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v1-4::after, .u-btn-outline-darkred.u-btn-hover-v1-4:hover::after {
    background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v2-1::after, .u-btn-outline-darkred.u-btn-hover-v2-1:hover::after {
    background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkred.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-darkred.u-btn-hover-v2-2::after, .u-btn-outline-darkred.u-btn-hover-v2-2:hover::after {
    background-color: #b81131;
}

.u-btn-outline-darkred.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-blue {
    color: #3398dc;
    border-color: #3398dc;
    background-color: transparent;
}

.u-btn-outline-blue:focus, .u-btn-outline-blue.active {
    color: #fff;
    background-color: #3398dc;
}

.u-btn-outline-blue:hover {
    color: #fff;
    background-color: #3398dc;
}

.u-btn-outline-blue.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-1::after, .u-btn-outline-blue.u-btn-hover-v1-1:hover::after {
    background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-2::after, .u-btn-outline-blue.u-btn-hover-v1-2:hover::after {
    background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-3::after, .u-btn-outline-blue.u-btn-hover-v1-3:hover::after {
    background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v1-4::after, .u-btn-outline-blue.u-btn-hover-v1-4:hover::after {
    background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v2-1::after, .u-btn-outline-blue.u-btn-hover-v2-1:hover::after {
    background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-blue.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-blue.u-btn-hover-v2-2::after, .u-btn-outline-blue.u-btn-hover-v2-2:hover::after {
    background-color: #49a3e0;
}

.u-btn-outline-blue.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkblue {
    color: #107ef4;
    border-color: #107ef4;
    background-color: transparent;
}

.u-btn-outline-darkblue:focus, .u-btn-outline-darkblue.active {
    color: #fff;
    background-color: #107ef4;
}

.u-btn-outline-darkblue:hover {
    color: #fff;
    background-color: #107ef4;
}

.u-btn-outline-indigo {
    color: #4263a3;
    border-color: #4263a3;
    background-color: transparent;
}

.u-btn-outline-indigo:focus, .u-btn-outline-indigo.active {
    color: #fff;
    background-color: #4263a3;
}

.u-btn-outline-indigo:hover {
    color: #fff;
    background-color: #4263a3;
}

.u-btn-outline-indigo.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-1::after, .u-btn-outline-indigo.u-btn-hover-v1-1:hover::after {
    background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-2::after, .u-btn-outline-indigo.u-btn-hover-v1-2:hover::after {
    background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-3::after, .u-btn-outline-indigo.u-btn-hover-v1-3:hover::after {
    background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v1-4::after, .u-btn-outline-indigo.u-btn-hover-v1-4:hover::after {
    background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v2-1::after, .u-btn-outline-indigo.u-btn-hover-v2-1:hover::after {
    background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-indigo.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-indigo.u-btn-hover-v2-2::after, .u-btn-outline-indigo.u-btn-hover-v2-2:hover::after {
    background-color: #496eb5;
}

.u-btn-outline-indigo.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-purple {
    color: #9a69cb;
    border-color: #9a69cb;
    background-color: transparent;
}

.u-btn-outline-purple:focus, .u-btn-outline-purple.active {
    color: #fff;
    background-color: #9a69cb;
}

.u-btn-outline-purple:hover {
    color: #fff;
    background-color: #9a69cb;
}

.u-btn-outline-purple.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-1::after, .u-btn-outline-purple.u-btn-hover-v1-1:hover::after {
    background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-2::after, .u-btn-outline-purple.u-btn-hover-v1-2:hover::after {
    background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-3::after, .u-btn-outline-purple.u-btn-hover-v1-3:hover::after {
    background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v1-4::after, .u-btn-outline-purple.u-btn-hover-v1-4:hover::after {
    background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v2-1::after, .u-btn-outline-purple.u-btn-hover-v2-1:hover::after {
    background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-purple.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-purple.u-btn-hover-v2-2::after, .u-btn-outline-purple.u-btn-hover-v2-2:hover::after {
    background-color: #a77cd2;
}

.u-btn-outline-purple.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkpurple {
    color: #6639b6;
    border-color: #6639b6;
    background-color: transparent;
}

.u-btn-outline-darkpurple:focus, .u-btn-outline-darkpurple.active {
    color: #fff;
    background-color: #6639b6;
}

.u-btn-outline-darkpurple:hover {
    color: #fff;
    background-color: #6639b6;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-1::after, .u-btn-outline-darkpurple.u-btn-hover-v1-1:hover::after {
    background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-2::after, .u-btn-outline-darkpurple.u-btn-hover-v1-2:hover::after {
    background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-3::after, .u-btn-outline-darkpurple.u-btn-hover-v1-3:hover::after {
    background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-4::after, .u-btn-outline-darkpurple.u-btn-hover-v1-4:hover::after {
    background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-1::after, .u-btn-outline-darkpurple.u-btn-hover-v2-1:hover::after {
    background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-2::after, .u-btn-outline-darkpurple.u-btn-hover-v2-2:hover::after {
    background-color: #7244c4;
}

.u-btn-outline-darkpurple.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-pink {
    color: #e81c62;
    border-color: #e81c62;
    background-color: transparent;
}

.u-btn-outline-pink:focus, .u-btn-outline-pink.active {
    color: #fff;
    background-color: #e81c62;
}

.u-btn-outline-pink:hover {
    color: #fff;
    background-color: #e81c62;
}

.u-btn-outline-pink.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-1::after, .u-btn-outline-pink.u-btn-hover-v1-1:hover::after {
    background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-2::after, .u-btn-outline-pink.u-btn-hover-v1-2:hover::after {
    background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-3::after, .u-btn-outline-pink.u-btn-hover-v1-3:hover::after {
    background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v1-4::after, .u-btn-outline-pink.u-btn-hover-v1-4:hover::after {
    background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v2-1::after, .u-btn-outline-pink.u-btn-hover-v2-1:hover::after {
    background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-pink.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-pink.u-btn-hover-v2-2::after, .u-btn-outline-pink.u-btn-hover-v2-2:hover::after {
    background-color: #ea3372;
}

.u-btn-outline-pink.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-orange {
    color: #e57d20;
    border-color: #e57d20;
    background-color: transparent;
}

.u-btn-outline-orange:focus, .u-btn-outline-orange.active {
    color: #fff;
    background-color: #e57d20;
}

.u-btn-outline-orange:hover {
    color: #fff;
    background-color: #e57d20;
}

.u-btn-outline-orange.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-1::after, .u-btn-outline-orange.u-btn-hover-v1-1:hover::after {
    background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-2::after, .u-btn-outline-orange.u-btn-hover-v1-2:hover::after {
    background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-3::after, .u-btn-outline-orange.u-btn-hover-v1-3:hover::after {
    background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v1-4::after, .u-btn-outline-orange.u-btn-hover-v1-4:hover::after {
    background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v2-1::after, .u-btn-outline-orange.u-btn-hover-v2-1:hover::after {
    background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-orange.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-orange.u-btn-hover-v2-2::after, .u-btn-outline-orange.u-btn-hover-v2-2:hover::after {
    background-color: #e88a37;
}

.u-btn-outline-orange.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-deeporange {
    color: #fe541e;
    border-color: #fe541e;
    background-color: transparent;
}

.u-btn-outline-deeporange:focus, .u-btn-outline-deeporange.active {
    color: #fff;
    background-color: #fe541e;
}

.u-btn-outline-deeporange:hover {
    color: #fff;
    background-color: #fe541e;
}

.u-btn-outline-deeporange.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-1::after, .u-btn-outline-deeporange.u-btn-hover-v1-1:hover::after {
    background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-2::after, .u-btn-outline-deeporange.u-btn-hover-v1-2:hover::after {
    background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-3::after, .u-btn-outline-deeporange.u-btn-hover-v1-3:hover::after {
    background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v1-4::after, .u-btn-outline-deeporange.u-btn-hover-v1-4:hover::after {
    background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v2-1::after, .u-btn-outline-deeporange.u-btn-hover-v2-1:hover::after {
    background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-deeporange.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-deeporange.u-btn-hover-v2-2::after, .u-btn-outline-deeporange.u-btn-hover-v2-2:hover::after {
    background-color: #fe6737;
}

.u-btn-outline-deeporange.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-yellow {
    color: #555;
    border-color: #ebc71d;
    background-color: transparent;
}

.u-btn-outline-yellow:focus, .u-btn-outline-yellow.active {
    color: #fff;
    background-color: #ebc71d;
}

.u-btn-outline-yellow:hover {
    color: #fff;
    background-color: #ebc71d;
}

.u-btn-outline-yellow.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-1::after, .u-btn-outline-yellow.u-btn-hover-v1-1:hover::after {
    background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-2::after, .u-btn-outline-yellow.u-btn-hover-v1-2:hover::after {
    background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-3::after, .u-btn-outline-yellow.u-btn-hover-v1-3:hover::after {
    background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v1-4::after, .u-btn-outline-yellow.u-btn-hover-v1-4:hover::after {
    background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v2-1::after, .u-btn-outline-yellow.u-btn-hover-v2-1:hover::after {
    background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-yellow.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-yellow.u-btn-hover-v2-2::after, .u-btn-outline-yellow.u-btn-hover-v2-2:hover::after {
    background-color: #edcd34;
}

.u-btn-outline-yellow.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-aqua {
    color: #29d6e6;
    border-color: #29d6e6;
    background-color: transparent;
}

.u-btn-outline-aqua:focus, .u-btn-outline-aqua.active {
    color: #fff;
    background-color: #29d6e6;
}

.u-btn-outline-aqua:hover {
    color: #fff;
    background-color: #29d6e6;
}

.u-btn-outline-aqua.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-1::after, .u-btn-outline-aqua.u-btn-hover-v1-1:hover::after {
    background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-2::after, .u-btn-outline-aqua.u-btn-hover-v1-2:hover::after {
    background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-3::after, .u-btn-outline-aqua.u-btn-hover-v1-3:hover::after {
    background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v1-4::after, .u-btn-outline-aqua.u-btn-hover-v1-4:hover::after {
    background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v2-1::after, .u-btn-outline-aqua.u-btn-hover-v2-1:hover::after {
    background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-aqua.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-aqua.u-btn-hover-v2-2::after, .u-btn-outline-aqua.u-btn-hover-v2-2:hover::after {
    background-color: #40dae9;
}

.u-btn-outline-aqua.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-cyan {
    color: #00bed6;
    border-color: #00bed6;
    background-color: transparent;
}

.u-btn-outline-cyan:focus, .u-btn-outline-cyan.active {
    color: #fff;
    background-color: #00bed6;
}

.u-btn-outline-cyan:hover {
    color: #fff;
    background-color: #00bed6;
}

.u-btn-outline-cyan.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-1::after, .u-btn-outline-cyan.u-btn-hover-v1-1:hover::after {
    background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-2::after, .u-btn-outline-cyan.u-btn-hover-v1-2:hover::after {
    background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-3::after, .u-btn-outline-cyan.u-btn-hover-v1-3:hover::after {
    background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v1-4::after, .u-btn-outline-cyan.u-btn-hover-v1-4:hover::after {
    background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v2-1::after, .u-btn-outline-cyan.u-btn-hover-v2-1:hover::after {
    background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-cyan.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-cyan.u-btn-hover-v2-2::after, .u-btn-outline-cyan.u-btn-hover-v2-2:hover::after {
    background-color: #00d5f0;
}

.u-btn-outline-cyan.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-teal {
    color: #18ba9b;
    border-color: #18ba9b;
    background-color: transparent;
}

.u-btn-outline-teal:focus, .u-btn-outline-teal.active {
    color: #fff;
    background-color: #18ba9b;
}

.u-btn-outline-teal:hover {
    color: #fff;
    background-color: #18ba9b;
}

.u-btn-outline-teal.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-1::after, .u-btn-outline-teal.u-btn-hover-v1-1:hover::after {
    background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-2::after, .u-btn-outline-teal.u-btn-hover-v1-2:hover::after {
    background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-3::after, .u-btn-outline-teal.u-btn-hover-v1-3:hover::after {
    background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v1-4::after, .u-btn-outline-teal.u-btn-hover-v1-4:hover::after {
    background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v2-1::after, .u-btn-outline-teal.u-btn-hover-v2-1:hover::after {
    background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-teal.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-teal.u-btn-hover-v2-2::after, .u-btn-outline-teal.u-btn-hover-v2-2:hover::after {
    background-color: #1bd1ae;
}

.u-btn-outline-teal.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-brown {
    color: #9c8061;
    border-color: #9c8061;
    background-color: transparent;
}

.u-btn-outline-brown:focus, .u-btn-outline-brown.active {
    color: #fff;
    background-color: #9c8061;
}

.u-btn-outline-brown:hover {
    color: #fff;
    background-color: #9c8061;
}

.u-btn-outline-brown.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-1::after, .u-btn-outline-brown.u-btn-hover-v1-1:hover::after {
    background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-2::after, .u-btn-outline-brown.u-btn-hover-v1-2:hover::after {
    background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-3::after, .u-btn-outline-brown.u-btn-hover-v1-3:hover::after {
    background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v1-4::after, .u-btn-outline-brown.u-btn-hover-v1-4:hover::after {
    background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v2-1::after, .u-btn-outline-brown.u-btn-hover-v2-1:hover::after {
    background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-brown.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-brown.u-btn-hover-v2-2::after, .u-btn-outline-brown.u-btn-hover-v2-2:hover::after {
    background-color: #a68d70;
}

.u-btn-outline-brown.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-bluegray {
    color: #585f69;
    border-color: #585f69;
    background-color: transparent;
}

.u-btn-outline-bluegray:focus, .u-btn-outline-bluegray.active {
    color: #fff;
    background-color: #585f69;
}

.u-btn-outline-bluegray:hover {
    color: #fff;
    background-color: #585f69;
}

.u-btn-outline-bluegray.u-btn-hover-v1-1 {
    overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-1::after, .u-btn-outline-bluegray.u-btn-hover-v1-1:hover::after {
    background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v1-2 {
    overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-2::after, .u-btn-outline-bluegray.u-btn-hover-v1-2:hover::after {
    background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-2:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v1-3 {
    overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-3::after, .u-btn-outline-bluegray.u-btn-hover-v1-3:hover::after {
    background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-3:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v1-4 {
    overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v1-4::after, .u-btn-outline-bluegray.u-btn-hover-v1-4:hover::after {
    background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v1-4:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v2-1 {
    overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v2-1::after, .u-btn-outline-bluegray.u-btn-hover-v2-1:hover::after {
    background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v2-1:hover {
    overflow: hidden;
    background-color: transparent;
}

.u-btn-outline-bluegray.u-btn-hover-v2-2 {
    overflow: hidden;
}

.u-btn-outline-bluegray.u-btn-hover-v2-2::after, .u-btn-outline-bluegray.u-btn-hover-v2-2:hover::after {
    background-color: #646c77;
}

.u-btn-outline-bluegray.u-btn-hover-v2-2:hover {
    overflow: hidden;
    background-color: transparent;
}

/* Button Facebook */
.u-btn-outline-facebook {
    color: #3b5998;
    border-color: #3b5998;
    background-color: transparent;
}

.u-btn-outline-facebook:focus, .u-btn-outline-facebook.active {
    color: #fff;
    background-color: #3b5998;
}

.u-btn-outline-facebook:hover {
    color: #fff;
    background-color: #3b5998;
}

.u-btn-outline-twitter {
    color: #00acee;
    border-color: #00acee;
    background-color: transparent;
}

.u-btn-outline-twitter:focus, .u-btn-outline-twitter.active {
    color: #fff;
    background-color: #00acee;
}

.u-btn-outline-twitter:hover {
    color: #fff;
    background-color: #00acee;
}

.u-btn-outline-dribbble {
    color: #ea4c89;
    border-color: #ea4c89;
    background-color: transparent;
}

.u-btn-outline-dribbble:focus, .u-btn-outline-dribbble.active {
    color: #fff;
    background-color: #ea4c89;
}

.u-btn-outline-dribbble:hover {
    color: #fff;
    background-color: #ea4c89;
}

.u-btn-gradient-v1 {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#4776E6), to(#8E54E9)) !important;
    background: -webkit-linear-gradient(left, #4776E6 0%, #8E54E9 100%) !important;
    background: -o-linear-gradient(left, #4776E6 0%, #8E54E9 100%) !important;
    background: linear-gradient(to right, #4776E6 0%, #8E54E9 100%) !important;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#4776E6), to(#8E54E9));
    -webkit-border-image: -webkit-linear-gradient(left, #4776E6 0%, #8E54E9 100%);
    -o-border-image: -o-linear-gradient(left, #4776E6 0%, #8E54E9 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(#4776E6), to(#8E54E9));
    border-image-slice: 1;
}

.u-btn-gradient-v1:hover, .u-btn-gradient-v1:focus, .u-btn-gradient-v1.active {
    opacity: .9;
    color: #fff;
}

.u-btn-gradient-v2 {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#E040FB), to(#00BCD4)) !important;
    background: -webkit-linear-gradient(left, #E040FB 0%, #00BCD4 100%) !important;
    background: -o-linear-gradient(left, #E040FB 0%, #00BCD4 100%) !important;
    background: linear-gradient(to right, #E040FB 0%, #00BCD4 100%) !important;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#E040FB), to(#00BCD4));
    -webkit-border-image: -webkit-linear-gradient(left, #E040FB 0%, #00BCD4 100%);
    -o-border-image: -o-linear-gradient(left, #E040FB 0%, #00BCD4 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(#E040FB), to(#00BCD4));
    border-image-slice: 1;
}

.u-btn-gradient-v2:hover, .u-btn-gradient-v2:focus, .u-btn-gradient-v2.active {
    opacity: .9;
    color: #fff;
}

.u-btn-outline-gradient-v1 {
    color: #555;
    background: transparent;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#4776E6), to(#8E54E9));
    -webkit-border-image: -webkit-linear-gradient(left, #4776E6 0%, #8E54E9 100%);
    -o-border-image: -o-linear-gradient(left, #4776E6 0%, #8E54E9 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(#4776E6), to(#8E54E9));
    border-image-slice: 1;
}

.u-btn-outline-gradient-v1:hover, .u-btn-outline-gradient-v1:focus, .u-btn-outline-gradient-v1.active {
    background: -webkit-gradient(linear, left top, right top, from(#4776E6), to(#8E54E9));
    background: -webkit-linear-gradient(left, #4776E6 0%, #8E54E9 100%);
    background: -o-linear-gradient(left, #4776E6 0%, #8E54E9 100%);
    background: linear-gradient(to right, #4776E6 0%, #8E54E9 100%);
    color: #fff;
}

.u-btn-outline-gradient-v2 {
    color: #555;
    background: transparent;
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#E040FB), to(#00BCD4));
    -webkit-border-image: -webkit-linear-gradient(left, #E040FB 0%, #00BCD4 100%);
    -o-border-image: -o-linear-gradient(left, #E040FB 0%, #00BCD4 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(#E040FB), to(#00BCD4));
    border-image-slice: 1;
}

.u-btn-outline-gradient-v2:hover, .u-btn-outline-gradient-v2:focus, .u-btn-outline-gradient-v2.active {
    background: -webkit-gradient(linear, left top, right top, from(#E040FB), to(#00BCD4));
    background: -webkit-linear-gradient(left, #E040FB 0%, #00BCD4 100%);
    background: -o-linear-gradient(left, #E040FB 0%, #00BCD4 100%);
    background: linear-gradient(to right, #E040FB 0%, #00BCD4 100%);
    color: #fff;
}

/*=======================================================
  4.12. Material Button Styles
========================================================*/

.u-btn-raised,
.u-btn-raised:active:focus,
.u-btn-raised:focus {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.u-btn-floating {
    width: 2.85714rem;
    height: 2.85714rem;
    padding: 0;
    border-radius: 50%;
    vertical-align: middle;
    overflow: hidden;
    line-height: 2.85714rem;
}

.u-btn-floating i {
    font-size: 1.6rem;
    line-height: 2.71429rem;
}

.u-btn-floating.u-halfway-fab {
    position: absolute;
    right: 1.71429rem;
    bottom: -1.42857rem;
}

.u-btn-floating.u-halfway-fab--left {
    right: auto;
    left: 1.71429rem;
}

.u-btn-floating--large {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
}

.u-btn-floating--large i {
    font-size: 1.6rem;
    line-height: 3.85714rem;
}

.u-btn-floating--large.u-halfway-fab {
    bottom: -2rem;
}

button.u-btn-floating {
    border: none;
}

.u-btn-flat {
    color: #555;
    background-color: transparent;
}

.u-btn-flat:hover {
    background-color: rgba(221, 221, 221, 0.4);
}

.u-btn-flat:hover, .u-btn-flat:focus {
    color: #555;
}

/*=======================================================
  4.13. Icons Styles
========================================================*/

.u-icon-v1,
.u-icon-v3 {
    position: relative;
    display: inline-block;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.u-icon-v1:hover,
.u-icon-v3:hover {
    text-decoration: none;
}

.u-icon-v1::before,
.u-icon-v3::before {
    display: block;
}

.u-icon-v1 > i,
.u-icon-v3 > i {
    position: relative;
    top: 50%;
    display: block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.u-icon-v1 {
    width: 2.57143rem;
    height: 2.57143rem;
    font-size: 1.42857rem;
}

.u-icon-v1.u-icon-size--xs {
    width: 1.64286rem;
    height: 1.64286rem;
    font-size: 0.92857rem;
}

 .u-icon-v3 {
    width: 3.92857rem;
    height: 3.92857rem;
    font-size: 1.57143rem;
}

 .u-icon-v3.u-icon-size--xs {
    width: 2.14286rem;
    height: 2.14286rem;
    font-size: 0.92857rem;
}

 .u-icon-v3 {
    width: 3.92857rem;
    height: 3.92857rem;
    font-size: 1.57143rem;
}

 .u-icon-v3.u-icon-size--xs {
    width: 2.14286rem;
    height: 2.14286rem;
    font-size: 0.92857rem;
}

.u-icon-v3 {
    background-color: #eee;
}

 .u-icon-v3 {
    width: 3.92857rem;
    height: 3.92857rem;
    font-size: 1.57143rem;
}

 .u-icon-v3.u-icon-size--xs {
    width: 2.14286rem;
    height: 2.14286rem;
    font-size: 0.92857rem;
}

 .u-icon-v3 {
    width: 3.92857rem;
    height: 3.92857rem;
    font-size: 1.57143rem;
}

 .u-icon-v3.u-icon-size--xs {
    width: 2.14286rem;
    height: 2.14286rem;
    font-size: 0.92857rem;
}

/*=======================================================
  4.14. Image Icons
========================================================*/

/*=======================================================
  4.15. Hover Effect
========================================================*/

/*=======================================================
  4.16. Box-Shadows Styles
========================================================*/

.u-shadow-v11 {
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
}

.u-shadow-v18 {
    -webkit-box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.15);
}

.u-shadow-v39 {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}

/*=======================================================
  4.17. Form Elements
========================================================*/

/*=======================================================
  4.18. Form States
========================================================*/

input[type="checkbox"]:checked + .g-color-white--checked,
input[type="radio"]:checked + .g-color-white--checked,
input[type="checkbox"]:checked + * .g-color-white--checked,
input[type="radio"]:checked + * .g-color-white--checked {
    color: #fff !important;
}

.g-color-white--checked.g-checked,
.g-checked .g-color-white--checked {
    color: #fff !important;
}

.g-color-primary:focus {
    color: #111111;
}

input[type="checkbox"]:checked + .g-bg-primary--checked,
input[type="radio"]:checked + .g-bg-primary--checked,
input[type="checkbox"]:checked + * .g-bg-primary--checked,
input[type="radio"]:checked + * .g-bg-primary--checked {
    background-color: #111111 !important;
}

.g-bg-primary--checked.g-checked,
.g-checked .g-bg-primary--checked {
    background-color: #111111 !important;
}

.g-brd-primary--focus:focus,
.g-brd-primary--focus.g-state-focus *,
.g-brd-primary--focus.g-state-focus *:focus {
    border-color: #111111 !important;
}

/*=======================================================
  4.19. Form Fields
========================================================*/

label.error {
    color: #d9534f;
    margin-top: .25rem;
    margin-bottom: 0;
}

input:not([type="checkbox"]):not([type="radio"]).error,
textarea.error,
select.error {
    border-color: #d9534f !important;
}

/*=======================================================
  4.20. Checkboxes
========================================================*/

.u-check {
    position: relative;
    cursor: pointer;
}

.u-check-icon-checkbox-v6 {
    width: 18px;
    height: 18px;
    font-size: 12px;
}

.u-check-icon-checkbox-v6 i {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    border: solid 1px #ccc;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.u-check-icon-checkbox-v6 i::before {
    content: attr(data-uncheck-icon);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i {
    color: #fff;
    background-color: #111111;
    border-color: #111111;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i::before,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i::before {
    content: attr(data-check-icon);
}

/*=======================================================
  4.21. File Attachments
========================================================*/

.u-file-attach-v1 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.u-file-attach-v1 input[type="file"] {
    position: absolute;
    top: -25%;
    left: -25%;
    z-index: 10;
    width: 150%;
    height: 150%;
    opacity: 0;
    cursor: pointer;
}

.u-file-attach-v1 input[readonly] {
    background-color: transparent;
}

.u-file-attach-v2 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.u-file-attach-v2 input[type="file"] {
    position: absolute;
    top: -25%;
    left: -25%;
    z-index: 10;
    width: 150%;
    height: 150%;
    opacity: 0;
    cursor: pointer;
}

.u-file-attach-v3 {
    cursor: pointer;
    position: relative;
    text-align: center;
    background-color: #f7f7f7;
    overflow: hidden;
    border: 1px dashed #ccc;
    padding: 60px;
    -webkit-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.u-file-attach-v3 input[type="file"] {
    position: absolute;
    top: -25%;
    left: -25%;
    z-index: 10;
    width: 150%;
    height: 150%;
    opacity: 0;
    cursor: pointer;
}

.u-file-attach-v3:hover {
    background-color: #eee;
}

/*=======================================================
  4.22. Selects
========================================================*/

.input-group select {
    -webkit-appearance: none;
}

/*=======================================================
  4.23. Sliders
========================================================*/

/*=======================================================
  4.24. Date Picker's
========================================================*/

.u-has-dropdowns-in-popup .ui-autocomplete,
.u-has-dropdowns-in-popup .ui-datepicker {
    z-index: 100000 !important;
}

/*=======================================================
  4.25. Quantity
========================================================*/

.js-plus,
.js-minus {
    cursor: pointer;
}

/*=======================================================
  4.26. Carousel Indicators
========================================================*/

.u-carousel-indicators-v1,
.u-carousel-indicators-v1--white {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.u-carousel-indicators-v1 li,
.u-carousel-indicators-v1--white li {
    margin: 0 5px;
}

.u-carousel-indicators-v1 li.slick-active span,
.u-carousel-indicators-v1--white li.slick-active span {
    background-color: #111111;
}

.u-carousel-indicators-v1 span,
.u-carousel-indicators-v1--white span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #777;
    opacity: 1;
}

.u-carousel-indicators-v1 span {
    background-color: #777;
}

.u-carousel-indicators-v1--white li.slick-active span {
    background-color: #fff;
}

.u-carousel-indicators-v2 li {
    margin: 0 5px;
}

.u-carousel-indicators-v2 li.slick-active span {
    opacity: 1;
}

.u-carousel-indicators-v2 span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .3;
}

.u-carousel-indicators-v3 li {
    margin: 0 3px;
}

.u-carousel-indicators-v3 li.slick-active span {
    width: 12px;
    height: 12px;
    background-color: #fff;
}

.u-carousel-indicators-v3 span {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: transparent;
}

.u-carousel-indicators-v4 li {
    margin: 0 7px;
}

.u-carousel-indicators-v4 li.slick-active span {
    background-color: #111111;
}

.u-carousel-indicators-v4 span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ccc;
}

.u-carousel-indicators-v5 {
    bottom: auto;
    left: auto;
    right: 15px;
    top: 15px;
    width: auto;
}

.u-carousel-indicators-v5 li {
    margin: 0 3px;
}

.u-carousel-indicators-v5 li.slick-active span {
    width: 9px;
    height: 9px;
    background-color: #fff;
}

.u-carousel-indicators-v5 span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: 1;
    position: relative;
}

.u-carousel-indicators-v6 {
    display: block;
    left: 50%;
    right: auto;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.u-carousel-indicators-v6::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    right: 50%;
    display: none;
    width: calc(100% - 130px);
    height: 0;
    border-bottom: 1px solid #111;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

.u-carousel-indicators-v6 span {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 1px solid #111;
    background-color: #fff;
    opacity: 1;
    margin: 4px auto 0;
}

.u-carousel-indicators-v6 li {
    display: table-cell;
    width: 1%;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    color: #111;
    vertical-align: top;
    cursor: pointer;
    float: none;
}

.u-carousel-indicators-v6 li.slick-active {
    color: #111111;
}

.u-carousel-indicators-v6 li.slick-active span {
    display: block;
    width: 17px;
    height: 17px;
    border: 3px solid #111111;
    border-radius: 10px;
    margin: 0 auto;
}

.u-carousel-indicators-v6 .u-dot-title {
    display: none;
}

@media (min-width: 768px) {
    .u-carousel-indicators-v6 {
        top: 0;
        bottom: auto;
    }

    .u-carousel-indicators-v6::before {
        display: block;
    }

    .u-carousel-indicators-v6 span {
        margin: 3px auto 19px;
    }

    .u-carousel-indicators-v6 li.slick-active span {
        margin: 0 auto 15px;
    }

    .u-carousel-indicators-v6 .u-dot-title {
        display: block;
    }
}

.u-carousel-indicators-v7 {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    display: block;
    width: 7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.u-carousel-indicators-v7 span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .3;
}

.u-carousel-indicators-v7 li {
    display: block;
    margin: 15px 0;
    float: none;
}

.u-carousel-indicators-v7 li.slick-active span {
    opacity: 1;
}

.u-carousel-indicators-v8 {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    display: block;
    width: 7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.u-carousel-indicators-v8 span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
}

.u-carousel-indicators-v8 li {
    display: block;
    margin: 15px 0;
}

.u-carousel-indicators-v8 li.slick-active span {
    background-color: #111111;
}

.u-carousel-indicators-v9 {
    padding-left: 0;
}

.u-carousel-indicators-v9 li {
    display: block;
    color: #000;
    text-transform: uppercase;
    background-color: #bbb;
    border-top-width: 0;
    border-top-style: solid;
    border-top-color: #fff;
    vertical-align: top;
    cursor: pointer;
    padding: 10px;
}

.u-carousel-indicators-v9 li + li {
    border-top-width: 1px;
}

.u-carousel-indicators-v9 li.slick-active {
    color: #fff;
    background-color: #111111;
}

@media (min-width: 576px) {
    .u-carousel-indicators-v9 li {
        display: table-cell;
        width: 1%;
        border-width: 1px;
        border-style: solid;
        border-color: #fff;
        border-left-width: 0;
        border-right-width: 0;
        float: none;
        vertical-align: top;
        cursor: pointer;
        padding: 10px;
    }

    .u-carousel-indicators-v9 li + li {
        border-left-width: 1px;
    }
}

.u-carousel-indicators-v10 {
    padding-left: 0;
}

.u-carousel-indicators-v10 li {
    display: block;
    color: #000;
    text-transform: uppercase;
    background-color: #bbb;
    border-top-width: 0;
    border-top-style: solid;
    border-top-color: #fff;
    vertical-align: top;
    cursor: pointer;
    padding: 10px;
}

.u-carousel-indicators-v10 li + li {
    border-top-width: 1px;
}

.u-carousel-indicators-v10 li.slick-active {
    color: #fff;
    background-color: #111111;
}

@media (min-width: 576px) {
    .u-carousel-indicators-v10 {
        position: absolute;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .u-carousel-indicators-v10 li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.u-carousel-indicators-v11 span {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #bbb;
    border-radius: 50%;
    background-color: transparent;
}

.u-carousel-indicators-v11 li {
    margin: 0 3px;
}

.u-carousel-indicators-v11 li.slick-active span {
    background-color: #bbb;
}

.u-carousel-indicators-v12,
.u-carousel-indicators-v12--white {
    white-space: nowrap;
}

.u-carousel-indicators-v12 li,
.u-carousel-indicators-v12--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

.u-carousel-indicators-v12 li span,
.u-carousel-indicators-v12--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
}

.u-carousel-indicators-v12 li span::before, .u-carousel-indicators-v12 li span::after,
.u-carousel-indicators-v12--white li span::before,
.u-carousel-indicators-v12--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v12 li span::before,
.u-carousel-indicators-v12--white li span::before {
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease;
}

.u-carousel-indicators-v12 li span:hover, .u-carousel-indicators-v12 li span:focus,
.u-carousel-indicators-v12--white li span:hover,
.u-carousel-indicators-v12--white li span:focus {
    background-color: rgba(0, 0, 0, 0.2);
}

.u-carousel-indicators-v12 li.slick-active span::before,
.u-carousel-indicators-v12--white li.slick-active span::before {
    height: 100%;
}

.u-carousel-indicators-v12--white li span {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
}

.u-carousel-indicators-v12--white li span::before {
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px #fff;
    box-shadow: 0 0 1px #fff;
}

.u-carousel-indicators-v13,
.u-carousel-indicators-v13--white {
    white-space: nowrap;
}

.u-carousel-indicators-v13 li,
.u-carousel-indicators-v13--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

.u-carousel-indicators-v13 li span,
.u-carousel-indicators-v13--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: background-color .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, background-color .3s ease;
    transition: transform .3s ease, background-color .3s ease, -webkit-transform .3s ease;
}

.u-carousel-indicators-v13 li span::before, .u-carousel-indicators-v13 li span::after,
.u-carousel-indicators-v13--white li span::before,
.u-carousel-indicators-v13--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v13 li.slick-active span,
.u-carousel-indicators-v13--white li.slick-active span {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.u-carousel-indicators-v13--white li span {
    background: rgba(255, 255, 255, 0.5);
}

.u-carousel-indicators-v13--white li span:hover, .u-carousel-indicators-v13--white li span:focus {
    background-color: #fff;
}

.u-carousel-indicators-v13--white li.slick-active span {
    background-color: #fff;
}

.u-carousel-indicators-v14,
.u-carousel-indicators-v14--white {
    white-space: nowrap;
}

.u-carousel-indicators-v14 li,
.u-carousel-indicators-v14--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

.u-carousel-indicators-v14 li span,
.u-carousel-indicators-v14--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: background-color .3s ease, -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease, background-color .3s ease;
    transition: box-shadow .3s ease, background-color .3s ease, -webkit-box-shadow .3s ease;
}

.u-carousel-indicators-v14 li span::before, .u-carousel-indicators-v14 li span::after,
.u-carousel-indicators-v14--white li span::before,
.u-carousel-indicators-v14--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v14--white li span {
    background: rgba(255, 255, 255, 0.5);
}

.u-carousel-indicators-v14--white li span:hover, .u-carousel-indicators-v14--white li span:focus {
    background-color: #fff;
}

.u-carousel-indicators-v14--white li.slick-active span {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
}

.u-carousel-indicators-v15,
.u-carousel-indicators-v15--white {
    white-space: nowrap;
}

.u-carousel-indicators-v15 li,
.u-carousel-indicators-v15--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

.u-carousel-indicators-v15 li span,
.u-carousel-indicators-v15--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}

.u-carousel-indicators-v15 li span::before, .u-carousel-indicators-v15 li span::after,
.u-carousel-indicators-v15--white li span::before,
.u-carousel-indicators-v15--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v15--white li span {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
}

.u-carousel-indicators-v15--white li span:hover, .u-carousel-indicators-v15--white li span:focus {
    -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
}

.u-carousel-indicators-v15--white li.slick-active span {
    -webkit-box-shadow: inset 0 0 0 8px #fff;
    box-shadow: inset 0 0 0 8px #fff;
}

.u-carousel-indicators-v16,
.u-carousel-indicators-v16--white {
    white-space: nowrap;
}

.u-carousel-indicators-v16 li,
.u-carousel-indicators-v16--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

.u-carousel-indicators-v16 li span,
.u-carousel-indicators-v16--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.u-carousel-indicators-v16 li span::before, .u-carousel-indicators-v16 li span::after,
.u-carousel-indicators-v16--white li span::before,
.u-carousel-indicators-v16--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v16 li span::before,
.u-carousel-indicators-v16--white li span::before {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.u-carousel-indicators-v16 li span:hover, .u-carousel-indicators-v16 li span:focus,
.u-carousel-indicators-v16--white li span:hover,
.u-carousel-indicators-v16--white li span:focus {
    opacity: .7;
}

.u-carousel-indicators-v16 li.slick-active span::before,
.u-carousel-indicators-v16--white li.slick-active span::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.u-carousel-indicators-v16--white li span {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
}

.u-carousel-indicators-v16--white li span::before {
    background-color: #fff;
}

.u-carousel-indicators-v16--sm li {
    width: 8px;
    height: 8px;
}

.u-carousel-indicators-v16--sm li span {
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
}

.u-carousel-indicators-v17,
.u-carousel-indicators-v17--white {
    white-space: nowrap;
}

.u-carousel-indicators-v17 li,
.u-carousel-indicators-v17--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

.u-carousel-indicators-v17 li span,
.u-carousel-indicators-v17--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.u-carousel-indicators-v17 li span::before, .u-carousel-indicators-v17 li span::after,
.u-carousel-indicators-v17--white li span::before,
.u-carousel-indicators-v17--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v17--white li span {
    -webkit-box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.5);
}

.u-carousel-indicators-v17--white li span:hover, .u-carousel-indicators-v17--white li span:focus {
    -webkit-box-shadow: inset 0 0 0 8px #fff;
    box-shadow: inset 0 0 0 8px #fff;
}

.u-carousel-indicators-v17--white li.slick-active span {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
}

.u-carousel-indicators-v18,
.u-carousel-indicators-v18--white {
    white-space: nowrap;
}

.u-carousel-indicators-v18 li,
.u-carousel-indicators-v18--white li {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 5px;
}

.u-carousel-indicators-v18 li span,
.u-carousel-indicators-v18--white li span {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.u-carousel-indicators-v18 li span::before, .u-carousel-indicators-v18 li span::after,
.u-carousel-indicators-v18--white li span::before,
.u-carousel-indicators-v18--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v18 li span:hover, .u-carousel-indicators-v18 li span:focus,
.u-carousel-indicators-v18--white li span:hover,
.u-carousel-indicators-v18--white li span:focus {
    opacity: .5;
}

.u-carousel-indicators-v18 li svg,
.u-carousel-indicators-v18 li i,
.u-carousel-indicators-v18--white li svg,
.u-carousel-indicators-v18--white li i {
    z-index: 10;
    width: 100%;
    height: 100%;
}

.u-carousel-indicators-v18 li svg circle,
.u-carousel-indicators-v18 li svg path,
.u-carousel-indicators-v18 li svg polygon,
.u-carousel-indicators-v18 li i circle,
.u-carousel-indicators-v18 li i path,
.u-carousel-indicators-v18 li i polygon,
.u-carousel-indicators-v18--white li svg circle,
.u-carousel-indicators-v18--white li svg path,
.u-carousel-indicators-v18--white li svg polygon,
.u-carousel-indicators-v18--white li i circle,
.u-carousel-indicators-v18--white li i path,
.u-carousel-indicators-v18--white li i polygon {
    opacity: 0;
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 39;
    stroke-dashoffset: 39;
    -webkit-transition: stroke-dashoffset .3s, opacity .3s;
    -o-transition: stroke-dashoffset .3s, opacity .3s;
    transition: stroke-dashoffset .3s, opacity .3s;
}

.u-carousel-indicators-v18 li.slick-active span,
.u-carousel-indicators-v18--white li.slick-active span {
    opacity: .5;
}

.u-carousel-indicators-v18 li.slick-active svg circle,
.u-carousel-indicators-v18 li.slick-active svg path,
.u-carousel-indicators-v18 li.slick-active svg polygon,
.u-carousel-indicators-v18 li.slick-active i circle,
.u-carousel-indicators-v18 li.slick-active i path,
.u-carousel-indicators-v18 li.slick-active i polygon,
.u-carousel-indicators-v18--white li.slick-active svg circle,
.u-carousel-indicators-v18--white li.slick-active svg path,
.u-carousel-indicators-v18--white li.slick-active svg polygon,
.u-carousel-indicators-v18--white li.slick-active i circle,
.u-carousel-indicators-v18--white li.slick-active i path,
.u-carousel-indicators-v18--white li.slick-active i polygon {
    opacity: 1;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset .3s, opacity .15s;
    -o-transition: stroke-dashoffset .3s, opacity .15s;
    transition: stroke-dashoffset .3s, opacity .15s;
}

.u-carousel-indicators-v18--white li span {
    background-color: #111111;
}

.u-carousel-indicators-v18--white li svg circle,
.u-carousel-indicators-v18--white li svg path,
.u-carousel-indicators-v18--white li svg polygon,
.u-carousel-indicators-v18--white li i circle,
.u-carousel-indicators-v18--white li i path,
.u-carousel-indicators-v18--white li i polygon {
    stroke: #fff;
}

.u-carousel-indicators-v19,
.u-carousel-indicators-v19--white {
    white-space: nowrap;
}

.u-carousel-indicators-v19 li,
.u-carousel-indicators-v19--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 0 5px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}

.u-carousel-indicators-v19 li span,
.u-carousel-indicators-v19--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: background-color .3s ease, -webkit-transform .3s ease;
    -o-transition: background-color .3s ease, transform .3s ease;
    transition: background-color .3s ease, transform .3s ease, -webkit-transform .3s ease;
}

.u-carousel-indicators-v19 li span::before, .u-carousel-indicators-v19 li span::after,
.u-carousel-indicators-v19--white li span::before,
.u-carousel-indicators-v19--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v19 li.slick-active span,
.u-carousel-indicators-v19--white li.slick-active span {
    background-color: #fff;
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}

.u-carousel-indicators-v19--white li {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
}

.u-carousel-indicators-v19--white li span {
    background-color: rgba(255, 255, 255, 0.7);
}

.u-carousel-indicators-v19--white li span:hover, .u-carousel-indicators-v19--white li span:focus {
    background-color: #fff;
}

.u-carousel-indicators-v19--white li.slick-active {
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
}

.u-carousel-indicators-v20,
.u-carousel-indicators-v20--white {
    white-space: nowrap;
}

.u-carousel-indicators-v20 li,
.u-carousel-indicators-v20--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

.u-carousel-indicators-v20 li span,
.u-carousel-indicators-v20--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
}

.u-carousel-indicators-v20 li span::before, .u-carousel-indicators-v20 li span::after,
.u-carousel-indicators-v20--white li span::before,
.u-carousel-indicators-v20--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v20 li span::before,
.u-carousel-indicators-v20--white li span::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-transition: opacity .3s ease, visibility 0s .3s, -webkit-transform .3s ease;
    -o-transition: opacity .3s ease, transform .3s ease, visibility 0s .3s;
    transition: opacity .3s ease, transform .3s ease, visibility 0s .3s, -webkit-transform .3s ease;
}

.u-carousel-indicators-v20 li span:hover, .u-carousel-indicators-v20 li span:focus,
.u-carousel-indicators-v20--white li span:hover,
.u-carousel-indicators-v20--white li span:focus {
    border-color: #111111;
}

.u-carousel-indicators-v20 li.slick-active span,
.u-carousel-indicators-v20--white li.slick-active span {
    border-color: #111111;
}

.u-carousel-indicators-v20 li.slick-active span::before,
.u-carousel-indicators-v20--white li.slick-active span::before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    -o-transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
}

.u-carousel-indicators-v20--white li span {
    border: 2px solid #fff;
}

.u-carousel-indicators-v20--white li span::before {
    background: #111111;
    -webkit-box-shadow: 0 0 1px #111111;
    box-shadow: 0 0 1px #111111;
}

.u-carousel-indicators-v21,
.u-carousel-indicators-v21--white {
    white-space: nowrap;
}

.u-carousel-indicators-v21 li,
.u-carousel-indicators-v21--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.u-carousel-indicators-v21 li span,
.u-carousel-indicators-v21--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
}

.u-carousel-indicators-v21 li span::before, .u-carousel-indicators-v21 li span::after,
.u-carousel-indicators-v21--white li span::before,
.u-carousel-indicators-v21--white li span::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-indent: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.u-carousel-indicators-v21 li span::after,
.u-carousel-indicators-v21--white li span::after {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.u-carousel-indicators-v21 li span:hover,
.u-carousel-indicators-v21--white li span:hover {
    opacity: .8;
}

.u-carousel-indicators-v21 li.slick-active span,
.u-carousel-indicators-v21--white li.slick-active span {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.u-carousel-indicators-v21--white li span::before {
    background-color: #fff;
}

.u-carousel-indicators-v21--white li span::after {
    background-color: #111111;
}

.u-carousel-indicators-v22,
.u-carousel-indicators-v22--white {
    white-space: nowrap;
}

.u-carousel-indicators-v22 li,
.u-carousel-indicators-v22--white li {
    position: relative;
    display: inline-block;
    z-index: 1;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 5px;
    -webkit-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
}

.u-carousel-indicators-v22 li span,
.u-carousel-indicators-v22--white li span {
    position: absolute;
    bottom: 250%;
    left: 50%;
    width: auto;
    height: auto;
    line-height: 2;
    opacity: 0;
    white-space: nowrap;
    visibility: hidden;
    border-radius: 0;
    padding: 0 10px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .3s ease, visibility 0s .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .3s ease, visibility 0s .3s ease;
    transition: transform .3s ease, opacity .3s ease, visibility 0s .3s ease, -webkit-transform .3s ease;
}

.u-carousel-indicators-v22 li span::before, .u-carousel-indicators-v22 li span::after,
.u-carousel-indicators-v22--white li span::before,
.u-carousel-indicators-v22--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v22 li span::before,
.u-carousel-indicators-v22--white li span::before {
    display: block;
    position: absolute;
    top: 99%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: 10px solid transparent;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.u-carousel-indicators-v22 li span:hover,
.u-carousel-indicators-v22--white li span:hover {
    z-index: 11;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
}

.u-carousel-indicators-v22 li.slick-active span,
.u-carousel-indicators-v22--white li.slick-active span {
    z-index: 100;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
}

.u-carousel-indicators-v22 li.slick-active:hover span,
.u-carousel-indicators-v22--white li.slick-active:hover span {
    opacity: 1 !important;
}

.u-carousel-indicators-v22 li:hover,
.u-carousel-indicators-v22--white li:hover {
    z-index: 11;
}

.u-carousel-indicators-v22:hover li.slick-active span,
.u-carousel-indicators-v22--white:hover li.slick-active span {
    opacity: .2;
}

.u-carousel-indicators-v22--white li {
    border: 2px solid #fff;
}

.u-carousel-indicators-v22--white li span {
    color: #fff;
    background-color: #111111;
}

.u-carousel-indicators-v22--white li span::before {
    border-top-color: #111111;
}

.u-carousel-indicators-v22--white li.slick-active {
    border-color: #111111;
}

.u-carousel-indicators-v23,
.u-carousel-indicators-v23--white {
    white-space: nowrap;
}

.u-carousel-indicators-v23 li,
.u-carousel-indicators-v23--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

.u-carousel-indicators-v23 li span,
.u-carousel-indicators-v23--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.u-carousel-indicators-v23 li span::before, .u-carousel-indicators-v23 li span::after,
.u-carousel-indicators-v23--white li span::before,
.u-carousel-indicators-v23--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v23 li.slick-active:first-child ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:first-child ~ .u-dots-helper {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(2) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(2) ~ .u-dots-helper {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(3) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(3) ~ .u-dots-helper {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(4) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(4) ~ .u-dots-helper {
    -webkit-transform: translateX(300%);
    -ms-transform: translateX(300%);
    transform: translateX(300%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(5) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(5) ~ .u-dots-helper {
    -webkit-transform: translateX(400%);
    -ms-transform: translateX(400%);
    transform: translateX(400%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(6) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(6) ~ .u-dots-helper {
    -webkit-transform: translateX(500%);
    -ms-transform: translateX(500%);
    transform: translateX(500%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(7) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(7) ~ .u-dots-helper {
    -webkit-transform: translateX(600%);
    -ms-transform: translateX(600%);
    transform: translateX(600%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(8) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(8) ~ .u-dots-helper {
    -webkit-transform: translateX(700%);
    -ms-transform: translateX(700%);
    transform: translateX(700%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(9) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(9) ~ .u-dots-helper {
    -webkit-transform: translateX(800%);
    -ms-transform: translateX(800%);
    transform: translateX(800%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(10) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(10) ~ .u-dots-helper {
    -webkit-transform: translateX(900%);
    -ms-transform: translateX(900%);
    transform: translateX(900%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(11) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(11) ~ .u-dots-helper {
    -webkit-transform: translateX(1000%);
    -ms-transform: translateX(1000%);
    transform: translateX(1000%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(12) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(12) ~ .u-dots-helper {
    -webkit-transform: translateX(1100%);
    -ms-transform: translateX(1100%);
    transform: translateX(1100%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(13) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(13) ~ .u-dots-helper {
    -webkit-transform: translateX(1200%);
    -ms-transform: translateX(1200%);
    transform: translateX(1200%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(14) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(14) ~ .u-dots-helper {
    -webkit-transform: translateX(1300%);
    -ms-transform: translateX(1300%);
    transform: translateX(1300%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(15) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(15) ~ .u-dots-helper {
    -webkit-transform: translateX(1400%);
    -ms-transform: translateX(1400%);
    transform: translateX(1400%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(16) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(16) ~ .u-dots-helper {
    -webkit-transform: translateX(1500%);
    -ms-transform: translateX(1500%);
    transform: translateX(1500%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(17) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(17) ~ .u-dots-helper {
    -webkit-transform: translateX(1600%);
    -ms-transform: translateX(1600%);
    transform: translateX(1600%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(18) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(18) ~ .u-dots-helper {
    -webkit-transform: translateX(1700%);
    -ms-transform: translateX(1700%);
    transform: translateX(1700%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(19) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(19) ~ .u-dots-helper {
    -webkit-transform: translateX(1800%);
    -ms-transform: translateX(1800%);
    transform: translateX(1800%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(20) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(20) ~ .u-dots-helper {
    -webkit-transform: translateX(1900%);
    -ms-transform: translateX(1900%);
    transform: translateX(1900%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(21) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(21) ~ .u-dots-helper {
    -webkit-transform: translateX(2000%);
    -ms-transform: translateX(2000%);
    transform: translateX(2000%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(22) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(22) ~ .u-dots-helper {
    -webkit-transform: translateX(2100%);
    -ms-transform: translateX(2100%);
    transform: translateX(2100%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(23) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(23) ~ .u-dots-helper {
    -webkit-transform: translateX(2200%);
    -ms-transform: translateX(2200%);
    transform: translateX(2200%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(24) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(24) ~ .u-dots-helper {
    -webkit-transform: translateX(2300%);
    -ms-transform: translateX(2300%);
    transform: translateX(2300%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(25) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(25) ~ .u-dots-helper {
    -webkit-transform: translateX(2400%);
    -ms-transform: translateX(2400%);
    transform: translateX(2400%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(26) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(26) ~ .u-dots-helper {
    -webkit-transform: translateX(2500%);
    -ms-transform: translateX(2500%);
    transform: translateX(2500%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(27) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(27) ~ .u-dots-helper {
    -webkit-transform: translateX(2600%);
    -ms-transform: translateX(2600%);
    transform: translateX(2600%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(28) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(28) ~ .u-dots-helper {
    -webkit-transform: translateX(2700%);
    -ms-transform: translateX(2700%);
    transform: translateX(2700%);
}

.u-carousel-indicators-v23 li.slick-active:nth-child(29) ~ .u-dots-helper,
.u-carousel-indicators-v23--white li.slick-active:nth-child(29) ~ .u-dots-helper {
    -webkit-transform: translateX(2800%);
    -ms-transform: translateX(2800%);
    transform: translateX(2800%);
}

.u-carousel-indicators-v23 .u-dots-helper,
.u-carousel-indicators-v23--white .u-dots-helper {
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.u-carousel-indicators-v23 .u-dots-helper::before,
.u-carousel-indicators-v23--white .u-dots-helper::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.u-carousel-indicators-v23--white li span {
    background: rgba(255, 255, 255, 0.5);
}

.u-carousel-indicators-v23--white li span:hover, .u-carousel-indicators-v23--white li span:focus {
    background-color: #fff;
}

.u-carousel-indicators-v23--white .u-dots-helper::before {
    background: #111111;
}

.u-carousel-indicators-v24,
.u-carousel-indicators-v24--white {
    white-space: nowrap;
}

.u-carousel-indicators-v24 li,
.u-carousel-indicators-v24--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

.u-carousel-indicators-v24 li span,
.u-carousel-indicators-v24--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 50%;
    text-indent: -9999px;
}

.u-carousel-indicators-v24 li span::before, .u-carousel-indicators-v24 li span::after,
.u-carousel-indicators-v24--white li span::before,
.u-carousel-indicators-v24--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v24 li span::before,
.u-carousel-indicators-v24--white li span::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease, visibility 0s .3s ease, -webkit-transform .3s ease .3s;
    -o-transition: transform .3s ease .3s, opacity .3s ease, visibility 0s .3s ease;
    transition: transform .3s ease .3s, opacity .3s ease, visibility 0s .3s ease, -webkit-transform .3s ease .3s;
    -webkit-transform-origin: -200% 50%;
    -ms-transform-origin: -200% 50%;
    transform-origin: -200% 50%;
    -webkit-transform: rotate(-100deg);
    -ms-transform: rotate(-100deg);
    transform: rotate(-100deg);
}

.u-carousel-indicators-v24 li.slick-active-right span::before,
.u-carousel-indicators-v24--white li.slick-active-right span::before {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform-origin: 300% 50%;
    -ms-transform-origin: 300% 50%;
    transform-origin: 300% 50%;
    -webkit-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);
}

.u-carousel-indicators-v24 li.slick-current span::before,
.u-carousel-indicators-v24--white li.slick-current span::before {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.u-carousel-indicators-v24--white li span {
    border: 2px solid #111111;
}

.u-carousel-indicators-v24--white li span::before {
    background: #fff;
}

.u-carousel-indicators-v24--white li span:focus {
    background: rgba(255, 255, 255, 0.2);
}

.u-carousel-indicators-v25,
.u-carousel-indicators-v25--white {
    white-space: nowrap;
}

.u-carousel-indicators-v25 li,
.u-carousel-indicators-v25--white li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

.u-carousel-indicators-v25 li::before,
.u-carousel-indicators-v25--white li::before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: opacity .3s ease, visibility 0s .3s, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .3s ease, visibility 0s .3s;
    transition: transform .3s ease, opacity .3s ease, visibility 0s .3s, -webkit-transform .3s ease;
}

.u-carousel-indicators-v25 li span,
.u-carousel-indicators-v25--white li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: opacity .3s ease, background-color .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .3s ease, background-color .3s ease;
    transition: transform .3s ease, opacity .3s ease, background-color .3s ease, -webkit-transform .3s ease;
}

.u-carousel-indicators-v25 li span::before, .u-carousel-indicators-v25 li span::after,
.u-carousel-indicators-v25--white li span::before,
.u-carousel-indicators-v25--white li span::after {
    content: "";
    display: none;
}

.u-carousel-indicators-v25 li.slick-active::before,
.u-carousel-indicators-v25--white li.slick-active::before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.u-carousel-indicators-v25 li.slick-active span,
.u-carousel-indicators-v25--white li.slick-active span {
    opacity: 0;
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
}

.u-carousel-indicators-v25--white li::before {
    background-color: #111111;
}

.u-carousel-indicators-v25--white li span {
    background: rgba(255, 255, 255, 0.5);
}

.u-carousel-indicators-v25--white li span::before {
    background-color: #111111;
}

.u-carousel-indicators-v25--white li span:focus {
    background-color: #111111;
}

.u-carousel-indicators-v25--white li:hover span {
    background-color: #fff;
}

.u-carousel-indicators-v25--white li.slick-active span {
    background-color: #111111;
}

.u-carousel-indicators-v26 li,
.u-carousel-indicators-v26--white li,
.u-carousel-indicators-v26--vertical li,
.u-carousel-indicators-v26--vertical--white li {
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 40px;
}

.u-carousel-indicators-v26 li::before,
.u-carousel-indicators-v26--white li::before,
.u-carousel-indicators-v26--vertical li::before,
.u-carousel-indicators-v26--vertical--white li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid;
    border-radius: 50%;
    -webkit-transition: width .3s, height .3s, border-color .3s, border-width .3s, background .3s;
    -o-transition: width .3s, height .3s, border-color .3s, border-width .3s, background .3s;
    transition: width .3s, height .3s, border-color .3s, border-width .3s, background .3s;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.u-carousel-indicators-v26 li::after,
.u-carousel-indicators-v26--white li::after,
.u-carousel-indicators-v26--vertical li::after,
.u-carousel-indicators-v26--vertical--white li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    display: block;
    width: 44px;
    height: 0;
    border-top: 2px solid;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -2px;
}

.u-carousel-indicators-v26 li span,
.u-carousel-indicators-v26--white li span,
.u-carousel-indicators-v26--vertical li span,
.u-carousel-indicators-v26--vertical--white li span {
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    opacity: .3;
    -webkit-transition: opacity .3s, color .3s;
    -o-transition: opacity .3s, color .3s;
    transition: opacity .3s, color .3s;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 0 15px 0;
}

.u-carousel-indicators-v26 li.slick-active::before,
.u-carousel-indicators-v26--white li.slick-active::before,
.u-carousel-indicators-v26--vertical li.slick-active::before,
.u-carousel-indicators-v26--vertical--white li.slick-active::before {
    width: 20px;
    height: 20px;
}

.u-carousel-indicators-v26 li.slick-active span,
.u-carousel-indicators-v26--white li.slick-active span,
.u-carousel-indicators-v26--vertical li.slick-active span,
.u-carousel-indicators-v26--vertical--white li.slick-active span {
    opacity: 1;
}

.u-carousel-indicators-v26 li:last-child,
.u-carousel-indicators-v26--white li:last-child,
.u-carousel-indicators-v26--vertical li:last-child,
.u-carousel-indicators-v26--vertical--white li:last-child {
    margin-bottom: 0;
    margin-right: 0;
}

.u-carousel-indicators-v26 li:last-child::after,
.u-carousel-indicators-v26--white li:last-child::after,
.u-carousel-indicators-v26--vertical li:last-child::after,
.u-carousel-indicators-v26--vertical--white li:last-child::after {
    display: none;
}

.u-carousel-indicators-v26--vertical,
.u-carousel-indicators-v26--vertical--white {
    width: 20px;
}

.u-carousel-indicators-v26--vertical li,
.u-carousel-indicators-v26--vertical--white li {
    display: block;
    float: none;
    margin-bottom: 15px;
    margin-right: 0;
}

.u-carousel-indicators-v26--vertical li::after,
.u-carousel-indicators-v26--vertical--white li::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: -1;
    display: block;
    width: 0;
    height: 19px;
    border-left: 2px solid;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    margin-top: -2px;
    margin-left: 0;
}

.u-carousel-indicators-v26--vertical li span,
.u-carousel-indicators-v26--vertical--white li span {
    display: block;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 100%;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    opacity: .3;
    -webkit-transition: opacity .3s, color .3s;
    -o-transition: opacity .3s, color .3s;
    transition: opacity .3s, color .3s;
    -webkit-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    padding: 0 0 0 15px;
}

.u-carousel-indicators-v26--white li::before,
.u-carousel-indicators-v26--vertical--white li::before {
    border-color: #111111;
}

.u-carousel-indicators-v26--white li::after,
.u-carousel-indicators-v26--vertical--white li::after {
    border-color: #111111;
}

.u-carousel-indicators-v26--white li span,
.u-carousel-indicators-v26--vertical--white li span {
    color: #fff;
}

.u-carousel-indicators-v26--white li:not(.slick-active):hover::before,
.u-carousel-indicators-v26--vertical--white li:not(.slick-active):hover::before {
    border-color: #fff;
    background-color: #fff;
}

.u-carousel-indicators-v26--white li.slick-active::before,
.u-carousel-indicators-v26--vertical--white li.slick-active::before {
    border-color: #fff;
}

.u-carousel-indicators-v26--white li.slick-active span,
.u-carousel-indicators-v26--vertical--white li.slick-active span {
    color: #fff;
}

.u-carousel-indicators-v27 li,
.u-carousel-indicators-v27--white li,
.u-carousel-indicators-v27--vertical li,
.u-carousel-indicators-v27--vertical--white li {
    position: relative;
    width: 40px;
    height: 4px;
    float: left;
    margin: 0 5px;
}

.u-carousel-indicators-v27 li span,
.u-carousel-indicators-v27--white li span,
.u-carousel-indicators-v27--vertical li span,
.u-carousel-indicators-v27--vertical--white li span {
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
    opacity: .7;
    overflow: hidden;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.u-carousel-indicators-v27 li span::before,
.u-carousel-indicators-v27--white li span::before,
.u-carousel-indicators-v27--vertical li span::before,
.u-carousel-indicators-v27--vertical--white li span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.u-carousel-indicators-v27 li strong,
.u-carousel-indicators-v27--white li strong,
.u-carousel-indicators-v27--vertical li strong,
.u-carousel-indicators-v27--vertical--white li strong {
    position: absolute;
    bottom: 105%;
    left: 0;
    display: block;
    width: 40px;
    font-weight: 700;
    font-size: 20px;
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    -o-transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.u-carousel-indicators-v27 li:not(.slick-active):hover span, .u-carousel-indicators-v27 li:not(.slick-active):focus span,
.u-carousel-indicators-v27--white li:not(.slick-active):hover span,
.u-carousel-indicators-v27--white li:not(.slick-active):focus span,
.u-carousel-indicators-v27--vertical li:not(.slick-active):hover span,
.u-carousel-indicators-v27--vertical li:not(.slick-active):focus span,
.u-carousel-indicators-v27--vertical--white li:not(.slick-active):hover span,
.u-carousel-indicators-v27--vertical--white li:not(.slick-active):focus span {
    opacity: 1;
}

.u-carousel-indicators-v27 li.slick-active span::before,
.u-carousel-indicators-v27--white li.slick-active span::before,
.u-carousel-indicators-v27--vertical li.slick-active span::before,
.u-carousel-indicators-v27--vertical--white li.slick-active span::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.u-carousel-indicators-v27 li.slick-active strong,
.u-carousel-indicators-v27--white li.slick-active strong,
.u-carousel-indicators-v27--vertical li.slick-active strong,
.u-carousel-indicators-v27--vertical--white li.slick-active strong {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}

.u-carousel-indicators-v27--vertical li,
.u-carousel-indicators-v27--vertical--white li {
    display: block;
    width: 40px;
    height: 40px;
    float: none;
    margin: 15px 0;
}

.u-carousel-indicators-v27--vertical li span,
.u-carousel-indicators-v27--vertical--white li span {
    position: relative;
    display: block;
    width: 4px;
    height: 100%;
    opacity: .7;
    overflow: hidden;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.u-carousel-indicators-v27--vertical li span::before,
.u-carousel-indicators-v27--vertical--white li span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.u-carousel-indicators-v27--vertical li strong,
.u-carousel-indicators-v27--vertical--white li strong {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 105%;
    display: block;
    width: 40px;
    font-weight: 700;
    font-size: 20px;
    opacity: 0;
    -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(1em, 0, 0);
    transform: rotate3d(0, 0, 1, 90deg) translate3d(1em, 0, 0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    -o-transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.u-carousel-indicators-v27--vertical li.slick-active span::before,
.u-carousel-indicators-v27--vertical--white li.slick-active span::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.u-carousel-indicators-v27--vertical li.slick-active strong,
.u-carousel-indicators-v27--vertical--white li.slick-active strong {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
}

.u-carousel-indicators-v27--white li span,
.u-carousel-indicators-v27--vertical--white li span {
    background: #fff;
}

.u-carousel-indicators-v27--white li span::before,
.u-carousel-indicators-v27--vertical--white li span::before {
    background: #111111;
}

.u-carousel-indicators-v27--white li strong,
.u-carousel-indicators-v27--vertical--white li strong {
    color: #fff;
}

.u-carousel-indicators-v28 {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    display: block;
    width: 7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.u-carousel-indicators-v28 li {
    display: block;
    margin: 15px 0;
    float: none;
}

.u-carousel-indicators-v28 li.slick-active span {
    background-color: #111111;
    opacity: 1;
}

.u-carousel-indicators-v28 span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #777;
    opacity: .3;
}

.u-carousel-indicators-v29 {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.u-carousel-indicators-v29 li {
    display: inline-block;
    min-width: 30px;
    cursor: pointer;
    float: none;
    border-top: 3px solid #fff;
    margin: -2px 20px 0;
}

.u-carousel-indicators-v29 li.slick-active {
    color: #111111;
    border-top-color: #111111;
}

.u-carousel-indicators-v29 .u-dot-title {
    display: none;
}

@media (min-width: 576px) {
    .u-carousel-indicators-v29 {
        border-top: 1px solid;
    }

    .u-carousel-indicators-v29 li {
        border-top: 3px solid transparent;
        padding-top: 10px;
        margin: -2px 20px 0;
    }

    .u-carousel-indicators-v29 .u-dot-title {
        display: block;
    }
}

.u-carousel-indicators-v30 {
    display: block;
    width: 100%;
}

.u-carousel-indicators-v30 > li {
    display: table-cell;
    width: 1%;
    text-align: center;
    float: none;
}

.u-carousel-indicators-v30 span {
    display: inline-block;
}

@media (min-width: 576px) {
    .u-carousel-indicators-v30 {
        display: block;
        width: 100%;
    }

    .u-carousel-indicators-v30 > li {
        display: table-cell;
        width: 1%;
        text-align: center;
        float: none;
    }

    .u-carousel-indicators-v30 span {
        display: inline-block;
    }
}

.u-carousel-indicators-v31,
.u-carousel-indicators-v31--white {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.u-carousel-indicators-v31 li,
.u-carousel-indicators-v31--white li {
    margin: 0 5px;
}

.u-carousel-indicators-v31 li.slick-active span,
.u-carousel-indicators-v31--white li.slick-active span {
    position: relative;
    top: 1px;
    width: 13px;
    height: 13px;
    background-color: #111111;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}

.u-carousel-indicators-v31 span,
.u-carousel-indicators-v31--white span {
    position: relative;
    top: 2px;
    width: 11px;
    height: 11px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 1;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    background-color: #ddd;
}

.u-carousel-indicators-v32 .slick-slide {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.u-carousel-indicators-v32 .slick-slide .u-carousel-indicators-v32-img {
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0);
}

.u-carousel-indicators-v32 .slick-center {
    width: 70px;
    height: 70px;
    -webkit-transform: scale(1.35);
}

.u-carousel-indicators-v32 .slick-center .u-carousel-indicators-v32-img {
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1);
    border-color: #fff;
}

.u-carousel-indicators-v33 {
    position: relative;
    padding-top: 15px;
    padding-left: 0;
}

.u-carousel-indicators-v33 li {
    display: block;
    color: #eee;
    cursor: pointer;
    padding: 10px 0;
}

.u-carousel-indicators-v33 li:hover {
    color: rgba(17, 17, 17, 0.5);
}

.u-carousel-indicators-v33 li.slick-active {
    color: #111111;
}

.u-carousel-indicators-v33 li span {
    display: none;
}

.u-carousel-indicators-v34 li {
    display: block;
    margin: 10px 0;
}

.u-carousel-indicators-v34 li.slick-active span {
    background-color: #111111;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.u-carousel-indicators-v34 span {
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.u-carousel-indicators-v35 li,
.u-carousel-indicators-v35--white li,
.u-carousel-indicators-v35--main li {
    display: inline-block;
    margin: 0 5px;
}

.u-carousel-indicators-v35 li.slick-active span,
.u-carousel-indicators-v35--white li.slick-active span,
.u-carousel-indicators-v35--main li.slick-active span {
    opacity: 1;
}

.u-carousel-indicators-v35 span,
.u-carousel-indicators-v35--white span,
.u-carousel-indicators-v35--main span {
    width: 13px;
    height: 13px;
    background-color: #111111;
    border: 2px solid transparent;
    opacity: .7;
    border-radius: 50%;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.u-carousel-indicators-v35 li.slick-active span,
.u-carousel-indicators-v35--white li.slick-active span,
.u-carousel-indicators-v35--main li.slick-active span {
    background-color: transparent;
    border-color: #111111;
    opacity: .5;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.u-carousel-indicators-v35--white li span {
    background-color: #fff;
}

.u-carousel-indicators-v35--white li.slick-active span {
    border-color: #fff;
}

.u-carousel-indicators-v35--main li span {
    background-color: #000;
}

.u-carousel-indicators-v35--main li.slick-active span {
    border-color: #000;
}

/*=======================================================
  4.27. Breadcrumbs
========================================================*/

/*=======================================================
  4.28. Dot Lines
========================================================*/

/*=======================================================
  4.29. Headings
========================================================*/

[class*="u-heading-v3-"] {
    border-bottom: 1px dotted #ccc;
}

.u-heading-v3__title {
    position: relative;
    top: 1px;
    display: inline-block;
    margin: 0;
    padding-bottom: 0.71429rem;
    border-bottom: 1px solid #555;
}

/*=======================================================
  4.30. Backgrounds
========================================================*/

/*=======================================================
  4.31. Progress Bars
========================================================*/

.progress-bar {
    min-height: 0 !important;
    display: block;
    line-height: 1.4;
    height: 1rem;
}

.u-progress__pointer-v1 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 42px;
    height: 42px;
    margin: -21px -21px 0 0;
    background-color: transparent;
    line-height: 42px;
    z-index: 1;
}

.u-progress__pointer-v2 {
    position: absolute;
    bottom: 100%;
    right: 0;
    min-width: 46px;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    margin-bottom: 5px;
    background-color: transparent;
    z-index: 1;
}

.u-progress__pointer-v2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
    border-style: solid;
    border-color: #111111 transparent;
    border-width: 5px 5px 0;
}

.u-progress__pointer-v3 {
    position: relative;
    float: right;
    white-space: nowrap;
    line-height: 1.2;
}

.u-progress__pointer-v3::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -10px;
    margin-right: -5px;
    border-style: solid;
    border-color: #111111 transparent;
    border-width: 5px 5px 0;
}

.u-progress-bar-vertical-v1 {
    height: 200px;
}

.u-progress-bar--2xs {
    min-height: 1px !important;
}

.u-progress-bar--xs {
    min-height: 3px !important;
}

.u-progress-bar--sm {
    min-height: 7px !important;
}

.u-progress-bar--md {
    min-height: 11px !important;
}

.u-progress-bar--lg {
    min-height: 18px !important;
}

.u-progress-bar--xl {
    min-height: 22px !important;
}

.u-progress-bar--2xl {
    min-height: 33px !important;
}

.u-progress-bar-width-10x {
    width: 10%;
}

.u-progress-bar-width-20x {
    width: 20%;
}

.u-progress-bar-width-30x {
    width: 30%;
}

.u-progress-bar-width-40x {
    width: 40%;
}

.u-progress-bar-width-50x {
    width: 50%;
}

.u-progress-bar-width-60x {
    width: 60%;
}

.u-progress-bar-width-70x {
    width: 70%;
}

.u-progress-bar-width-80x {
    width: 80%;
}

.u-progress-bar-width-90x {
    width: 90%;
}

.u-progress-bar-width-100x {
    width: 100%;
}

.u-progress-bar-height-10x {
    height: 10%;
}

.u-progress-bar-height-20x {
    height: 20%;
}

.u-progress-bar-height-30x {
    height: 30%;
}

.u-progress-bar-height-40x {
    height: 40%;
}

.u-progress-bar-height-50x {
    height: 50%;
}

.u-progress-bar-height-60x {
    height: 60%;
}

.u-progress-bar-height-70x {
    height: 70%;
}

.u-progress-bar-height-80x {
    height: 80%;
}

.u-progress-bar-height-90x {
    height: 90%;
}

.u-progress-bar-height-100x {
    height: 100%;
}

/*=======================================================
  4.32. Rating
========================================================*/

/*=======================================================
  4.33. Search Form
========================================================*/

/*=======================================================
  4.34. Steps
========================================================*/

/*=======================================================
  4.35. Time Lines
========================================================*/

/*=======================================================
  4.36. Background Colors
========================================================*/

.btn .u-label {
    position: relative;
    top: -1px;
}

/*=======================================================
  4.37. Link Styles
========================================================*/

.u-link-v5 {
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.u-link-v5:hover, .u-link-v5:focus {
    text-decoration: none;
    color: #111111 !important;
}

/*=======================================================
  4.38. List Styles
========================================================*/

/*=======================================================
  4.39. Paginations
========================================================*/

 .u-pagination-v1-2--nav {
    background-color: #111111;
    color: #fff;
    border-color: #111111;
}

 .u-pagination-v1-2--nav:hover, .u-pagination-v1-2--nav:focus {
    color: #fff;
}

.u-pagination-v1-2--nav:hover {
    background-color: rgba(17, 17, 17, 0.8);
}

/*=======================================================
  4.40. Ribbons
========================================================*/

[data-animation]:not(.u-in-viewport) {
    visibility: hidden;
}

[data-animation].js-carousel {
    visibility: visible;
}

.u-in-viewport {
    visibility: visible;
}

[class*="sticky-block"] {
    max-width: 100%;
}

/*=======================================================
  4.41. Tables
========================================================*/

[class*="text"][class*="center"] td,
[class*="text"][class*="center"] th {
    text-align: center;
}

.u-table--v1 td,
.u-table--v1 th {
    padding: 8px;
}

.u-table--v1 thead th {
    border-bottom-width: 1px;
}

.u-table--v2 td,
.u-table--v2 th {
    padding: 15px;
}

.u-table--v2 thead th {
    background-color: inherit;
    border-bottom-width: 1px;
}

.g-col-border-top-0 td,
.g-col-border-top-0 th {
    border-top-width: 0;
}

/*=======================================================
  4.42. Tabs
========================================================*/

.u-tab-line-icon-pro {
    position: relative;
    top: 2px;
}

.nav-item > a,
.nav-item > .nav-link {
    -webkit-transition-property: color, background-color, border-color;
    -o-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

[role="tablist"]:not([data-tabs-mobile-type="slide-up-down"]):not(
[data-tabs-mobile-type="accordion"]):not(
[data-scroll]) {
    display: block;
}

[role="tablist"] .nav-item {
    display: inline-block;
}

[role="tablist"] .js-tabs-mobile {
    position: relative;
    display: none;
}

[role="tablist"] .js-tabs-mobile-control {
    position: relative;
    display: block;
}

[role="tablist"] .js-tabs-mobile-control::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-width: 5px 3.5px 0 3.5px;
    border-style: solid;
    border-color: #777 transparent transparent transparent;
    margin-top: -1px;
}

[role="tablist"] .js-tabs-mobile .nav-inner {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    display: none;
    background-color: #fff;
    border: 1px solid;
    padding-left: 0;
}

[role="tablist"] .js-tabs-mobile .nav-inner .nav-item {
    display: block;
    white-space: nowrap;
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {

    .u-nav-v1-1 .nav-link.active {
        background-color: #eee;
    }

    .dark-header .u-nav-v1-1 .nav-link.active {
        background-color: transparent;
    }

    .u-nav-v1-1.u-nav-primary .nav-link.active {
        color: #fff;
        background-color: #111111;
    }

    .u-nav-v1-1.u-nav-dark .nav-link.active {
        color: #fff;
        background-color: #333;
    }

    .u-nav-v1-1.u-nav-light .nav-link {
        color: #fff;
    }

    .u-nav-v1-1.u-nav-light .nav-link.active {
        color: #333;
        background-color: #fff;
    }

    .u-nav-v1-2 .nav-link {
        border: solid 1px transparent;
    }

    .u-nav-v1-2 .nav-link.active {
        border-color: #eee;
    }

    .u-nav-v1-2.u-nav-primary .nav-link.active {
        border-color: #111111;
    }

    .u-nav-v1-2.u-nav-dark .nav-link.active {
        border-color: #333;
    }

    .u-nav-v1-2.u-nav-light .nav-link {
        color: #fff;
    }

    .u-nav-v1-2.u-nav-light .nav-link.active {
        border-color: #fff;
    }
}

@media (min-width: 768px) {

    .u-nav-v2-1 .nav-link.active,
    .u-nav-v2-1 .cbp-filter-item-active .nav-link {
        background-color: #eee;
    }

    .u-nav-v2-1.u-nav-primary .nav-link.active,
    .u-nav-v2-1.u-nav-primary .cbp-filter-item-active .nav-link {
        color: #fff;
        background-color: #111111;
    }

    .u-nav-v2-1.u-nav-dark .nav-link.active,
    .u-nav-v2-1.u-nav-dark .nav-link.cbp-filter-item-active {
        color: #fff;
        background-color: #333;
    }

    .u-nav-v2-1.u-nav-light .nav-link.active,
    .u-nav-v2-1.u-nav-light .nav-link.cbp-filter-item-active {
        color: #333;
        background-color: #fff;
    }

    .u-nav-v2-2 .nav-link.active,
    .u-nav-v2-2 .cbp-filter-item-active .nav-link {
        color: #111111;
    }
}

@media (min-width: 768px) {

    .u-nav-v3-2 .nav-link {
        z-index: 1;
    }

    .u-nav-v3-2 .nav-link.active {
        border-color: #111111;
        z-index: 2;
        position: relative;
    }
}

@media (min-width: 768px) {
    .u-nav-v4-1 {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #eee;
    }

    .u-nav-v4-1 .nav-item {
        margin-bottom: -1px;
    }

    .u-nav-v4-1 .nav-link {
        border-style: solid;
        border-width: 2px 1px 1px;
        border-color: transparent;
    }

    .u-nav-v4-1 .nav-link.active {
        border-color: #ccc #eee #fff;
    }

    .u-nav-v4-1.u-nav-light .nav-link {
        color: #fff;
    }

    .u-nav-v4-1.u-nav-light .nav-link.active {
        color: #fff;
        border-color: #ccc #eee transparent;
        background-color: #333;
    }

    .u-nav-v4-1.u-nav-light.flex-column .nav-link.active {
        border-color: #ccc transparent #ccc #eee;
        border-width: 1px 0 1px 1px;
        background-color: #333;
    }

    .u-nav-v4-1.u-nav-primary .nav-link.active {
        border-color: #111111 #eee #fff;
    }

    .u-nav-v4-1.u-nav-dark .nav-link.active {
        border-color: #333 #eee #fff;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .u-nav-v4-1-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .u-nav-v4-1-column .u-nav-v4-1 {
        border-bottom: none;
    }

    .u-nav-v4-1-column .u-nav-v4-1 .nav-item {
        margin: 0 -1px 0 0;
        z-index: 2;
    }

    .u-nav-v4-1-column .u-nav-v4-1 .nav-link {
        border-style: solid;
        border-width: 1px 1px 1px 2px;
        border-color: transparent;
    }

    .u-nav-v4-1-column .u-nav-v4-1 .nav-link.active {
        border-color: #eee #fff #eee #ccc;
    }

    .u-nav-v4-1-column .u-nav-v4-1.u-nav-primary .nav-link.active {
        border-color: #eee #fff #eee #111111;
    }

    .u-nav-v4-1-column .u-nav-v4-1.u-nav-dark .nav-link.active {
        border-color: #eee #fff #eee #333;
    }

    .u-nav-v4-1-column .nav {
        width: 30%;
    }

    .u-nav-v4-1-column .tab-content {
        width: 70%;
    }
}

@media (min-width: 768px) {
    [class*="u-nav-v5"] .nav-item {
        margin-bottom: -1px;
    }

    [class*="u-nav-v5"] .nav-link {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: transparent;
    }

    [class*="u-nav-v5"] .nav-link.active {
        border-color: #ccc;
    }

    [class*="u-nav-v5"].u-nav-primary .nav-link.active {
        border-color: #111111;
        color: #111111;
    }

    [class*="u-nav-v5"].u-nav-dark .nav-link.active {
        border-color: #333;
        color: #333;
    }

    [class*="u-nav-v5"].u-nav-light .nav-link {
        color: #fff;
    }

    [class*="u-nav-v5"].u-nav-light .nav-link.active {
        color: #fff;
        border-color: #fff;
    }

    .u-nav-v5-2 .nav-link {
        border-bottom-width: 2px;
    }

    .u-nav-v5-3 .nav-link {
        border-bottom-width: 5px;
    }
}

.u-nav-v8__icon, .u-nav-v8__title, .u-nav-v8__description {
    position: relative;
    z-index: 3;
}

.u-nav-v8__icon {
    display: none;
    background-color: #333;
    color: #fff;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.u-nav-v8__title {
    display: block;
}

.u-nav-v8__description {
    color: inherit;
    font-style: normal;
}

@media (min-width: 768px) {

    .u-nav-v8__icon {
        display: inline-block;
    }

    .u-nav-v8__description {
        color: rgba(255, 255, 255, 0.5);
    }

    .u-nav-v8-2 .nav-item:first-child .nav-link {
        padding: 0 20px 25px;
    }

    .u-nav-v8-2 .nav-item:last-child .nav-link::before {
        display: none;
    }

    .u-nav-v8-2 .nav-link {
        padding: 0 20px 25px 50px;
    }

    .u-nav-v8-2 .nav-link::before {
        content: "";
        position: absolute;
        top: 0;
        right: -26px;
        display: block;
        width: 26px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% 50.8%;
        background-position: top right, bottom left;
        background-image: -webkit-gradient(linear, right top, left bottom, color-stop(49.6%, transparent), color-stop(50%, #333)), -webkit-gradient(linear, right bottom, left top, color-stop(49.6%, transparent), color-stop(50%, #333));
        background-image: -webkit-linear-gradient(top right, transparent 49.6%, #333 50%), -webkit-linear-gradient(bottom right, transparent 49.6%, #333 50%);
        background-image: -o-linear-gradient(top right, transparent 49.6%, #333 50%), -o-linear-gradient(bottom right, transparent 49.6%, #333 50%);
        background-image: linear-gradient(to bottom left, transparent 49.6%, #333 50%), linear-gradient(to top left, transparent 49.6%, #333 50%);
        z-index: 2;
    }

    .u-nav-v8-2 .nav-link.active::before {
        background-image: -webkit-gradient(linear, right top, left bottom, color-stop(49.6%, transparent), color-stop(50%, #111111)), -webkit-gradient(linear, right bottom, left top, color-stop(49.6%, transparent), color-stop(50%, #111111));
        background-image: -webkit-linear-gradient(top right, transparent 49.6%, #111111 50%), -webkit-linear-gradient(bottom right, transparent 49.6%, #111111 50%);
        background-image: -o-linear-gradient(top right, transparent 49.6%, #111111 50%), -o-linear-gradient(bottom right, transparent 49.6%, #111111 50%);
        background-image: linear-gradient(to bottom left, transparent 49.6%, #111111 50%), linear-gradient(to top left, transparent 49.6%, #111111 50%);
    }

    .u-nav-v8-2.justify-content-end .nav-item:first-child .nav-link, .u-nav-v8-2.text-right .nav-item:first-child .nav-link {
        padding: 0 50px 25px 20px;
    }

    .u-nav-v8-2.justify-content-end .nav-link, .u-nav-v8-2.text-right .nav-link {
        padding: 0 50px 25px 20px;
    }
}

@media (max-width: 768px) {
    [data-tabs-mobile-type="slide-up-down"],
    [data-tabs-mobile-type="accordion"] {
        display: none;
    }

    [data-tabs-mobile-type="accordion"] {
        display: none;
    }

    [role="tablist"]:not([data-tabs-mobile-type="slide-up-down"]):not(
  [data-tabs-mobile-type="accordion"]) {
        border-color: #111111;
    }

    [role="tablist"] .nav-item > a,
    [role="tablist"] .nav-item > .nav-link {
        white-space: nowrap;
        padding: 5px 10px;
    }

    [role="tablist"] .nav-item > a,
    [role="tablist"] .nav-item > .nav-link {
        display: block;
    }

    [data-tabs-mobile-type="slide-up-down"] {
        width: 100%;
        padding-top: 10px;
        border-bottom: none !important;
    }

    [data-tabs-mobile-type="slide-up-down"] .nav-item {
        margin: 0;
    }

    [data-tabs-mobile-type="slide-up-down"] .nav-link {
        text-align: center;
        border-style: solid !important;
        border-color: #eee !important;
        border-width: 1px !important;
        border-radius: 0 !important;
        margin: -1px 0 0;
    }

    [data-tabs-mobile-type="slide-up-down"] .nav-item:first-child .nav-link {
        margin-top: 0;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-primary .nav-link, [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-link {
        border-color: #111111 !important;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-primary .nav-link.active,
    [data-tabs-mobile-type="slide-up-down"].u-nav-primary .nav-item.show .nav-link, [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-link.active,
    [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-item.show .nav-link {
        border-color: #111111 !important;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-dark .nav-link {
        border-color: #333 !important;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-dark .nav-link.active,
    [data-tabs-mobile-type="slide-up-down"].u-nav-dark .nav-item.show .nav-link {
        border-color: #333 !important;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-light .nav-item.show .nav-link {
        border-color: #fff;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-light .nav-link {
        color: #fff;
        border-color: #fff;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-light .nav-link.active {
        color: #555;
        background-color: #fff;
        border-color: #fff;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-rounded-3 .nav-item:first-child .nav-link,
    [data-tabs-mobile-type="slide-up-down"].nav-tabs .nav-item:first-child .nav-link,
    [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-item:first-child .nav-link {
        border-radius: 3px 3px 0 0 !important;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-rounded-3 .nav-item:last-child .nav-link,
    [data-tabs-mobile-type="slide-up-down"].nav-tabs .nav-item:last-child .nav-link,
    [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-item:last-child .nav-link {
        border-radius: 0 0 3px 3px !important;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-rounded-5 .nav-item:first-child .nav-link {
        border-radius: 5px 5px 0 0 !important;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-rounded-5 .nav-item:last-child .nav-link {
        border-radius: 0 0 5px 5px !important;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-rounded-7 .nav-item:first-child .nav-link {
        border-radius: 7px 7px 0 0 !important;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-rounded-7 .nav-item:last-child .nav-link {
        border-radius: 0 0 7px 7px !important;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-rounded-10 .nav-item:first-child .nav-link {
        border-radius: 10px 10px 0 0 !important;
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-rounded-10 .nav-item:last-child .nav-link {
        border-radius: 0 0 10px 10px !important;
    }

    .tab-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

/*=======================================================
  4.43. Tags
========================================================*/

/*=======================================================
  4.44. Text Styles
========================================================*/

.u-text-slideshow__slide {
    position: relative;
    z-index: 1;
    display: inline-block;
    opacity: 0;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.u-text-slideshow__slide:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}

.u-text-slideshow__slide--current {
    z-index: 2;
    opacity: 1;
}

.u-text-slideshow__slide-target {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/*=======================================================
  4.45. Markers
========================================================*/

/*=======================================================
  4.46. Tooltips
========================================================*/

.u-tooltip--v1 {
    color: #fff;
    background-color: #000;
    padding: 2px 8px 3px;
}

.u-tooltip--v1:after {
    content: "";
    position: absolute;
    display: block;
}

.u-tooltip--v1.tooltip-top-left, .u-tooltip--v1.tooltip-top-right {
    bottom: 100%;
    margin-bottom: 5px;
}

.u-tooltip--v1.tooltip-top-left:after, .u-tooltip--v1.tooltip-top-right:after {
    top: 100%;
    border-top: 4px solid rgba(0, 0, 0, 0.9);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.u-tooltip--v1.tooltip-bottom-left, .u-tooltip--v1.tooltip-bottom-right {
    top: 100%;
    margin-top: 5px;
}

.u-tooltip--v1.tooltip-bottom-left:after, .u-tooltip--v1.tooltip-bottom-right:after {
    bottom: 100%;
    border-bottom: 4px solid rgba(0, 0, 0, 0.9);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.u-tooltip--v1.tooltip-top-left, .u-tooltip--v1.tooltip-bottom-left {
    left: 0;
}

.u-tooltip--v1.tooltip-top-left:after, .u-tooltip--v1.tooltip-bottom-left:after {
    left: 16px;
}

.u-tooltip--v1.tooltip-top-right, .u-tooltip--v1.tooltip-bottom-right {
    right: 0;
}

.u-tooltip--v1.tooltip-top-right:after, .u-tooltip--v1.tooltip-bottom-right:after {
    right: 16px;
}

.u-tooltip--v1.tooltip-left, .u-tooltip--v1.tooltip-right {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.u-tooltip--v1.tooltip-left:after, .u-tooltip--v1.tooltip-right:after {
    top: 50%;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.u-tooltip--v1.tooltip-left {
    right: 100%;
    margin-right: 5px;
}

.u-tooltip--v1.tooltip-left:after {
    right: -4px;
    border-left: 4px solid rgba(0, 0, 0, 0.9);
}

.u-tooltip--v1.tooltip-right {
    left: 100%;
    margin-left: 5px;
}

.u-tooltip--v1.tooltip-right:after {
    left: -4px;
    border-right: 4px solid rgba(0, 0, 0, 0.9);
}

input:focus + .u-tooltip--v1,
textarea:focus + .u-tooltip--v1 {
    opacity: 1;
}

/*=======================================================
  4.47. Typography
========================================================*/

.popovers--no-title .popover-title {
    display: none;
}

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

video {
    max-width: 100%;
}

/*=======================================================
  4.48. Navigation
========================================================*/

.navbar .u-main-nav-v1 .nav-link, .navbar .u-main-nav-v2 .nav-link, .navbar .u-main-nav-v3 .nav-link, .navbar .u-main-nav-v4 .nav-link, .navbar .u-main-nav-v5 .nav-link, .navbar .u-main-nav-v6 .nav-link, .navbar .u-main-nav-v7 .nav-link, .navbar .u-main-nav-v8 .nav-link, .navbar .u-main-nav-v9 .nav-link {
    display: block;
}

.navbar .u-main-nav-v1 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v1 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v1 .nav-item.dropdown > a, .navbar .u-main-nav-v2 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v2 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v2 .nav-item.dropdown > a, .navbar .u-main-nav-v3 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v3 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v3 .nav-item.dropdown > a, .navbar .u-main-nav-v4 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v4 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v4 .nav-item.dropdown > a, .navbar .u-main-nav-v5 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v5 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v5 .nav-item.dropdown > a, .navbar .u-main-nav-v6 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v6 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v6 .nav-item.dropdown > a, .navbar .u-main-nav-v7 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v7 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v7 .nav-item.dropdown > a, .navbar .u-main-nav-v8 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v8 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v8 .nav-item.dropdown > a, .navbar .u-main-nav-v9 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v9 .nav-item.hs-has-mega-menu > a {
    position: relative;
    z-index: 1;
    padding-right: 1.42857rem;
}

.navbar .u-main-nav-v1 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v1 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v1 .nav-item.dropdown > a::after, .navbar .u-main-nav-v2 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v2 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v2 .nav-item.dropdown > a::after, .navbar .u-main-nav-v3 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v3 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v3 .nav-item.dropdown > a::after, .navbar .u-main-nav-v4 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v4 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v4 .nav-item.dropdown > a::after, .navbar .u-main-nav-v5 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v5 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v5 .nav-item.dropdown > a::after, .navbar .u-main-nav-v6 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v6 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v6 .nav-item.dropdown > a::after, .navbar .u-main-nav-v7 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v7 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v7 .nav-item.dropdown > a::after, .navbar .u-main-nav-v8 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v8 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v8 .nav-item.dropdown > a::after, .navbar .u-main-nav-v9 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v9 .nav-item.hs-has-mega-menu > a::after {
    content: "\e900";
    font-family: "hs-icons";
    font-weight: inherit;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 1.07143rem;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.u-header__section--dark .navbar [class*="u-main-nav-v"] .nav-link {
    color: #fff;
}

.u-header__section--dark .navbar [class*="u-main-nav-v"] .nav-item.active > .nav-link,
.u-header__section--dark .navbar [class*="u-main-nav-v"] .nav-item:hover > .nav-link,
.u-header__section--dark .navbar [class*="u-main-nav-v"] .nav-item:focus > .nav-link,
.u-header__section--dark .navbar [class*="u-main-nav-v"] .nav-item.show > .nav-link,
.u-header__section--dark .navbar [class*="u-main-nav-v"] .nav-item.hs-sub-menu-opened > .nav-link,
.u-header__section--dark .navbar [class*="u-main-nav-v"] .nav-item .nav-link:focus {
    color: #fff;
}

.navbar .u-main-nav-v1 .nav-link {
    color: #333;
    padding: 0.78571rem 1.14286rem;
    border-radius: 1.57143rem;
}

.navbar .u-main-nav-v1 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v1 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v1 .nav-item.dropdown > a {
    padding-right: 3.21429rem;
}

.navbar .u-main-nav-v1 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v1 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v1 .nav-item.dropdown > a::after {
    right: 1.78571rem;
}

.dark-header .navbar .u-main-nav-v1 .nav-item.active > .nav-link,
.dark-header .navbar .u-main-nav-v1 .nav-item:hover > .nav-link,
.dark-header .navbar .u-main-nav-v1 .nav-item:focus > .nav-link,
.dark-header .navbar .u-main-nav-v1 .nav-item.show > .nav-link,
.dark-header .navbar .u-main-nav-v1 .nav-item.hs-sub-menu-opened > .nav-link,
.dark-header .navbar .u-main-nav-v1 .nav-item .nav-link:focus {
    color: #111111 !important;
    background-color: #fff !important;
}

.navbar .u-main-nav-v1 .nav-item.active > .nav-link,
.navbar .u-main-nav-v1 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v1 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v1 .nav-item.show > .nav-link,
.navbar .u-main-nav-v1 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v1 .nav-item .nav-link:focus {
    color: #fff;
    background-color: #111111;
}

@media all and (max-width: 1200px) {
    .navbar .u-main-nav-v1 .nav-link {
        padding: 0.64286rem 1.42857rem;
    }

    .navbar .u-main-nav-v1 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v1 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v1 .nav-item.dropdown > a {
        padding-right: 2.5rem;
    }

    .navbar .u-main-nav-v1 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v1 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v1 .nav-item.dropdown > a::after {
        right: 1.07143rem;
    }
}

.navbar .u-main-nav-v2 .nav-link {
    color: #333;
    padding: 0.64286rem 1.14286rem;
    border-radius: 1.57143rem;
    border: 2px solid transparent;
}

.navbar .u-main-nav-v2 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v2 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v2 .nav-item.dropdown > a {
    padding-right: 3.21429rem;
}

.navbar .u-main-nav-v2 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v2 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v2 .nav-item.dropdown > a::after {
    right: 1.78571rem;
}

.navbar .u-main-nav-v2 .nav-item.active > .nav-link,
.navbar .u-main-nav-v2 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v2 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v2 .nav-item.show > .nav-link,
.navbar .u-main-nav-v2 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v2 .nav-item .nav-link:focus {
    color: #333;
    border-color: #111111;
    background-color: transparent;
}

.dark-header .navbar .u-main-nav-v2 .nav-item.active > .nav-link,
.dark-header .navbar .u-main-nav-v2 .nav-item:hover > .nav-link,
.dark-header .navbar .u-main-nav-v2 .nav-item:focus > .nav-link,
.dark-header .navbar .u-main-nav-v2 .nav-item.show > .nav-link,
.dark-header .navbar .u-main-nav-v2 .nav-item.hs-sub-menu-opened > .nav-link,
.dark-header .navbar .u-main-nav-v2 .nav-item .nav-link:focus {
    color: #fff !important;
    border-color: #fff !important;
    background-color: transparent;
}

@media all and (max-width: 1200px) {
    .navbar .u-main-nav-v2 .nav-link {
        padding: 0.5rem 1.42857rem;
    }

    .navbar .u-main-nav-v2 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v2 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v2 .nav-item.dropdown > a {
        padding-right: 2.5rem;
    }

    .navbar .u-main-nav-v2 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v2 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v2 .nav-item.dropdown > a::after {
        right: 1.07143rem;
    }
}

.navbar .u-main-nav-v3 .nav-link {
    color: #333;
    padding: 1.85714rem 1rem 1.57143rem;
    border-bottom: 4px solid transparent;
}

.navbar .u-main-nav-v3 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v3 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v3 .nav-item.dropdown > a::after {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.71429rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.navbar .u-main-nav-v3 .nav-item.active > .nav-link,
.navbar .u-main-nav-v3 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v3 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v3 .nav-item.show > .nav-link,
.navbar .u-main-nav-v3 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v3 .nav-item .nav-link:focus {
    border-color: #111111;
}

.dark-header .navbar .u-main-nav-v3 .nav-item.active > .nav-link,
.dark-header .navbar .u-main-nav-v3 .nav-item:hover > .nav-link,
.dark-header .navbar .u-main-nav-v3 .nav-item:focus > .nav-link,
.dark-header .navbar .u-main-nav-v3 .nav-item.show > .nav-link,
.dark-header .navbar .u-main-nav-v3 .nav-item.hs-sub-menu-opened > .nav-link,
.dark-header .navbar .u-main-nav-v3 .nav-item .nav-link:focus {
    color: #fff !important;
    border-color: #fff !important;
}

@media all and (max-width: 1200px) {
    .navbar .u-main-nav-v3 .nav-link {
        padding: 2.14286rem 1.78571rem;
    }
}

@media all and (max-width: 992px) {
    .navbar .u-main-nav-v3 .nav-link {
        padding: 0.71429rem 1.42857rem;
    }
}

.navbar .u-main-nav-v4 .nav-link {
    color: #333;
    padding: 1.85714rem 1rem 1.57143rem;
    border-top: 4px solid transparent;
}

.navbar .u-main-nav-v4 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v4 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v4 .nav-item.dropdown > a::after {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.71429rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.navbar .u-main-nav-v4 .nav-item.active > .nav-link,
.navbar .u-main-nav-v4 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v4 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v4 .nav-item.show > .nav-link,
.navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v4 .nav-item .nav-link:focus {
    border-color: #111111;
}

.dark-header .navbar .u-main-nav-v4 .nav-item.active > .nav-link,
.dark-header .navbar .u-main-nav-v4 .nav-item:hover > .nav-link,
.dark-header .navbar .u-main-nav-v4 .nav-item:focus > .nav-link,
.dark-header .navbar .u-main-nav-v4 .nav-item.show > .nav-link,
.dark-header .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link,
.dark-header .navbar .u-main-nav-v4 .nav-item .nav-link:focus {
    color: #fff;
    border-color: #fff;
}

@media all and (max-width: 1200px) {
    .navbar .u-main-nav-v4 .nav-link {
        padding: 2.14286rem 1.78571rem;
    }
}

@media all and (max-width: 992px) {
    .navbar .u-main-nav-v4 .nav-link {
        padding: 0.71429rem 1.42857rem;
    }
}

.navbar .u-main-nav-v5 .nav-link {
    color: #333;
    padding: 0.28571rem 0;
    border-bottom: 2px solid transparent;
}

.navbar .u-main-nav-v5 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v5 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v5 .nav-item.dropdown > a {
    padding-right: 1.42857rem;
}

.navbar .u-main-nav-v5 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v5 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v5 .nav-item.dropdown > a::after {
    right: 0;
}

.navbar .u-main-nav-v5 .nav-item.active > .nav-link,
.navbar .u-main-nav-v5 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v5 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v5 .nav-item.show > .nav-link,
.navbar .u-main-nav-v5 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v5 .nav-item .nav-link:focus {
    border-color: #111111;
}

.dark-header .navbar .u-main-nav-v5 .nav-item.active > .nav-link,
.dark-header .navbar .u-main-nav-v5 .nav-item:hover > .nav-link,
.dark-header .navbar .u-main-nav-v5 .nav-item:focus > .nav-link,
.dark-header .navbar .u-main-nav-v5 .nav-item.show > .nav-link,
.dark-header .navbar .u-main-nav-v5 .nav-item.hs-sub-menu-opened > .nav-link,
.dark-header .navbar .u-main-nav-v5 .nav-item .nav-link:focus {
    color: #fff !important;
    border-color: #fff !important;
}

.navbar .u-main-nav-v6 .nav-link {
    color: #333;
    height: 100%;
    padding: 1.55714rem 1.31429rem;
}

.navbar .u-main-nav-v6 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v6 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v6 .nav-item.dropdown > a {
    padding-right: 2.71429rem;
}

.navbar .u-main-nav-v6 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v6 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v6 .nav-item.dropdown > a::after {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.71429rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.navbar .u-main-nav-v6 .nav-item.active > .nav-link,
.navbar .u-main-nav-v6 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v6 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v6 .nav-item.show > .nav-link,
.navbar .u-main-nav-v6 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v6 .nav-item .nav-link:focus {
    color: #fff;
    background-color: #111111;
}

.dark-header .navbar .u-main-nav-v6 .nav-item.active > .nav-link,
.dark-header .navbar .u-main-nav-v6 .nav-item:hover > .nav-link,
.dark-header .navbar .u-main-nav-v6 .nav-item:focus > .nav-link,
.dark-header .navbar .u-main-nav-v6 .nav-item.show > .nav-link,
.dark-header .navbar .u-main-nav-v6 .nav-item.hs-sub-menu-opened > .nav-link,
.dark-header .navbar .u-main-nav-v6 .nav-item .nav-link:focus {
    color: #111111 !important;
    background-color: #fff !important;
}

@media all and (max-width: 1200px) {
    .navbar .u-main-nav-v6 .nav-link {
        padding: 2.14286rem 1.42857rem;
    }

    .navbar .u-main-nav-v6 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v6 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v6 .nav-item.dropdown > a {
        padding-right: 1.42857rem;
    }
}

.navbar .u-main-nav-v7 .nav-link {
    color: #333;
    padding: 0.71429rem 1.14286rem;
    border: 2px solid transparent;
}

.navbar .u-main-nav-v7 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v7 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v7 .nav-item.dropdown > a {
    padding-right: 3.21429rem;
}

.navbar .u-main-nav-v7 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v7 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v7 .nav-item.dropdown > a::after {
    right: 1.78571rem;
}

.dark-header .navbar .u-main-nav-v7 .nav-item.active > .nav-link,
.dark-header .navbar .u-main-nav-v7 .nav-item:hover > .nav-link,
.dark-header .navbar .u-main-nav-v7 .nav-item:focus > .nav-link,
.dark-header .navbar .u-main-nav-v7 .nav-item.show > .nav-link,
.dark-header .navbar .u-main-nav-v7 .nav-item.hs-sub-menu-opened > .nav-link,
.dark-header .navbar .u-main-nav-v7 .nav-item .nav-link:focus {
    color: #fff !important;
    border-color: #fff !important;
}

.navbar .u-main-nav-v7 .nav-item.active > .nav-link,
.navbar .u-main-nav-v7 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v7 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v7 .nav-item.show > .nav-link,
.navbar .u-main-nav-v7 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v7 .nav-item .nav-link:focus {
    border-color: #111111 !important;
}

@media all and (max-width: 1200px) {
    .navbar .u-main-nav-v7 .nav-link {
        padding: 0.64286rem 1.42857rem;
    }

    .navbar .u-main-nav-v7 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v7 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v7 .nav-item.dropdown > a {
        padding-right: 2.14286rem;
    }

    .navbar .u-main-nav-v7 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v7 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v7 .nav-item.dropdown > a::after {
        right: 1.07143rem;
    }
}

.navbar .u-main-nav-v8 .nav-link {
    color: #333;
    padding: 0.78571rem 1.14286rem;
}

.navbar .u-main-nav-v8 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v8 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v8 .nav-item.dropdown > a {
    padding-right: 3.21429rem;
}

.navbar .u-main-nav-v8 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v8 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v8 .nav-item.dropdown > a::after {
    right: 1.78571rem;
}

.navbar .u-main-nav-v8 .nav-item.active > .nav-link,
.navbar .u-main-nav-v8 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v8 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v8 .nav-item.show > .nav-link,
.navbar .u-main-nav-v8 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v8 .nav-item .nav-link:focus {
    color: #fff;
    background-color: #111111;
}

.dark-header .navbar .u-main-nav-v8 .nav-item.active > .nav-link,
.dark-header .navbar .u-main-nav-v8 .nav-item:hover > .nav-link,
.dark-header .navbar .u-main-nav-v8 .nav-item:focus > .nav-link,
.dark-header .navbar .u-main-nav-v8 .nav-item.show > .nav-link,
.dark-header .navbar .u-main-nav-v8 .nav-item.hs-sub-menu-opened > .nav-link,
.dark-header .navbar .u-main-nav-v8 .nav-item .nav-link:focus {
    color: #111111 !important;
    background-color: #fff !important;
}

@media all and (max-width: 1200px) {
    .navbar .u-main-nav-v8 .nav-link {
        padding: 0.64286rem 1.42857rem;
    }

    .navbar .u-main-nav-v8 .nav-item.hs-has-sub-menu > a, .navbar .u-main-nav-v8 .nav-item.hs-has-mega-menu > a, .navbar .u-main-nav-v8 .nav-item.dropdown > a {
        padding-right: 2.14286rem;
    }

    .navbar .u-main-nav-v8 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v8 .nav-item.hs-has-mega-menu > a::after, .navbar .u-main-nav-v8 .nav-item.dropdown > a::after {
        right: 1.07143rem;
    }
}

.navbar .u-main-nav-v9 .nav-link {
    color: #777;
    padding: 0 1.42857rem 0 0;
}

.navbar .u-main-nav-v9 .nav-item > a {
    padding: 1.42857rem 0;
}

.navbar .u-main-nav-v9 .nav-item.hs-has-sub-menu > a::after, .navbar .u-main-nav-v9 .nav-item.hs-has-mega-menu > a::after {
    font-size: 1.28571rem;
    right: 0;
}

.navbar .u-main-nav-v9 .nav-item.active > .nav-link,
.navbar .u-main-nav-v9 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v9 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v9 .nav-item .nav-link:focus {
    color: #000;
}

.navbar .u-main-nav-v9 .nav-item.active > .nav-link::after,
.navbar .u-main-nav-v9 .nav-item:hover > .nav-link::after,
.navbar .u-main-nav-v9 .nav-item:focus > .nav-link::after,
.navbar .u-main-nav-v9 .nav-item .nav-link:focus::after {
    color: #111111;
}

.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu.active > a,
.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:active > a,
.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:focus > a,
.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:hover > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item.active > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:active > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:hover > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item.active > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:active > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:focus > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v1 .hs-sub-menu a:active, .navbar .u-sub-menu-v1 .hs-sub-menu a:focus, .navbar .u-sub-menu-v1 .hs-sub-menu a:hover,
.navbar .u-sub-menu-v1 .dropdown-menu a:active,
.navbar .u-sub-menu-v1 .dropdown-menu a:focus,
.navbar .u-sub-menu-v1 .dropdown-menu a:hover {
    color: #111111 !important;
    background-color: transparent;
    border: none;
}

.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu > a::after {
    content: "\e902";
    font-family: "hs-icons";
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.navbar .u-sub-menu-v1 .hs-has-mega-menu .hs-has-sub-menu > a::after {
    content: "\e902";
}

.navbar .u-sub-menu-v1 .hs-sub-menu,
.navbar .u-sub-menu-v1 .dropdown-menu {
    font-size: 0.92857rem;
    min-width: 16.42857rem;
    padding: 0.71429rem 0;
}

.navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item {
    font-weight: inherit;
    color: inherit;
    padding: 0;
}

.navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item.active, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:active, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:focus, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:hover,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item.active,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:active,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:focus,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:hover {
    border: none;
    background-color: transparent;
}

.navbar .u-sub-menu-v1 .hs-sub-menu a,
.navbar .u-sub-menu-v1 .dropdown-menu a {
    color: #777;
    text-decoration: none !important;
    display: block;
    padding: 0.42857rem 1.78571rem;
}

.navbar .u-sub-menu-v1 .hs-sub-menu,
.navbar .u-sub-menu-v1 .hs-mega-menu,
.navbar .u-sub-menu-v1 .dropdown-menu {
    font-weight: normal;
    text-transform: none;
    margin-top: 0;
    color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-width: 3px 0 0 0;
    border-style: solid;
    border-color: #111111;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.navbar .u-sub-menu-v1 .hs-sub-menu .hs-sub-menu,
.navbar .u-sub-menu-v1 .hs-mega-menu .hs-sub-menu,
.navbar .u-sub-menu-v1 .dropdown-menu .hs-sub-menu {
    margin-top: -1.07143rem;
}

.navbar .u-sub-menu-v1.hs-mobile-state .hs-sub-menu {
    width: auto;
}

.navbar .u-sub-menu-v1.hs-mobile-state .hs-sub-menu .hs-sub-menu,
.navbar .u-sub-menu-v1.hs-mobile-state .hs-sub-menu .hs-mega-menu,
.navbar .u-sub-menu-v1.hs-mobile-state .hs-sub-menu .hs-sub-menu.hs-reversed,
.navbar .u-sub-menu-v1.hs-mobile-state .hs-sub-menu .hs-mega-menu.hs-reversed,
.navbar .u-sub-menu-v1.hs-mobile-state .hs-mega-menu .hs-sub-menu,
.navbar .u-sub-menu-v1.hs-mobile-state .hs-mega-menu .hs-mega-menu,
.navbar .u-sub-menu-v1.hs-mobile-state .hs-mega-menu .hs-sub-menu.hs-reversed,
.navbar .u-sub-menu-v1.hs-mobile-state .hs-mega-menu .hs-mega-menu.hs-reversed {
    margin: 0.21429rem;
}

.navbar .hs-mobile-state .u-sub-menu-v1 .hs-sub-menu {
    width: auto;
}

.navbar .hs-mobile-state .u-sub-menu-v1 .hs-sub-menu .hs-sub-menu,
.navbar .hs-mobile-state .u-sub-menu-v1 .hs-sub-menu .hs-mega-menu,
.navbar .hs-mobile-state .u-sub-menu-v1 .hs-sub-menu .hs-sub-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v1 .hs-sub-menu .hs-mega-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v1 .hs-mega-menu .hs-sub-menu,
.navbar .hs-mobile-state .u-sub-menu-v1 .hs-mega-menu .hs-mega-menu,
.navbar .hs-mobile-state .u-sub-menu-v1 .hs-mega-menu .hs-sub-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v1 .hs-mega-menu .hs-mega-menu.hs-reversed {
    margin: 0.21429rem;
}

.navbar .u-sub-menu-v2 .hs-has-sub-menu .hs-has-sub-menu.active > a,
.navbar .u-sub-menu-v2 .hs-has-sub-menu .hs-has-sub-menu:active > a,
.navbar .u-sub-menu-v2 .hs-has-sub-menu .hs-has-sub-menu:focus > a,
.navbar .u-sub-menu-v2 .hs-has-sub-menu .hs-has-sub-menu:hover > a, .navbar .u-sub-menu-v2 .hs-sub-menu .dropdown-item.active > a, .navbar .u-sub-menu-v2 .hs-sub-menu .dropdown-item:active > a, .navbar .u-sub-menu-v2 .hs-sub-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v2 .hs-sub-menu .dropdown-item:hover > a,
.navbar .u-sub-menu-v2 .dropdown-menu .dropdown-item.active > a,
.navbar .u-sub-menu-v2 .dropdown-menu .dropdown-item:active > a,
.navbar .u-sub-menu-v2 .dropdown-menu .dropdown-item:focus > a,
.navbar .u-sub-menu-v2 .dropdown-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v2 .hs-sub-menu a:active, .navbar .u-sub-menu-v2 .hs-sub-menu a:focus, .navbar .u-sub-menu-v2 .hs-sub-menu a:hover,
.navbar .u-sub-menu-v2 .dropdown-menu a:active,
.navbar .u-sub-menu-v2 .dropdown-menu a:focus,
.navbar .u-sub-menu-v2 .dropdown-menu a:hover {
    color: #777 !important;
    background-color: #eee;
    border: none;
}

.navbar .u-sub-menu-v2 .hs-has-sub-menu .hs-has-sub-menu > a::after {
    content: "\e902";
    font-family: "hs-icons";
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.navbar .u-sub-menu-v2 .hs-has-mega-menu .hs-has-sub-menu > a::after {
    content: "\e902";
}

.navbar .u-sub-menu-v2 .hs-sub-menu,
.navbar .u-sub-menu-v2 .dropdown-menu {
    font-size: 0.92857rem;
    min-width: 16.42857rem;
    padding: 0.71429rem 0;
}

.navbar .u-sub-menu-v2 .hs-sub-menu .dropdown-item,
.navbar .u-sub-menu-v2 .dropdown-menu .dropdown-item {
    font-weight: inherit;
    color: inherit;
    padding: 0;
}

.navbar .u-sub-menu-v2 .hs-sub-menu .dropdown-item.active, .navbar .u-sub-menu-v2 .hs-sub-menu .dropdown-item:active, .navbar .u-sub-menu-v2 .hs-sub-menu .dropdown-item:focus, .navbar .u-sub-menu-v2 .hs-sub-menu .dropdown-item:hover,
.navbar .u-sub-menu-v2 .dropdown-menu .dropdown-item.active,
.navbar .u-sub-menu-v2 .dropdown-menu .dropdown-item:active,
.navbar .u-sub-menu-v2 .dropdown-menu .dropdown-item:focus,
.navbar .u-sub-menu-v2 .dropdown-menu .dropdown-item:hover {
    border-color: #eee;
    background-color: transparent;
}

.navbar .u-sub-menu-v2 .hs-sub-menu a,
.navbar .u-sub-menu-v2 .dropdown-menu a {
    color: #777;
    text-decoration: none !important;
    display: block;
    padding: 0.42857rem 1.78571rem;
}

.navbar .u-sub-menu-v2 .hs-sub-menu > li:not(:last-child),
.navbar .u-sub-menu-v2 .dropdown-menu > li:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.navbar .u-sub-menu-v2 .hs-sub-menu,
.navbar .u-sub-menu-v2 .hs-mega-menu,
.navbar .u-sub-menu-v2 .dropdown-menu {
    font-weight: normal;
    text-transform: none;
    min-width: 14.28571rem;
    margin-top: 0;
    padding: 0;
    color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-width: 2px 0 2px 0;
    border-style: solid;
    border-top-color: #111111;
    border-bottom-color: #777;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.navbar .u-sub-menu-v2 .hs-sub-menu .hs-sub-menu,
.navbar .u-sub-menu-v2 .hs-mega-menu .hs-sub-menu,
.navbar .u-sub-menu-v2 .dropdown-menu .hs-sub-menu {
    margin-top: -1.07143rem;
}

.navbar .u-sub-menu-v2.hs-mobile-state .hs-sub-menu {
    width: auto;
}

.navbar .u-sub-menu-v2.hs-mobile-state .hs-sub-menu .hs-sub-menu,
.navbar .u-sub-menu-v2.hs-mobile-state .hs-sub-menu .hs-mega-menu,
.navbar .u-sub-menu-v2.hs-mobile-state .hs-sub-menu .hs-sub-menu.hs-reversed,
.navbar .u-sub-menu-v2.hs-mobile-state .hs-sub-menu .hs-mega-menu.hs-reversed,
.navbar .u-sub-menu-v2.hs-mobile-state .hs-mega-menu .hs-sub-menu,
.navbar .u-sub-menu-v2.hs-mobile-state .hs-mega-menu .hs-mega-menu,
.navbar .u-sub-menu-v2.hs-mobile-state .hs-mega-menu .hs-sub-menu.hs-reversed,
.navbar .u-sub-menu-v2.hs-mobile-state .hs-mega-menu .hs-mega-menu.hs-reversed {
    margin: 0.21429rem;
}

.navbar .hs-mobile-state .u-sub-menu-v2 .hs-sub-menu {
    width: auto;
}

.navbar .hs-mobile-state .u-sub-menu-v2 .hs-sub-menu .hs-sub-menu,
.navbar .hs-mobile-state .u-sub-menu-v2 .hs-sub-menu .hs-mega-menu,
.navbar .hs-mobile-state .u-sub-menu-v2 .hs-sub-menu .hs-sub-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v2 .hs-sub-menu .hs-mega-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v2 .hs-mega-menu .hs-sub-menu,
.navbar .hs-mobile-state .u-sub-menu-v2 .hs-mega-menu .hs-mega-menu,
.navbar .hs-mobile-state .u-sub-menu-v2 .hs-mega-menu .hs-sub-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v2 .hs-mega-menu .hs-mega-menu.hs-reversed {
    margin: 0.21429rem;
}

.navbar .u-sub-menu-v3 .hs-has-sub-menu .hs-has-sub-menu.active > a,
.navbar .u-sub-menu-v3 .hs-has-sub-menu .hs-has-sub-menu:active > a,
.navbar .u-sub-menu-v3 .hs-has-sub-menu .hs-has-sub-menu:focus > a,
.navbar .u-sub-menu-v3 .hs-has-sub-menu .hs-has-sub-menu:hover > a, .navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item.active > a, .navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item:active > a, .navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item:hover > a,
.navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item.active > a,
.navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item:active > a,
.navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item:focus > a,
.navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v3 .hs-sub-menu a:active, .navbar .u-sub-menu-v3 .hs-sub-menu a:focus, .navbar .u-sub-menu-v3 .hs-sub-menu a:hover,
.navbar .u-sub-menu-v3 .dropdown-menu a:active,
.navbar .u-sub-menu-v3 .dropdown-menu a:focus,
.navbar .u-sub-menu-v3 .dropdown-menu a:hover {
    color: #fff !important;
    background-color: #111111;
    border: none;
}

.navbar .u-sub-menu-v3 .hs-has-sub-menu .hs-has-sub-menu > a::after {
    content: "\e902";
    font-family: "hs-icons";
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.navbar .u-sub-menu-v3 .hs-has-mega-menu .hs-has-sub-menu > a::after {
    content: "\e902";
}

.navbar .u-sub-menu-v3 .hs-sub-menu,
.navbar .u-sub-menu-v3 .dropdown-menu {
    font-size: 0.92857rem;
    min-width: 16.42857rem;
    padding: 0.71429rem 0;
}

.navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item,
.navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item {
    font-weight: inherit;
    color: inherit;
    padding: 0;
}

.navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item.active, .navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item:active, .navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item:focus, .navbar .u-sub-menu-v3 .hs-sub-menu .dropdown-item:hover,
.navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item.active,
.navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item:active,
.navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item:focus,
.navbar .u-sub-menu-v3 .dropdown-menu .dropdown-item:hover {
    border-color: #eee;
    background-color: transparent;
}

.navbar .u-sub-menu-v3 .hs-sub-menu a,
.navbar .u-sub-menu-v3 .dropdown-menu a {
    color: #777;
    text-decoration: none !important;
    display: block;
    padding: 0.42857rem 1.78571rem;
}

.navbar .u-sub-menu-v3 .hs-sub-menu > li:not(:last-child),
.navbar .u-sub-menu-v3 .dropdown-menu > li:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.navbar .u-sub-menu-v3 .hs-sub-menu,
.navbar .u-sub-menu-v3 .hs-mega-menu,
.navbar .u-sub-menu-v3 .dropdown-menu {
    font-weight: normal;
    text-transform: none;
    min-width: 14.28571rem;
    margin-top: 0;
    padding: 0;
    color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-width: 2px 0 2px 0;
    border-style: solid;
    border-top-color: #111111;
    border-bottom-color: #777;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.navbar .u-sub-menu-v3 .hs-sub-menu .hs-sub-menu,
.navbar .u-sub-menu-v3 .hs-mega-menu .hs-sub-menu,
.navbar .u-sub-menu-v3 .dropdown-menu .hs-sub-menu {
    margin-top: -1.07143rem;
}

.navbar .u-sub-menu-v3.hs-mobile-state .hs-sub-menu {
    width: auto;
}

.navbar .u-sub-menu-v3.hs-mobile-state .hs-sub-menu .hs-sub-menu,
.navbar .u-sub-menu-v3.hs-mobile-state .hs-sub-menu .hs-mega-menu,
.navbar .u-sub-menu-v3.hs-mobile-state .hs-sub-menu .hs-sub-menu.hs-reversed,
.navbar .u-sub-menu-v3.hs-mobile-state .hs-sub-menu .hs-mega-menu.hs-reversed,
.navbar .u-sub-menu-v3.hs-mobile-state .hs-mega-menu .hs-sub-menu,
.navbar .u-sub-menu-v3.hs-mobile-state .hs-mega-menu .hs-mega-menu,
.navbar .u-sub-menu-v3.hs-mobile-state .hs-mega-menu .hs-sub-menu.hs-reversed,
.navbar .u-sub-menu-v3.hs-mobile-state .hs-mega-menu .hs-mega-menu.hs-reversed {
    margin: 0.21429rem;
}

.navbar .hs-mobile-state .u-sub-menu-v3 .hs-sub-menu {
    width: auto;
}

.navbar .hs-mobile-state .u-sub-menu-v3 .hs-sub-menu .hs-sub-menu,
.navbar .hs-mobile-state .u-sub-menu-v3 .hs-sub-menu .hs-mega-menu,
.navbar .hs-mobile-state .u-sub-menu-v3 .hs-sub-menu .hs-sub-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v3 .hs-sub-menu .hs-mega-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v3 .hs-mega-menu .hs-sub-menu,
.navbar .hs-mobile-state .u-sub-menu-v3 .hs-mega-menu .hs-mega-menu,
.navbar .hs-mobile-state .u-sub-menu-v3 .hs-mega-menu .hs-sub-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v3 .hs-mega-menu .hs-mega-menu.hs-reversed {
    margin: 0.21429rem;
}

.navbar .u-sub-menu-v4 .hs-has-sub-menu .hs-has-sub-menu.active > a,
.navbar .u-sub-menu-v4 .hs-has-sub-menu .hs-has-sub-menu:active > a,
.navbar .u-sub-menu-v4 .hs-has-sub-menu .hs-has-sub-menu:focus > a,
.navbar .u-sub-menu-v4 .hs-has-sub-menu .hs-has-sub-menu:hover > a, .navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item.active > a, .navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item:active > a, .navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item:hover > a,
.navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item.active > a,
.navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item:active > a,
.navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item:focus > a,
.navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v4 .hs-sub-menu a:active, .navbar .u-sub-menu-v4 .hs-sub-menu a:focus, .navbar .u-sub-menu-v4 .hs-sub-menu a:hover,
.navbar .u-sub-menu-v4 .dropdown-menu a:active,
.navbar .u-sub-menu-v4 .dropdown-menu a:focus,
.navbar .u-sub-menu-v4 .dropdown-menu a:hover {
    color: #fff !important;
    background-color: #111111;
    border: none;
}

.navbar .u-sub-menu-v4 .hs-has-sub-menu .hs-has-sub-menu > a::after {
    content: "\e902";
    font-family: "hs-icons";
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.navbar .u-sub-menu-v4 .hs-has-mega-menu .hs-has-sub-menu > a::after {
    content: "\e902";
}

.navbar .u-sub-menu-v4 .hs-sub-menu,
.navbar .u-sub-menu-v4 .dropdown-menu {
    font-size: 0.92857rem;
    min-width: 16.42857rem;
    padding: 0.71429rem 0;
}

.navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item,
.navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item {
    font-weight: inherit;
    color: inherit;
    padding: 0;
}

.navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item.active, .navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item:active, .navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item:focus, .navbar .u-sub-menu-v4 .hs-sub-menu .dropdown-item:hover,
.navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item.active,
.navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item:active,
.navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item:focus,
.navbar .u-sub-menu-v4 .dropdown-menu .dropdown-item:hover {
    border: none;
    background-color: transparent;
}

.navbar .u-sub-menu-v4 .hs-sub-menu a,
.navbar .u-sub-menu-v4 .dropdown-menu a {
    color: #777;
    text-decoration: none !important;
    display: block;
    padding: 0.42857rem 1.78571rem;
}

.navbar .u-sub-menu-v4 .hs-sub-menu > li:not(:last-child),
.navbar .u-sub-menu-v4 .dropdown-menu > li:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.navbar .u-sub-menu-v4 .hs-sub-menu,
.navbar .u-sub-menu-v4 .hs-mega-menu,
.navbar .u-sub-menu-v4 .dropdown-menu {
    font-weight: normal;
    text-transform: none;
    min-width: 14.28571rem;
    margin-top: 0;
    padding: 0;
    color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-width: 2px 0 2px 0;
    border-style: solid;
    border-top-color: #111111;
    border-bottom-color: #777;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.navbar .u-sub-menu-v4 .hs-sub-menu .hs-sub-menu,
.navbar .u-sub-menu-v4 .hs-mega-menu .hs-sub-menu,
.navbar .u-sub-menu-v4 .dropdown-menu .hs-sub-menu {
    margin-top: -1.07143rem;
}

.navbar .u-sub-menu-v4.hs-mobile-state .hs-sub-menu {
    width: auto;
}

.navbar .u-sub-menu-v4.hs-mobile-state .hs-sub-menu .hs-sub-menu,
.navbar .u-sub-menu-v4.hs-mobile-state .hs-sub-menu .hs-mega-menu,
.navbar .u-sub-menu-v4.hs-mobile-state .hs-sub-menu .hs-sub-menu.hs-reversed,
.navbar .u-sub-menu-v4.hs-mobile-state .hs-sub-menu .hs-mega-menu.hs-reversed,
.navbar .u-sub-menu-v4.hs-mobile-state .hs-mega-menu .hs-sub-menu,
.navbar .u-sub-menu-v4.hs-mobile-state .hs-mega-menu .hs-mega-menu,
.navbar .u-sub-menu-v4.hs-mobile-state .hs-mega-menu .hs-sub-menu.hs-reversed,
.navbar .u-sub-menu-v4.hs-mobile-state .hs-mega-menu .hs-mega-menu.hs-reversed {
    margin: 0.21429rem;
}

.navbar .hs-mobile-state .u-sub-menu-v4 .hs-sub-menu {
    width: auto;
}

.navbar .hs-mobile-state .u-sub-menu-v4 .hs-sub-menu .hs-sub-menu,
.navbar .hs-mobile-state .u-sub-menu-v4 .hs-sub-menu .hs-mega-menu,
.navbar .hs-mobile-state .u-sub-menu-v4 .hs-sub-menu .hs-sub-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v4 .hs-sub-menu .hs-mega-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v4 .hs-mega-menu .hs-sub-menu,
.navbar .hs-mobile-state .u-sub-menu-v4 .hs-mega-menu .hs-mega-menu,
.navbar .hs-mobile-state .u-sub-menu-v4 .hs-mega-menu .hs-sub-menu.hs-reversed,
.navbar .hs-mobile-state .u-sub-menu-v4 .hs-mega-menu .hs-mega-menu.hs-reversed {
    margin: 0.21429rem;
}

.u-dropdown-v5 {
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s, max-height .3s;
    -o-transition: opacity .3s, max-height .3s;
    transition: opacity .3s, max-height .3s;
}

.u-dropdown-v5.show {
    max-height: 200px;
    opacity: 1;
}

.u-navbar--inline-submenu .dropdown-menu {
    white-space: nowrap;
    top: 98%;
    left: 50%;
    border-radius: 0;
    overflow: visible !important;
    border-left: none;
    border-right: none;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.u-navbar--inline-submenu .dropdown-menu::after, .u-navbar--inline-submenu .dropdown-menu::before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: 0;
    width: 2000%;
    border-top: inherit;
    border-bottom: inherit;
    background-color: inherit;
}

.u-navbar--inline-submenu .dropdown-menu::after {
    left: 100%;
}

.u-navbar--inline-submenu .dropdown-menu::before {
    right: 100%;
}

.u-navbar--inline-submenu .dropdown-menu > li {
    display: inline-block;
}

.u-navbar--inline-submenu.u-navbar--overflow .dropdown,
.u-navbar--inline-submenu.u-navbar--overflow .container {
    position: static;
}

.u-navbar--inline-submenu.u-navbar--overflow .dropdown-menu {
    white-space: normal;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin-top: 0;
}

@media all and (min-width: 1200px) {
    .u-navbar--inline-submenu--xl .dropdown-menu {
        white-space: nowrap;
        top: 98%;
        left: 50%;
        border-radius: 0;
        overflow: visible !important;
        border-left: none;
        border-right: none;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    .u-navbar--inline-submenu--xl .dropdown-menu::after, .u-navbar--inline-submenu--xl .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: 0;
        width: 2000%;
        border-top: inherit;
        border-bottom: inherit;
        background-color: inherit;
    }

    .u-navbar--inline-submenu--xl .dropdown-menu::after {
        left: 100%;
    }

    .u-navbar--inline-submenu--xl .dropdown-menu::before {
        right: 100%;
    }

    .u-navbar--inline-submenu--xl .dropdown-menu > li {
        display: inline-block;
    }

    .u-navbar--inline-submenu--xl.u-navbar--overflow .dropdown,
    .u-navbar--inline-submenu--xl.u-navbar--overflow .container {
        position: static;
    }

    .u-navbar--inline-submenu--xl.u-navbar--overflow .dropdown-menu {
        white-space: normal;
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        margin-top: 0;
    }
}

@media all and (min-width: 992px) {
    .u-navbar--inline-submenu--lg .dropdown-menu {
        white-space: nowrap;
        top: 98%;
        left: 50%;
        border-radius: 0;
        overflow: visible !important;
        border-left: none;
        border-right: none;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    .u-navbar--inline-submenu--lg .dropdown-menu::after, .u-navbar--inline-submenu--lg .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -2px;
        bottom: 0;
        width: auto;
        border-top: inherit;
        border-bottom: inherit;
        background-color: inherit;
    }

    .u-navbar--inline-submenu--lg .dropdown-menu::after {
        left: 100%;
    }

    .u-navbar--inline-submenu--lg .dropdown-menu::before {
        right: 100%;
    }

    .u-navbar--inline-submenu--lg .dropdown-menu > li {
        display: inline-block;
    }

    .u-navbar--inline-submenu--lg.u-navbar--overflow .dropdown,
    .u-navbar--inline-submenu--lg.u-navbar--overflow .container {
        position: static;
    }

    .u-navbar--inline-submenu--lg.u-navbar--overflow .dropdown-menu {
        white-space: normal;
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        margin-top: 0;
    }
}

@media all and (min-width: 768px) {
    .u-navbar--inline-submenu--md .dropdown-menu {
        white-space: nowrap;
        top: 98%;
        left: 50%;
        border-radius: 0;
        overflow: visible !important;
        border-left: none;
        border-right: none;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    .u-navbar--inline-submenu--md .dropdown-menu::after, .u-navbar--inline-submenu--md .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: 0;
        width: 2000%;
        border-top: inherit;
        border-bottom: inherit;
        background-color: inherit;
    }

    .u-navbar--inline-submenu--md .dropdown-menu::after {
        left: 100%;
    }

    .u-navbar--inline-submenu--md .dropdown-menu::before {
        right: 100%;
    }

    .u-navbar--inline-submenu--md .dropdown-menu > li {
        display: inline-block;
    }

    .u-navbar--inline-submenu--md.u-navbar--overflow .dropdown,
    .u-navbar--inline-submenu--md.u-navbar--overflow .container {
        position: static;
    }

    .u-navbar--inline-submenu--md.u-navbar--overflow .dropdown-menu {
        white-space: normal;
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        margin-top: 0;
    }
}

@media all and (min-width: 576px) {
    .u-navbar--inline-submenu--sm .dropdown-menu {
        white-space: nowrap;
        top: 98%;
        left: 50%;
        border-radius: 0;
        overflow: visible !important;
        border-left: none;
        border-right: none;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    .u-navbar--inline-submenu--sm .dropdown-menu::after, .u-navbar--inline-submenu--sm .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: 0;
        width: 2000%;
        border-top: inherit;
        border-bottom: inherit;
        background-color: inherit;
    }

    .u-navbar--inline-submenu--sm .dropdown-menu::after {
        left: 100%;
    }

    .u-navbar--inline-submenu--sm .dropdown-menu::before {
        right: 100%;
    }

    .u-navbar--inline-submenu--sm .dropdown-menu > li {
        display: inline-block;
    }

    .u-navbar--inline-submenu--sm.u-navbar--overflow .dropdown,
    .u-navbar--inline-submenu--sm.u-navbar--overflow .container {
        position: static;
    }

    .u-navbar--inline-submenu--sm.u-navbar--overflow .dropdown-menu {
        white-space: normal;
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        margin-top: 0;
    }
}

@media (min-width: 992px) {

    .u-dropdown-col-2 {
        -webkit-columns: 2;
        columns: 2;
    }

    .u-dropdown-col-3 {
        -webkit-columns: 3;
        columns: 3;
    }
}

.u-dropdown-static {
    position: static !important;
    display: block;
    max-height: 0;
    margin: 0 1.07143rem;
    padding: 0.35714rem 0;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    border: none;
    background-color: transparent;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s, max-height .3s;
    -o-transition: opacity .3s, max-height .3s;
    transition: opacity .3s, max-height .3s;
}

.u-dropdown-static.show {
    max-height: 100%;
    opacity: 1;
}

body.u-main-nav--overlay-left .u-main-nav__overlay, body.u-main-nav--overlay-right .u-main-nav__overlay {
    overflow: hidden;
}

body.u-main-nav--overlay-right .u-main-nav--overlay {
    right: -21.42857rem;
}

body.u-main-nav--overlay-right .u-main-nav__overlay {
    right: 100%;
}

body.u-main-nav--overlay-right.u-main-nav--overlay-opened .u-main-nav--overlay {
    right: 0;
}

body.u-main-nav--overlay-right.u-main-nav--overlay-opened .u-main-nav__overlay {
    opacity: 1;
    visibility: visible;
}

body.u-main-nav--overlay-left .u-main-nav--overlay {
    left: -21.42857rem;
}

body.u-main-nav--overlay-left .u-main-nav__overlay {
    left: 100%;
}

body.u-main-nav--overlay-left.u-main-nav--overlay-opened .u-main-nav--overlay {
    left: 0;
}

body.u-main-nav--overlay-left.u-main-nav--overlay-opened .u-main-nav__overlay {
    opacity: 1;
    visibility: visible;
}

.navbar-collapse.u-main-nav--overlay {
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 5;
    margin: 0 !important;
    width: 21.42857rem;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.navbar-collapse.u-main-nav--overlay .navbar-nav {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.navbar-collapse.u-main-nav--overlay .dropdown-menu {
    position: static;
    width: 100%;
}

.navbar-collapse.u-main-nav--overlay .u-main-nav__list-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding: 2.14286rem 0.71429rem;
    width: 100%;
    height: 100%;
}

.navbar-collapse.u-main-nav--overlay .u-main-nav__list-wrapper .navbar-nav {
    padding: 0.71429rem;
}

body.u-main-nav--push-left, body.u-main-nav--push-right {
    width: 100%;
}

body.u-main-nav--push-left .u-main-nav__push, body.u-main-nav--push-right .u-main-nav__push {
    overflow: hidden;
}

body.u-main-nav--push-right .u-main-nav--push {
    right: -21.42857rem;
}

body.u-main-nav--push-right .u-main-nav__overlay {
    right: 100%;
}

body.u-main-nav--push-right.u-main-nav--overlay-opened {
    margin-right: 21.42857rem;
}

body.u-main-nav--push-right.u-main-nav--overlay-opened .u-main-nav--push {
    right: 0;
}

body.u-main-nav--push-right.u-main-nav--overlay-opened .u-main-nav__overlay {
    opacity: 1;
    visibility: visible;
}

body.u-main-nav--push-left .u-main-nav--push {
    left: -21.42857rem;
}

body.u-main-nav--push-left .u-main-nav__overlay {
    left: 100%;
}

body.u-main-nav--push-left.u-main-nav--overlay-opened {
    margin-left: 21.42857rem;
}

body.u-main-nav--push-left.u-main-nav--overlay-opened .u-main-nav--push {
    left: 0;
}

body.u-main-nav--push-left.u-main-nav--overlay-opened .u-main-nav__overlay {
    opacity: 1;
    visibility: visible;
}

.navbar-collapse.u-main-nav--push {
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 5;
    margin: 0 !important;
    width: 21.42857rem;
    max-width: 85%;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.navbar-collapse.u-main-nav--push .navbar-nav {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.navbar-collapse.u-main-nav--push .dropdown-menu {
    position: static;
    width: 100%;
}

.navbar-collapse.u-main-nav--push .u-main-nav__list-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding: 2.14286rem 0.71429rem;
    width: 100%;
    height: 100%;
}

.navbar-collapse.u-main-nav--push .u-main-nav__list-wrapper .navbar-nav {
    padding: 0.71429rem;
}

.u-smart-nav {
    position: fixed;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale3d(0.2, 0.2, 0.2);
    transform: scale3d(0.2, 0.2, 0.2);
}

.u-smart-nav .navbar {
    position: absolute;
    width: 21.42857rem;
    opacity: 0;
    visibility: hidden;
}

.u-smart-nav .navbar .dropdown {
    z-index: 1;
}

.u-smart-nav .navbar .dropdown-menu {
    position: relative;
    width: 100%;
}

.u-smart-nav .navbar li {
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.u-smart-nav .navbar li:nth-child(1) {
    -webkit-transition-delay: 60ms;
    -o-transition-delay: 60ms;
    transition-delay: 60ms;
}

.u-smart-nav .navbar li:nth-child(2) {
    -webkit-transition-delay: 90ms;
    -o-transition-delay: 90ms;
    transition-delay: 90ms;
}

.u-smart-nav .navbar li:nth-child(3) {
    -webkit-transition-delay: 120ms;
    -o-transition-delay: 120ms;
    transition-delay: 120ms;
}

.u-smart-nav .navbar li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}

.u-smart-nav .navbar li:nth-child(5) {
    -webkit-transition-delay: 180ms;
    -o-transition-delay: 180ms;
    transition-delay: 180ms;
}

.u-smart-nav .navbar li:nth-child(6) {
    -webkit-transition-delay: 210ms;
    -o-transition-delay: 210ms;
    transition-delay: 210ms;
}

.u-smart-nav .navbar li:nth-child(7) {
    -webkit-transition-delay: 240ms;
    -o-transition-delay: 240ms;
    transition-delay: 240ms;
}

.u-smart-nav .navbar li:nth-child(8) {
    -webkit-transition-delay: 270ms;
    -o-transition-delay: 270ms;
    transition-delay: 270ms;
}

.u-smart-nav .navbar li:nth-child(9) {
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.u-smart-nav .navbar li:nth-child(10) {
    -webkit-transition-delay: 330ms;
    -o-transition-delay: 330ms;
    transition-delay: 330ms;
}

.u-smart-nav .navbar li:nth-child(11) {
    -webkit-transition-delay: 360ms;
    -o-transition-delay: 360ms;
    transition-delay: 360ms;
}

.u-smart-nav .navbar li:nth-child(12) {
    -webkit-transition-delay: 390ms;
    -o-transition-delay: 390ms;
    transition-delay: 390ms;
}

.u-smart-nav .navbar li:nth-child(13) {
    -webkit-transition-delay: 420ms;
    -o-transition-delay: 420ms;
    transition-delay: 420ms;
}

.u-smart-nav .navbar li:nth-child(14) {
    -webkit-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms;
}

.u-smart-nav .navbar li:nth-child(15) {
    -webkit-transition-delay: 480ms;
    -o-transition-delay: 480ms;
    transition-delay: 480ms;
}

.u-smart-nav .navbar li:nth-child(16) {
    -webkit-transition-delay: 510ms;
    -o-transition-delay: 510ms;
    transition-delay: 510ms;
}

.u-smart-nav .navbar li:nth-child(17) {
    -webkit-transition-delay: 540ms;
    -o-transition-delay: 540ms;
    transition-delay: 540ms;
}

.u-smart-nav .navbar li:nth-child(18) {
    -webkit-transition-delay: 570ms;
    -o-transition-delay: 570ms;
    transition-delay: 570ms;
}

.u-smart-nav .navbar li:nth-child(19) {
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}

.u-smart-nav__toggler {
    position: relative;
    z-index: 1;
}

.u-smart-nav--opened .navbar {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1) !important;
    transform: scale3d(1, 1, 1) !important;
}

.u-smart-nav--opened .navbar li {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.u-smart-nav--shown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.u-smart-nav--bottom-right {
    right: 0.71429rem;
    bottom: 0.71429rem;
}

.u-smart-nav--bottom-right .navbar {
    bottom: 0;
    right: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1);
    transform: scale3d(0.1, 0.1, 0.1);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    padding-right: 5.71429rem;
}

.u-smart-nav--bottom-left {
    left: 0.71429rem;
    bottom: 0.71429rem;
}

.u-smart-nav--bottom-left .navbar {
    text-align: right;
    bottom: 0;
    left: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1);
    transform: scale3d(0.1, 0.1, 0.1);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    padding-left: 5.71429rem;
}

.u-smart-nav--top-left {
    left: 0.71429rem;
    top: 0.71429rem;
}

.u-smart-nav--top-left .navbar {
    text-align: right;
    top: 0;
    left: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1);
    transform: scale3d(0.1, 0.1, 0.1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    padding-left: 5.71429rem;
}

.u-smart-nav--top-right {
    right: 0.71429rem;
    top: 0.71429rem;
}

.u-smart-nav--top-right .navbar {
    top: 0;
    right: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1);
    transform: scale3d(0.1, 0.1, 0.1);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    padding-right: 5.71429rem;
}

.u-secondary-navigation {
    z-index: 3;
}

.u-secondary-navigation .active a {
    color: #111111;
}

@media all and (min-width: 992px) {
    .u-sidebar-navigation {
        position: fixed;
        top: 0;
        left: -21.42857rem;
        width: 300px;
    }
}

.u-sidebar-navigation-inner {
    background-color: #1c2434;
    color: #fff;
    padding: 20px 0;
}

.u-sidebar-navigation__search-input {
    border-radius: 3px;
    border: none;
}

.u-sidebar-navigation .nav-link {
    color: #fff;
    padding: 0.5rem 1.42857rem;
}

.u-sidebar-navigation .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.u-sidebar-navigation .nav-link.active {
    background-color: rgba(255, 255, 255, 0.1);
}

.u-sidebar-navigation__toggler {
    position: fixed;
    top: 120px;
    left: 0;
    width: 53px;
    height: 53px;
    background-color: #1c2434;
    color: #fff;
    border-radius: 0 3px 3px 0;
    font-size: 22px;
    z-index: 2;
}

.u-sidebar-navigation__toggler:hover, .u-sidebar-navigation__toggler:focus {
    color: #fff;
}

.u-sidebar-navigation__closer {
    position: absolute;
    top: 22px;
    right: 15px;
    width: 25px;
    height: 25px;
    padding: 0;
    color: #fff;
    background-color: transparent;
    z-index: 3;
}

.u-sidebar-navigation__closer:hover, .u-sidebar-navigation__closer:focus {
    color: #fff;
}

@media all and (max-width: 992px) {
    .u-sidebar-navigation-list {
        display: block;
        -webkit-columns: 4;
        columns: 4;
    }

    .u-sidebar-navigation-list .dropdown-toggle {
        display: none;
    }

    .u-sidebar-navigation-list .dropdown-menu {
        display: block;
        max-height: 100%;
        margin: 0;
        float: none;
        opacity: 1;
    }
}

@media all and (max-width: 768px) {
    .u-sidebar-navigation-list {
        -webkit-columns: 3;
        columns: 3;
    }
}

@media all and (max-width: 576px) {
    .u-sidebar-navigation-list {
        -webkit-columns: 1;
        columns: 1;
    }
}

.u-has-sidebar-navigation .u-header__overlay {
    display: none;
}

.hamburger-inner::before,
.hamburger-inner::after {
    background-color: inherit;
}

[class*="u-main-nav-"] .dropdown-toggle::after {
    width: auto;
    height: auto;
    vertical-align: inherit;
    border: none;
}

.u-main-nav__overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 2000%;
    opacity: 0;
    visibility: hidden;
}

body.u-body--header-side-static-left .navbar [class*="u-main-nav-"] .dropdown-toggle::after,
body.u-body--header-side-static-left .navbar [class*="u-main-nav-"] > .hs-has-sub-menu > a::after,
body.u-body--header-side-static-left .navbar [class*="u-main-nav-"] > .hs-has-mega-menu > a::after {
    content: "\e900";
}

body.u-body--header-side-static-right .navbar [class*="u-main-nav-"] .dropdown-toggle::after,
body.u-body--header-side-static-right .navbar [class*="u-main-nav-"] > .hs-has-sub-menu > a::after,
body.u-body--header-side-static-right .navbar [class*="u-main-nav-"] > .hs-has-mega-menu > a::after {
    content: "\e901";
}

@media (max-width: 992px) {
    .u-nav-mobile-scroll {
        overflow-y: auto;
    }
}

/*=======================================================
  4.49. Basket Bar
========================================================*/

[class*="u-dropdown--"] [class*="u-dropdown--"] {
    left: 100%;
    top: 0;
}

[class*="u-dropdown--"] [class*="u-dropdown--"].u-dropdown--reverse-x {
    left: auto;
    right: 100%;
}

.u-dropdown--simple.u-dropdown--reverse-y,
.u-dropdown--jquery-slide.u-dropdown--reverse-y,
.u-dropdown--css-animation.u-dropdown--reverse-y {
    top: auto;
    bottom: 100%;
    margin-top: 0 !important;
    margin-bottom: 1.42857rem;
}

.u-dropdown--simple.u-dropdown--hidden {
    display: none;
}

.u-dropdown--css-animation {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.u-dropdown--css-animation.u-dropdown--hidden {
    opacity: 0;
    visibility: hidden;
}

.u-dropdown--jquery-slide.u-dropdown--hidden {
    opacity: 0;
    visibility: hidden;
}

.u-dropdown--hidden:not(.hs-sub-menu-opened) * {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.u-dropdown--hidden:not(.hs-sub-menu-opened) *::before, .u-dropdown--hidden:not(.hs-sub-menu-opened) *::after {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.u-compressed-form {
    display: inline-block;
    overflow: hidden;
    width: 20rem;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.u-compressed-form--hidden {
    width: 5.71429rem;
}

.u-compressed-form .input-group {
    display: block;
    float: right;
}

/*=======================================================
  4.50. Dropcaps
========================================================*/

/*=======================================================
  4.51. BG Angles
========================================================*/

/*=======================================================
  4.52. Block Hovers
========================================================*/

/*=======================================================
  4.53. Blockquotes
========================================================*/

/*=======================================================
  4.54. Accordions
========================================================*/

.u-accordion__header {
    padding: 0.71429rem 1.07143rem;
}

.u-accordion__body {
    padding: 1.07143rem;
}

.u-accordion__control-icon i:nth-child(1) {
    display: none;
}

.collapsed .u-accordion__control-icon i:nth-child(1) {
    display: inline;
}

.u-accordion__control-icon i:nth-child(2) {
    display: inline;
}

.collapsed .u-accordion__control-icon i:nth-child(2) {
    display: none;
}

[aria-expanded="false"] .u-accordion__control-icon i:nth-child(1) {
    display: inline;
}

[aria-expanded="false"] .u-accordion__control-icon i:nth-child(2) {
    display: none;
}

[aria-expanded="true"] .u-accordion__control-icon i:nth-child(1) {
    display: none;
}

[aria-expanded="true"] .u-accordion__control-icon i:nth-child(2) {
    display: inline;
}

/*=======================================================
  4.55. Carousels
========================================================*/

.u-carousel-v1 .js-prev,
.u-carousel-v1 .js-next {
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.u-carousel-v1:hover .js-prev,
.u-carousel-v1:hover .js-next {
    opacity: 1;
}

.u-carousel-v2 .slick-slide {
    padding-top: 4px;
    padding-bottom: 4px;
    opacity: .5;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.u-carousel-v2 .slick-center {
    padding-top: 0;
    padding-bottom: 0;
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.u-carousel-v3 .slick-slide {
    opacity: .5;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    cursor: pointer;
}

.u-carousel-v3 .slick-center {
    opacity: 1;
}

.u-vertical-carousel .js-slide img {
    max-width: 123px;
}

.u-carousel-v4 .js-pagination {
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.u-carousel-v4:hover .js-pagination {
    opacity: 1;
}

.u-carousel-v5 .slick-list {
    height: 100%;
}

.u-carousel-v5 .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.u-carousel-v5 .slick-track .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
}

.u-carousel-v6 .slick-list.draggable {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.u-carousel-v11 .slick-slide {
    opacity: .5;
}

.u-carousel-v11 .slick-slide.slick-current {
    opacity: 1;
}

.u-carousel-v12 .slick-current .g-opacity-1--active {
    opacity: 1 !important;
}

.u-carousel-v12 .slick-current .u-block-hover__main--grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.single-slide {
    opacity: 0 !important;
}

.single-slide.set-position {
    opacity: 1 !important;
}

.swiper-carousel {
    overflow: hidden;
}

/*=======================================================
  4.56. Charts
========================================================*/

.jqstooltip {
    width: auto !important;
    height: auto !important;
}

/*=======================================================
  4.57. Counters
========================================================*/

/*=======================================================
  4.58. Credit Cards
========================================================*/

/*=======================================================
  4.59. Dropdowns
========================================================*/

.u-dropdown-v1 {
    position: relative;
    line-height: normal;
    font-size: 16px;
    color: #777;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 11px 40px 11px 14px;
    -webkit-transition-property: background-color, border-color, -webkit-box-shadow;
    -o-transition-property: background-color, border-color, box-shadow;
    transition-property: background-color, border-color, box-shadow, -webkit-box-shadow;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.u-dropdown-v1::after {
    display: none;
}

.u-dropdown-v1-menu {
    padding: 0;
    border-color: #ccc;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

.u-dropdown-v1-menu__item {
    line-height: normal;
    font-size: 16px;
    color: #777;
    padding: 9px 20px;
}

.u-dropdown-v1-menu__item:hover {
    color: #777;
}

.u-dropdown-v1__icon {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 100%;
}

.u-dropdown-v1__icon-open, .u-dropdown-v1__icon-close {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.u-dropdown-v1__icon-open {
    opacity: 1;
}

.u-dropdown-v1__icon-close {
    opacity: 0;
}

.u-dropdown-v1[aria-expanded="true"] {
    background-color: rgba(204, 204, 204, 0.1);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

.u-dropdown-v1[aria-expanded="true"] [class*="__icon-open"] {
    opacity: 0;
}

.u-dropdown-v1[aria-expanded="true"] [class*="__icon-close"] {
    opacity: 1;
}

.u-dropdown-v1:focus {
    outline: 0 none;
}

/*=======================================================
  4.60. Material
========================================================*/

.u-fixed-action-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 997;
}

.u-fixed-action-btn ul {
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 60px;
    margin: 0;
    visibility: hidden;
    list-style-type: none;
    padding-left: 0;
}

.u-fixed-action-btn ul li {
    margin-bottom: 1.07143rem;
}

.u-fixed-action-btn ul a.u-btn-floating {
    opacity: 0;
}

.u-fixed-action-btn.active ul {
    visibility: visible;
}

.u-fixed-action-btn-horizontal {
    padding: 0 0 0 1.07143rem;
}

.u-fixed-action-btn-horizontal ul {
    text-align: right;
    right: 4.57143rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    left: auto;
    width: 500px;
}

.u-fixed-action-btn-horizontal ul li {
    display: inline-block;
    margin: 0.71429rem 1.07143rem 0 0;
}

.u-fixed-action-btn-toolbar {
    padding: 0;
    height: 4rem;
}

.u-fixed-action-btn-toolbar.active > a i {
    opacity: 0;
}

.u-fixed-action-btn-toolbar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.u-fixed-action-btn-toolbar ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    margin: 0;
    height: 100%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.u-fixed-action-btn-toolbar ul li a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    line-height: 4rem;
    z-index: 1;
}

.u-fixed-action-btn-toolbar ul li a i {
    line-height: inherit;
}

.u-fixed-action-btn .u-fab-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 2.85714rem;
    height: 2.85714rem;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

/*=======================================================
  4.61. Chips
========================================================*/

.u-chip--deletable {
    padding-right: 0.28571rem;
}

/*=======================================================
  4.62. Info Blocks
========================================================*/

.u-info-v1-1 {
    overflow: hidden;
    position: relative;
}

.u-info-v1-1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
}

.text-muted {
    color: #999 !important;
}

.list-group-item {
    border-color: #eee;
}

.list-group-item-action:hover {
    background-color: #f7f7f7;
}

.list-group-item.active {
    background-color: #111111;
    border-color: #111111;
}

.page-link {
    color: #111111;
    cursor: pointer;
}

.page-link:focus, .page-link:hover {
    color: #111111;
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
    border-color: #111111;
    background-color: #111111;
}

.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active {
    background-color: #111111;
}

.nav-tabs {
    border-bottom: 1px solid #eee;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #555;
    border-color: #eee #eee #fff;
}

.progress {
    font-size: 1rem;
    line-height: inherit;
    height: inherit;
    background-color: #eee;
}

.progress-bar {
    height: auto;
    min-height: 12px;
    background-color: #111111;
}

.btn-primary {
    background-color: #111111;
    border-color: #111111;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0c0c0c;
    border-color: #0c0c0c;
}

.btn-primary:focus, .btn-primary.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.5);
    box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #111111;
    border-color: #111111;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #0c0c0c;
    border-color: #0c0c0c;
}

.btn-outline-primary {
    color: #111111;
    border-color: #111111;
}

.btn-outline-primary:hover {
    background-color: #0c0c0c;
    border-color: #0c0c0c;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.5);
    box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #111111;
}

.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #0c0c0c;
    border-color: #0c0c0c;
}

.card,
.card-header {
    border-color: #eee;
}

.card-header {
    padding: 0.71429rem 1.07143rem;
}

.card-block {
    padding: 1.07143rem;
}

.form-control {
    border-color: #ccc;
    height: auto;
}

.form-control,
.form-control:focus {
    color: #555;
}

.form-control:focus {
    border-color: #111111;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    color: inherit;
    opacity: .5;
}

.form-control::-ms-input-placeholder {
    color: inherit;
    opacity: .5;
}

.form-control::placeholder {
    color: inherit;
    opacity: .5;
}

[class*="input-group-"] {
    min-width: 38px;
    background-color: transparent;
    border-color: #ccc;
    -webkit-transition: border-color .15s ease-in-out 0s;
    -o-transition: border-color .15s ease-in-out 0s;
    transition: border-color .15s ease-in-out 0s;
}

[class*="input-group-"] > * {
    white-space: normal;
}

[class*="input-group-"] i {
    margin: 0 auto;
}

.input-group .form-control:active,
.input-group .form-control:focus,
.input-group .form-control:hover {
    z-index: auto;
}

.btn-group {
    display: block;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f7f7f7;
}

.table-striped tbody td {
    border-top: none;
}

@media (min-width: 768px) {
    .btn-group {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .justified-content {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .justified-content > * {
        display: table-cell;
        width: 1%;
        float: none;
    }
}

.dropdown-menu {
    min-width: 15rem;
    padding: 0;
}

.dropdown-toggle::before {
    display: none;
}

.dropdown-toggle::after {
    content: "\e900";
    position: relative;
    top: 0.21429rem;
    font-family: "hs-icons" !important;
    font-size: 10px;
    display: inline;
    border: none;
    margin-left: 0.5rem;
}

.dropdown-item {
    padding: 0.21429rem 1.07143rem;
}

.dropdown-item:focus, .dropdown-item:hover {
    background: rgba(0, 0, 0, 0.03);
}

.dropdown-item.active, .dropdown-item:active {
    background: rgba(0, 0, 0, 0.05);
    color: inherit !important;
}

.dropdown-item.active > a, .dropdown-item:active > a {
    color: inherit !important;
}

.dropdown-item.active > a::before, .dropdown-item.active > a::after, .dropdown-item:active > a::before, .dropdown-item:active > a::after {
    background-color: #fff;
}

.u-header__section--dark .dropdown-item.active > a, .u-header__section--dark .dropdown-item:active > a {
    color: #fff !important;
}

[data-animation].cbp {
    visibility: visible;
}

.cbp-slider-next::after,
.cbp-slider-prev::after {
    display: none;
}

.cbp-filter-item {
    cursor: pointer;
}

.cbp-item-off {
    opacity: 0;
}

/*=======================================================
  4.63. Border Colors
========================================================*/

/*=======================================================
  4.64. Colors
========================================================*/

/*=======================================================
  4.65. Fancybox
========================================================*/

.u-fancybox-theme .fancybox-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.u-fancybox-theme.fancybox-show-thumbs .fancybox-content {
    right: 220px;
}

.u-fancybox-theme .fancybox-button,
.u-fancybox-theme .fancybox-arrow {
    font-size: 1.42857rem;
    line-height: 2.92857rem;
    width: 3.14286rem;
    height: 3.14286rem;
    text-align: center;
    background-color: transparent;
    /*border-width: 0.07143rem;
    border-style: solid;
    border-color: #fff;
    border-radius: 50%;*/
    color: #fff;
    outline: none;
    opacity: .8;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.u-fancybox-theme .fancybox-button::before,
.u-fancybox-theme .fancybox-arrow::before {
    font-family: "hs-icons";
    position: static;
    opacity: 1;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: auto;
    height: auto;
}

.u-fancybox-theme .fancybox-button::after,
.u-fancybox-theme .fancybox-arrow::after {
    display: none;
}

.u-fancybox-theme .fancybox-button:hover, .u-fancybox-theme .fancybox-button:focus,
.u-fancybox-theme .fancybox-arrow:hover,
.u-fancybox-theme .fancybox-arrow:focus {
    opacity: 1;
}

.u-fancybox-theme .fancybox-button {
    display: inline-block;
}

.u-fancybox-theme .fancybox-button--close::before {
    content: "\e904";
}

.u-fancybox-theme .fancybox-button--play::before {
    content: "\e90c";
}

.u-fancybox-theme .fancybox-button--fullscreen::before {
    content: "\e909";
}

.u-fancybox-theme .fancybox-button--thumbs::before {
    content: "\e906";
}

.u-fancybox-theme .fancybox-arrow--left, .u-fancybox-theme .fancybox-arrow--right {
    margin-top: -1.57143rem;
    position: absolute;
    top: 50%;
    z-index: 100000;
    display: none;
}

.u-fancybox-theme.fancybox-show-nav .fancybox-arrow--left, .u-fancybox-theme.fancybox-show-nav .fancybox-arrow--right {
    display: block;
}

.u-fancybox-theme .fancybox-arrow--left::before, .u-fancybox-theme .fancybox-arrow--right::before {
    content: "\e902";
}

.u-fancybox-theme .fancybox-arrow--left {
    left: 1.42857rem;
}

.u-fancybox-theme .fancybox-arrow--right {
    right: 1.42857rem;
}

.u-fancybox-theme .fancybox-toolbar {
    top: 1.42857rem;
    right: 1.42857rem;
    margin-left: -0.35714rem;
    margin-right: -0.35714rem;
}

.u-fancybox-theme .fancybox-toolbar .fancybox-button {
    margin-left: 0.35714rem;
    margin-right: 0.35714rem;
}

.u-fancybox-theme .fancybox-thumbs {
    background-color: #000;
}

.u-fancybox-theme .fancybox-thumbs > ul > li {
    border-color: #000;
}

.u-fancybox-theme .fancybox-thumbs > ul > li::before {
    border-color: #111111;
}

.fancybox-slide.has-animation {
    display: block;
}

.fancybox-is-sliding .fancybox-slide.has-animation,
.fancybox-slide--current.has-animation,
.fancybox-slide--next.has-animation,
.fancybox-slide--previous.has-animation {
    display: none;
}

.fancybox-is-sliding .fancybox-slide.has-animation.animated,
.fancybox-slide--current.has-animation.animated,
.fancybox-slide--next.has-animation.animated,
.fancybox-slide--previous.has-animation.animated {
    display: block;
}

/*=======================================================--------------
  Hamburgers
----------------========================================================*/
.hamburger {
    padding: 10px;
}

.hamburger-box {
    width: 37px;
    height: 25px;
}

.hamburger-inner {
    margin-top: 1px;
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 100%;
    height: 1px;
    border-radius: 0;
}

.u-header__section--dark .hamburger-inner,
.u-header__section--dark .hamburger-inner::after,
.u-header__section--dark .hamburger-inner::before {
    background: #fff;
}

.hs-has-mega-menu:not(.hs-mega-menu-opened) *,
.hs-has-sub-menu:not(.hs-sub-menu-opened) * {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.hs-has-mega-menu:not(.hs-mega-menu-opened) *::before, .hs-has-mega-menu:not(.hs-mega-menu-opened) *::after,
.hs-has-sub-menu:not(.hs-sub-menu-opened) *::before,
.hs-has-sub-menu:not(.hs-sub-menu-opened) *::after {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.u-btn-floating .material-icons {
    top: 0;
}

.jFiler-jProgressBar {
    height: auto;
    margin-top: 0;
}

.jFiler-item-thumb-image img {
    max-width: 100%;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
    z-index: 991;
}

.ui-autocomplete .left {
    float: left;
}

.ui-autocomplete .right {
    float: right;
}

.ui-autocomplete .ui-menu-item {
    padding: 0;
}

.ui-autocomplete .ui-menu-item-wrapper {
    display: block;
    color: inherit;
    background-color: transparent;
    border-color: transparent;
    padding: 7px 15px;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active, .ui-autocomplete .ui-menu-item-wrapper:hover {
    color: #fff;
    background-color: #111111;
    text-decoration: none;
}

.ui-autocomplete .ui-menu-item:hover {
    color: #fff;
    background-color: #111111;
}

.ui-autocomplete .ui-menu-item:hover .ui-menu-item-wrapper {
    background-color: transparent;
    border-color: transparent;
}

.ui-autocomplete-category {
    padding: 5px 15px;
    margin: 0;
    font-weight: bold;
}

.point {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
}

.point::before, .point::after {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
}

.point::before {
    top: 5px;
    left: 5px;
    width: 11px;
    height: 11px;
    background: #111111;
}

.point::after {
    top: 8px;
    left: 8px;
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, 0.5);
}

pre[class*="language-"] {
    position: relative;
    margin: 0;
}

pre[class*="language-"] .toolbar {
    position: absolute;
    top: -1px;
    right: -1px;
}

.select2-container .select2-selection--single {
    height: 2.5rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    padding: .5rem .75rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    line-height: 26px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    vertical-align: middle;
    border: none;
    margin-top: 0;
    margin-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    content: "\f0dc";
}

.g-rounded-0 + .select2-container--default .select2-selection--single {
    border-radius: 0;
}

.select2-results__option {
    position: relative;
}

.select2-results__option img:first-child {
    margin-right: 10px;
}

.select2-results__option img:last-child {
    margin-left: 10px;
}

.slick-transform-off .slick-track {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.slick-slide:focus {
    outline: 0 none;
}

[data-lazy] {
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.js-carousel {
    background: url(../img/preloaders/preloader-black.svg) no-repeat 50% 50%;
}

.js-carousel .js-next,
.js-carousel .js-prev {
    opacity: 0;
}

.js-carousel.slick-initialized {
    background: none;
}

.js-carousel.slick-initialized .js-slide,
.js-carousel.slick-initialized .js-thumb {
    visibility: visible;
    height: auto;
    overflow: visible;
}

.js-carousel.slick-initialized .js-next,
.js-carousel.slick-initialized .js-prev {
    opacity: 1;
}

.slick-vertical .slick-slide {
    border: none;
}

.u-has-sidebar-navigation .custombox-content,
.u-has-sidebar-navigation .custombox-overlay {
    left: 0;
    right: 0;
}

.js-carousel_single-item {
    max-width: 100%;
    position: relative;
}

.js-next,
.js-prev {
    cursor: pointer;
}

.js-next,
.js-prev {
    z-index: 10;
}

.js-carousel_single-item-thumbs5__thumbs .js-thumb {
    opacity: .3;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.js-carousel_single-item-thumbs5__thumbs .slick-center {
    opacity: 1;
}

.js-carousel_single-item-thumbs5--v2__thumbs .js-thumb {
    opacity: .4;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.js-carousel_single-item-thumbs5--v2__thumbs .slick-center {
    opacity: 1;
}

.js-carousel_single-item-thumbs5--v3__thumbs .js-thumb {
    opacity: .4;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.js-carousel_single-item-thumbs5--v3__thumbs .slick-center {
    opacity: 1;
}

.u-carousel--v3 .js-prev,
.u-carousel--v3 .js-next {
    top: 50%;
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.u-carousel--v3 .g-height-40.js-prev, .u-carousel--v3 .g-height-40.js-next {
    margin-top: -20px;
    left: 50%;
}

.u-carousel--v3 .g-height-40.js-prev {
    margin-left: -99px;
}

.u-carousel--v3 .g-height-40.js-next {
    margin-left: 65px;
}

.u-carousel--v3:hover .js-prev,
.u-carousel--v3:hover .js-next {
    opacity: 1;
}

.u-carousel--v4 {
    margin-left: -15px;
    margin-right: -15px;
}

.u-carousel--v4 .js-prev,
.u-carousel--v4 .js-next {
    top: 50%;
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.u-carousel--v4 .g-height-40.js-prev, .u-carousel--v4 .g-height-40.js-next {
    margin-top: -20px;
    left: 50%;
}

.u-carousel--v4 .g-height-40.js-prev {
    margin-left: -160px;
}

.u-carousel--v4 .g-height-40.js-next {
    margin-left: 125px;
}

.u-carousel--v4:hover .js-prev,
.u-carousel--v4:hover .js-next {
    opacity: 1;
}

.u-carousel-v10 .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: auto;
    visibility: hidden;
    margin: 0;
    padding: 0;
}

.u-carousel-v10 .slick-dots li {
    display: block;
    margin-bottom: 5px;
}

.u-carousel-v10 .slick-dots button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: transparent;
    background: #ccc;
    border: none;
    outline: none;
}

.u-carousel-v10 .slick-dots .slick-active button {
    background: #111111;
}

.u-carousel-v10-nav {
    margin-top: -135px;
}

.u-carousel-v10-nav .js-slide {
    position: relative;
    cursor: pointer;
    height: 100%;
}

.u-carousel-v10-nav .js-slide:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.u-carousel-v10-nav .js-slide.slick-current::after {
    opacity: 0;
}

@media only screen and (max-width: 991px) {
    .u-carousel-v10 .slick-dots {
        visibility: visible;
    }

    .u-carousel-v10-nav {
        display: none;
    }
}

.IE .form-control:-ms-input-placeholder {
    opacity: 1;
}

/*=======================================================
  4.66. Background Gradient Colors
========================================================*/

/*=======================================================
  4.67. Background Colors
========================================================*/

.g-bg-primary {
    background-color: #111111 !important;
}

.g-bg-primary-opacity-0_1 {
    background-color: rgba(17, 17, 17, 0.1) !important;
}

.g-bg-black-opacity-0_5 {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.g-bg-black-opacity-0_9 {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.g-bg-white {
    background-color: #fff !important;
}

.g-bg-white--hover:hover {
    background-color: #fff !important;
}

.g-bg-white-opacity-0_1 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.g-bg-gray-dark-v1 {
    background-color: #111 !important;
}

.g-bg-gray-dark-v4 {
    background-color: #777 !important;
}

.g-bg-gray-light-v4 {
    background-color: #eee !important;
}

.g-bg-gray-light-v5 {
    background-color: #f7f7f7 !important;
}

.g-bg-green {
    background-color: #72c02c !important;
}

.g-bg-green-opacity-0_1 {
    background-color: rgba(114, 192, 44, 0.1) !important;
}

.g-bg-blue-opacity-0_1 {
    background-color: rgba(51, 152, 220, 0.1) !important;
}

.g-bg-red {
    background-color: #f00 !important;
}

.g-bg-red-opacity-0_1 {
    background-color: rgba(255, 0, 0, 0.1) !important;
}

.g-bg-purple-opacity-0_1 {
    background-color: rgba(154, 105, 203, 0.1) !important;
}

.g-bg-pink-opacity-0_1 {
    background-color: rgba(232, 28, 98, 0.1) !important;
}

.g-bg-orange-opacity-0_1 {
    background-color: rgba(229, 125, 32, 0.1) !important;
}

.g-bg-yellow {
    background-color: #ebc71d !important;
}

.g-bg-yellow-opacity-0_1 {
    background-color: rgba(235, 199, 29, 0.1) !important;
}

.g-bg-cyan-opacity-0_1 {
    background-color: rgba(0, 190, 214, 0.1) !important;
}

.g-bg-teal-opacity-0_1 {
    background-color: rgba(24, 186, 155, 0.1) !important;
}

/* Color Brown */

/*=======================================================
  4.68. Social Background Colors
========================================================*/

.g-bg-cover {
    position: relative;
}g

.g-bg-cover::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.g-bg-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.g-bg-pos-center {
    background-position: center;
}

.g-bg-no-repeat {
    background-repeat: no-repeat;
}

.g-bg-repeat {
    background-repeat: repeat !important;
    background-size: auto !important;
}

/*=======================================================
  5. Borders
========================================================*/

.g-brd-none {
    border: none !important;
}

.g-brd-around {
    border: solid 1px transparent !important;
}

.g-brd-top {
    border-top: solid 1px transparent !important;
}

.g-brd-bottom {
    border-bottom: solid 1px transparent !important;
}

.g-brd-right-none {
    border-right: none !important;
}

@media (min-width: 768px) {

    .g-brd-left-none--md {
        border-left: none !important;
    }
}

.rounded-0 {
    border-radius: 0 !important;
}

.g-rounded-50x {
    border-radius: 50%;
}

.g-rounded-5 {
    border-radius: 5px !important;
}

.g-rounded-50 {
    border-radius: 50px !important;
}

.g-rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.g-rounded-bottom-10 {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.g-brd-2 {
    border-width: 2px !important;
}

.g-brd-3 {
    border-width: 3px !important;
}

.g-brd-top-2 {
    border-top-width: 2px !important;
}

.g-brd-primary {
    border-color: #111111 !important;
}

.g-brd-primary--hover:hover {
    border-color: #111111 !important;
}

.g-brd-black {
    border-color: #000 !important;
}

.g-brd-black--hover:hover {
    border-color: #000 !important;
}

.g-brd-white {
    border-color: #fff !important;
}

.g-brd-white-opacity-0_1 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_3 {
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-gray-light-v1 {
    border-color: #bbb !important;
}

.g-brd-gray-light-v2 {
    border-color: #ccc !important;
}

.g-brd-gray-light-v3 {
    border-color: #ddd !important;
}

.g-brd-gray-light-v4 {
    border-color: #eee !important;
}

/* Color Brown */

/*=======================================================
  6.  Social Border Colors
========================================================*/

/*=======================================================
  7.  Typography
========================================================*/

.g-font-size-default {
    font-size: 1rem !important;
}

.g-font-size-11 {
    font-size: 0.78571rem !important;
}

.g-font-size-12 {
    font-size: 0.85714rem !important;
}

.g-font-size-13 {
    font-size: 0.92857rem !important;
}

.g-font-size-14 {
    font-size: 1rem !important;
}

.g-font-size-16 {
    font-size: 1.14286rem !important;
}

.g-font-size-18 {
    font-size: 1.28571rem !important;
}

.g-font-size-20 {
    font-size: 1.42857rem !important;
}

.g-font-size-22 {
    font-size: 1.57143rem !important;
}

.g-font-size-24 {
    font-size: 1.71429rem !important;
}

.g-font-size-25 {
    font-size: 1.78571rem !important;
}

.g-font-size-30 {
    font-size: 2.14286rem !important;
}

.g-font-size-35 {
    font-size: 2.5rem !important;
}

.g-font-size-36 {
    font-size: 2.57143rem !important;
}

.g-font-size-40 {
    font-size: 2.85714rem !important;
}

.g-font-size-45 {
    font-size: 3.21429rem !important;
}

.g-font-size-50 {
    font-size: 3.57143rem !important;
}

.g-font-size-60 {
    font-size: 4.28571rem !important;
}

.g-font-size-80 {
    font-size: 5.71429rem !important;
}

@media (min-width: 768px) {

    .g-font-size-45--md {
        font-size: 3.21429rem !important;
    }

    .g-font-size-55--md {
        font-size: 3.92857rem !important;
    }
}

@media (max-width: 576px) {

    .g-font-size-25 {
        font-size: 1.78571rem !important;
    }
}

.g-font-weight-300 {
    font-weight: 300 !important;
}

.g-font-weight-400 {
    font-weight: 400 !important;
}

.g-font-weight-500 {
    font-weight: 500 !important;
}

.g-font-weight-600 {
    font-weight: 600 !important;
}

.g-font-weight-700 {
    font-weight: 700 !important;
}

.g-text-underline--none--hover:focus, .g-text-underline--none--hover:hover {
    text-decoration: none;
}

.g-line-height-1 {
    line-height: 1 !important;
}

.g-font-style-italic {
    font-style: italic;
}

/*=======================================================
  8.  List Style Types
========================================================*/

/*=======================================================
  9.  Positions
========================================================*/

.g-pos-rel {
    position: relative !important;
}

.g-pos-abs {
    position: absolute !important;
}

.g-pos-fix {
    position: fixed !important;
}

.g-top-0 {
    top: 0 !important;
}

.g-top-1 {
    top: 0.07143rem;
}

.g-top-3 {
    top: 0.21429rem;
}

.g-left-0 {
    left: 0;
}

.g-right-0 {
    right: 0 !important;
}

/*=======================================================
  10. Block Alignments
========================================================*/

.g-absolute-centered--y {
    position: absolute !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
}

/*=======================================================
  11. Alignments
========================================================*/

.g-blur-30 {
    -webkit-filter: blur(30px);
    filter: blur(30px);
}

/*=======================================================
  12. Overflows
========================================================*/

.g-overflow-hidden {
    overflow: hidden !important;
}

/*=======================================================
  13. Transitions
========================================================*/

[class*="g-transition"] {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

[class*="g-transition"]::before, [class*="g-transition"]::after {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

svg[class*="g-transition"] path,
svg[class*="g-transition"] polygon {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.g-transition-0_3 {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.g-transition-0_3::before, .g-transition-0_3::after {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

svg.g-transition-0_3 path,
svg.g-transition-0_3 polygon {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

/*=======================================================
  14. Transforms
========================================================*/

/*=======================================================
  15. Opacity
========================================================*/

.g-opacity-0_3 {
    opacity: .3 !important;
}

/*=======================================================
  16. Z-Index
========================================================*/

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

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

/*=======================================================
  17. Placeholder
========================================================*/

/*=======================================================
  18. Colors
========================================================*/

.g-color-primary {
    color: #111111 !important;
}

 .g-color-primary--hover:hover {
    color: #111111 !important;
}

.g-color-black {
    color: #000 !important;
}

.g-color-black--hover:hover {
    color: #000 !important;
}

.g-color-white {
    color: #fff !important;
}

 .g-color-white--hover:hover {
    color: #fff !important;
}

.g-color-white-opacity-0_5 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.g-color-white-opacity-0_6 {
    color: rgba(255, 255, 255, 0.6) !important;
}

.g-color-white-opacity-0_7 {
    color: rgba(255, 255, 255, 0.7) !important;
}

.g-color-white-opacity-0_8 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.g-color-gray-light-v2 {
    color: #ccc !important;
}

.g-color-gray-light-v3 {
    color: #ddd !important;
}

.g-color-gray-light-v4--hover:hover {
    color: #eee !important;
}

.g-color-gray-dark-v1 {
    color: #111 !important;
}

.g-color-gray-dark-v2 {
    color: #333 !important;
}

.g-color-gray-dark-v3 {
    color: #555 !important;
}

.g-color-gray-dark-v4 {
    color: #777 !important;
}

.g-color-gray-dark-v5 {
    color: #999 !important;
}

.g-color-green {
    color: #72c02c !important;
}

.g-color-blue {
    color: #3398dc !important;
}

.g-color-red {
    color: #f00 !important;
}

.g-color-pink {
    color: #e81c62;
}

.g-color-orange {
    color: #e57d20 !important;
}

.g-color-yellow {
    color: #ebc71d !important;
}

.g-color-teal {
    color: #18ba9b !important;
}

/*=======================================================
  19. Social Colors
========================================================*/

/*=======================================================
  20. Gradient Colors
========================================================*/

/*=======================================================
  21. Widths
========================================================*/

.g-width-auto {
    width: auto !important;
}

.g-width-35 {
    width: 35px !important;
}

.g-width-40 {
    width: 40px !important;
}

.g-width-45 {
    width: 45px !important;
}

.g-width-50 {
    width: 50px !important;
}

.g-width-100 {
    width: 100px !important;
}

.g-max-width-800 {
    max-width: 800px;
}

.g-max-width-960 {
    max-width: 960px;
}

.g-min-width-220 {
    min-width: 220px;
}

/*=======================================================
  22. Heights
========================================================*/

.g-height-35 {
    height: 35px !important;
}

.g-height-40 {
    height: 40px;
}

.g-height-50 {
    height: 50px;
}

/*=======================================================
  23. Margin Spaces - XS
========================================================*/

@media (min-width: 0) {

    .g-mb-0 {
        margin-bottom: 0 !important;
    }

    .g-mx-5 {
        margin-left: 0.35714rem !important;
        margin-right: 0.35714rem !important;
    }

    .g-mx-10 {
        margin-left: 0.71429rem !important;
        margin-right: 0.71429rem !important;
    }

    .g-mx-10 {
        margin-left: 0.71429rem !important;
        margin-right: 0.71429rem !important;
    }

    .g-my-25 {
        margin-top: 1.78571rem !important;
        margin-bottom: 1.78571rem !important;
    }

    .g-my-30 {
        margin-top: 2.14286rem !important;
        margin-bottom: 2.14286rem !important;
    }

    .g-mt-5 {
        margin-top: 0.35714rem !important;
    }

    .g-mt-10 {
        margin-top: 0.71429rem !important;
    }

    .g-mt-minus-10 {
        margin-top: -0.71429rem !important;
    }

    .g-mt-15 {
        margin-top: 1.07143rem !important;
    }

    .g-mt-18 {
        margin-top: 1.28571rem !important;
    }

    .g-mt-20 {
        margin-top: 1.42857rem !important;
    }

    .g-mt-10 {
        margin-top: 0.71429rem !important;
    }

    .g-mt-minus-10 {
        margin-top: -0.71429rem !important;
    }

    .g-mt-15 {
        margin-top: 1.07143rem !important;
    }

    .g-mt-20 {
        margin-top: 1.42857rem !important;
    }

    .g-mt-25 {
        margin-top: 1.78571rem !important;
    }

    .g-mt-30 {
        margin-top: 2.14286rem !important;
    }

    .g-mt-40 {
        margin-top: 2.85714rem !important;
    }

    .g-mt-50 {
        margin-top: 3.57143rem !important;
    }

    .g-mb-2 {
        margin-bottom: 0.14286rem !important;
    }

    .g-mb-3 {
        margin-bottom: 0.21429rem !important;
    }

    .g-mb-5 {
        margin-bottom: 0.35714rem !important;
    }

    .g-mb-7 {
        margin-bottom: 0.5rem !important;
    }

    .g-mb-8 {
        margin-bottom: 0.57143rem !important;
    }

    .g-mb-10 {
        margin-bottom: 0.71429rem !important;
    }

    .g-mb-12 {
        margin-bottom: 0.85714rem !important;
    }

    .g-mb-15 {
        margin-bottom: 1.07143rem !important;
    }

    .g-mb-20 {
        margin-bottom: 1.42857rem !important;
    }

    .g-mb-10 {
        margin-bottom: 0.71429rem !important;
    }

    .g-mb-15 {
        margin-bottom: 1.07143rem !important;
    }

    .g-mb-20 {
        margin-bottom: 1.42857rem !important;
    }

    .g-mb-25 {
        margin-bottom: 1.78571rem !important;
    }

    .g-mb-30 {
        margin-bottom: 2.14286rem !important;
    }

    .g-mb-40 {
        margin-bottom: 2.85714rem !important;
    }

    .g-mb-50 {
        margin-bottom: 3.57143rem !important;
    }

    .g-mb-60 {
        margin-bottom: 4.28571rem !important;
    }

    .g-ml-5 {
        margin-left: 0.35714rem !important;
    }

    .g-ml-8 {
        margin-left: 0.57143rem !important;
    }

    .g-ml-10 {
        margin-left: 0.71429rem !important;
    }

    .g-ml-5 {
        margin-left: 0.35714rem !important;
    }

    .g-ml-10 {
        margin-left: 0.71429rem !important;
    }

    .g-ml-15 {
        margin-left: 1.07143rem !important;
    }

    .g-ml-25 {
        margin-left: 1.78571rem !important;
    }

    .g-mr-3 {
        margin-right: 0.21429rem !important;
    }

    .g-mr-5 {
        margin-right: 0.35714rem !important;
    }

    .g-mr-8 {
        margin-right: 0.57143rem !important;
    }

    .g-mr-10 {
        margin-right: 0.71429rem !important;
    }

    .g-mr-5 {
        margin-right: 0.35714rem !important;
    }

    .g-mr-10 {
        margin-right: 0.71429rem !important;
    }

    .g-mr-15 {
        margin-right: 1.07143rem !important;
    }

    .g-mr-20 {
        margin-right: 1.42857rem !important;
    }
}

/*=======================================================
  24. Margin Spaces - SM
========================================================*/

@media (min-width: 576px) {

    .g-mb-0--sm {
        margin-bottom: 0 !important;
    }
}

/*=======================================================
  25. Margin Spaces - MD
========================================================*/

@media (min-width: 768px) {

    .g-mb-0--md {
        margin-bottom: 0 !important;
    }
}

/*=======================================================
  26. Margin Spaces - LG
========================================================*/

@media (min-width: 992px) {

    .g-mb-0--lg {
        margin-bottom: 0 !important;
    }

    .g-mx-15--lg {
        margin-left: 1.07143rem !important;
        margin-right: 1.07143rem !important;
    }
}

/*=======================================================
  27. Margin Spaces - XL
========================================================*/

/*=======================================================
  28. Minus Margins
========================================================*/

/*=======================================================
  29. Custom Margins
========================================================*/

.g-ml-25 {
    margin-left: 1.78571rem;
}

.g-m-reset {
    margin: 0 !important;
}

@media (min-width: 576px) {
    .g-mb-0--sm {
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) {

    .g-mb-0--md {
        margin-bottom: 0 !important;
    }
}

/*=======================================================
  30. Margins Extended
========================================================*/

@media (min-width: 992px) {

    .js-header-change-moment .g-mt-8--lg--scrolling {
        margin-top: 0.57143rem !important;
    }
}

/*=======================================================
  31. Padding Spaces - XS
========================================================*/

@media (min-width: 0) {
    .g-pa-0 {
        padding: 0 !important;
    }

    .g-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .g-pr-0 {
        padding-right: 0 !important;
    }

    .g-pb-0 {
        padding-bottom: 0 !important;
    }

    .g-pa-5 {
        padding: 0.35714rem !important;
    }

    .g-pa-10 {
        padding: 0.71429rem !important;
    }

    .g-pa-15 {
        padding: 1.07143rem !important;
    }

    .g-pa-20 {
        padding: 1.42857rem !important;
    }

    .g-pa-25 {
        padding: 1.78571rem !important;
    }

    .g-pa-30 {
        padding: 2.14286rem !important;
    }

    .g-pa-40 {
        padding: 2.85714rem !important;
    }

    .g-px-10 {
        padding-left: 0.71429rem !important;
        padding-right: 0.71429rem !important;
    }

    .g-px-15 {
        padding-left: 1.07143rem !important;
        padding-right: 1.07143rem !important;
    }

    .g-px-10 {
        padding-left: 0.71429rem !important;
        padding-right: 0.71429rem !important;
    }

    .g-px-15 {
        padding-left: 1.07143rem !important;
        padding-right: 1.07143rem !important;
    }

    .g-px-20 {
        padding-left: 1.42857rem !important;
        padding-right: 1.42857rem !important;
    }

    .g-px-25 {
        padding-left: 1.78571rem !important;
        padding-right: 1.78571rem !important;
    }

    .g-px-30 {
        padding-left: 2.14286rem !important;
        padding-right: 2.14286rem !important;
    }

    .g-px-40 {
        padding-left: 2.85714rem !important;
        padding-right: 2.85714rem !important;
    }

    .g-px-50 {
        padding-left: 3.57143rem !important;
        padding-right: 3.57143rem !important;
    }

    .g-py-7 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .g-py-8 {
        padding-top: 0.57143rem !important;
        padding-bottom: 0.57143rem !important;
    }

    .g-py-10 {
        padding-top: 0.71429rem !important;
        padding-bottom: 0.71429rem !important;
    }

    .g-py-15 {
        padding-top: 1.07143rem !important;
        padding-bottom: 1.07143rem !important;
    }

    .g-py-10 {
        padding-top: 0.71429rem !important;
        padding-bottom: 0.71429rem !important;
    }

    .g-py-15 {
        padding-top: 1.07143rem !important;
        padding-bottom: 1.07143rem !important;
    }

    .g-py-20 {
        padding-top: 1.42857rem !important;
        padding-bottom: 1.42857rem !important;
    }

    .g-py-25 {
        padding-top: 1.78571rem !important;
        padding-bottom: 1.78571rem !important;
    }

    .g-py-30 {
        padding-top: 2.14286rem !important;
        padding-bottom: 2.14286rem !important;
    }

    .g-py-50 {
        padding-top: 3.57143rem !important;
        padding-bottom: 3.57143rem !important;
    }

    .g-py-75 {
        padding-top: 5.35714rem !important;
        padding-bottom: 5.35714rem !important;
    }

    .g-py-100 {
        padding-top: 7.14286rem !important;
        padding-bottom: 7.14286rem !important;
    }

    .g-pt-5 {
        padding-top: 0.35714rem !important;
    }

    .g-pt-10 {
        padding-top: 0.71429rem !important;
    }

    .g-pt-15 {
        padding-top: 1.07143rem !important;
    }

    .g-pt-10 {
        padding-top: 0.71429rem !important;
    }

    .g-pt-15 {
        padding-top: 1.07143rem !important;
    }

    .g-pt-20 {
        padding-top: 1.42857rem !important;
    }

    .g-pt-30 {
        padding-top: 2.14286rem !important;
    }

    .g-pt-50 {
        padding-top: 3.57143rem !important;
    }

    .g-pt-60 {
        padding-top: 4.28571rem !important;
    }

    .g-pt-80 {
        padding-top: 5.71429rem !important;
    }

    .g-pr-0 {
        padding-right: 0 !important;
    }

    .g-pb-0 {
        padding-bottom: 0 !important;
    }

    .g-pb-10 {
        padding-bottom: 0.71429rem !important;
    }

    .g-pb-15 {
        padding-bottom: 1.07143rem !important;
    }

    .g-pb-20 {
        padding-bottom: 1.42857rem !important;
    }

    .g-pb-25 {
        padding-bottom: 1.78571rem !important;
    }

    .g-pb-60 {
        padding-bottom: 4.28571rem !important;
    }

    .g-pb-80 {
        padding-bottom: 5.71429rem !important;
    }

    .g-pl-10 {
        padding-left: 0.71429rem !important;
    }

    .g-pl-15 {
        padding-left: 1.07143rem !important;
    }

    .g-pl-20 {
        padding-left: 1.42857rem !important;
    }

    .g-pl-25 {
        padding-left: 1.78571rem !important;
    }

    .g-pl-30 {
        padding-left: 2.14286rem !important;
    }
}

/*=======================================================
  32. Padding Spaces - SM
========================================================*/

@media (min-width: 576px) {

    .g-px-15--sm {
        padding-left: 1.07143rem !important;
        padding-right: 1.07143rem !important;
    }

    .g-px-15--sm {
        padding-left: 1.07143rem !important;
        padding-right: 1.07143rem !important;
    }
}

/*=======================================================
  33. Padding Spaces - MD
========================================================*/

@media (min-width: 768px) {

    .g-px-30--md {
        padding-left: 2.14286rem !important;
        padding-right: 2.14286rem !important;
    }

    .g-px-100--md {
        padding-left: 7.14286rem !important;
        padding-right: 7.14286rem !important;
    }

    .g-py-50--md {
        padding-top: 3.57143rem !important;
        padding-bottom: 3.57143rem !important;
    }
}

/*=======================================================
  34. Padding Spaces - LG
========================================================*/

@media (min-width: 992px) {

    .g-px-30--lg {
        padding-left: 2.14286rem !important;
        padding-right: 2.14286rem !important;
    }
}

/*=======================================================
  35. Padding Spaces - XL
========================================================*/

@media (min-width: 1200px) {

    /* Padding Y */
}

/*=======================================================
  36. Custom Paddings
========================================================*/

.g-pa-0-20-20 {
    padding: 0 1.42857rem 1.42857rem !important;
}

.g-pa-40 {
    padding: 2.85714rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

/*=======================================================
  37. Block Hidden
========================================================*/

.g-hidden-xs-up {
    display: none !important;
}

@media (min-width: 576px) {
    .g-hidden-sm-up {
        display: none !important;
    }
}

/*=======================================================
  38. Background Images
========================================================*/

.g-footer-map-bg {
    background-image: url(../img/maps/map2.png);
}

.g-bg-light-cta {
    height: 200%;
    background-image: url(../img/bg/pattern4.png)
}

.g-bg-kb-intro {
    background-image: url(../../images/bg-images/intro-bg-dark.jpg);
    height: calc(100vh - 75px);
}

/*=======================================================
  39. Slider Revolution
========================================================*/

#rev_slider_28_1 .uranus.tparrows {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0)
}

#rev_slider_28_1 .uranus.tparrows:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

#rev_slider_28_1 .uranus.tparrows:hover:before {
    opacity: .75
}

.hermes .tp-bullet {
    overflow: hidden;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px rgb(255, 255, 255);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    position: absolute
}

.hermes .tp-bullet:hover {
    background-color: rgba(0, 0, 0, .21)
}

.hermes .tp-bullet:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 1px rgb(255, 255, 255);
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease
}

.hermes .tp-bullet.selected:after {
    height: 100%
}

#rev_slider_26_1 .uranus.tparrows {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0)
}

#rev_slider_26_1 .uranus.tparrows:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

#rev_slider_26_1 .uranus.tparrows:hover:before {
    opacity: .75
}

.bullet-bar.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.bullet-bar .tp-bullet {
    width: 60px;
    height: 3px;
    position: absolute;
    background: #aaa;
    background: rgba(204, 204, 204, .5);
    cursor: pointer;
    box-sizing: content-box
}

.bullet-bar .tp-bullet:hover, .bullet-bar .tp-bullet.selected {
    background: rgba(204, 204, 204, 1)
}

.bullet-bar.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.bullet-bar .tp-bullet {
    width: 60px;
    height: 3px;
    position: absolute;
    background: #aaa;
    background: rgba(204, 204, 204, .5);
    cursor: pointer;
    box-sizing: content-box
}

.bullet-bar .tp-bullet:hover, .bullet-bar .tp-bullet.selected {
    background: rgba(204, 204, 204, 1)
}

/*=======================================================
  40. Page Preloaders
========================================================*/
#loading {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999999;
    margin-top: 0;
    top: 0;
    left: 0;
    opacity: 1;
}

/* Background image for preloader (matches site background) */
#loading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--page-bg-image, url('/images/page-backgrounds/DSC03206.jpg'));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2;
}

/* Dark overlay for preloader */
#loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: -1;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.object {
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    border-top: 5px solid #ab0809;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ab0809;
    border-right: 5px solid transparent;
    -webkit-animation: animate 2s infinite;
    animation: animate 2s infinite;
}

#object_one {
    left: 75px;
    top: 75px;
    width: 50px;
    height: 50px;
}

#object_two {
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#object_three {
    left: 55px;
    top: 55px;
    width: 90px;
    height: 90px;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#object_four {
    left: 45px;
    top: 45px;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@-webkit-keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -moz-transform: rotate(360deg) scale(0.8);
        -o-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
    }
}

@keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -moz-transform: rotate(360deg) scale(0.8);
        -o-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
    }
}

/*=======================================================
  41. Other Styles
========================================================*/

.u-header.u-header--floating.js-header-fix-moment .hamburger.hamburger--slider {
    padding-right: 0 !important;
}

.js-rating.g-color-yellow {
    color: #111111 !important;
}

.submitted {
    color: #72c02c;
    margin-top: -15px;
    display: none;
}

@media (min-width: 1200px) {
    .g-font-size-intro--xl {
        font-size: 4.28571rem !important;
    }
}

@media (max-width: 1200px) {
    .g-font-size-intro--xl {
        font-size: 4.28571rem !important;
    }
}

@media (max-width: 992px) {
    .g-font-size-intro--lg {
        font-size: 3.57143rem !important;
    }
}

@media (max-width: 768px) {
    .g-font-size-intro--md {
        font-size: 2.85714rem !important;
    }
}

@media (max-width: 576px) {
    .g-font-size-intro--sm {
        font-size: 2.14286rem !important;
    }
}

@media (max-width: 446px) {
    .g-font-size-intro {
        font-size: 1.78571rem !important;
    }
}

.login-logo-container {
	position: relative;
	vertical-align: bottom;
}

.login-logo {
	max-width: 255px;
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: bottom;
}

.login-logo span {
    color: #ffffff;
    font-size: 24px; 
}

#login_error {
	padding: 10px 20px;
	opacity: 1;
	transition: opacity 0.6s;
	border-radius: 5px;
	margin-bottom: 15px;
	background-color: #dc3545;
	color: white;
}

#login_success {
	padding: 10px 20px;
	opacity: 1;
	transition: opacity 0.6s;
	border-radius: 5px;
	margin-bottom: 15px;
	background-color: #28a745;
	color: white;
}

.message_alert {
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

.message_alert.success {
	background-color: #04AA6D;
	color: white;
}
.message_alert.info {
	background-color: #2196F3;
	color: white;
}
.message_alert.warning {
	background-color: #ff9800;
	color: black;
}
.message_alert.error {
	background-color: #dc3545;
	color: white;
}

#comp_details td {
	padding-top: 5px;
}

.details_row {
	padding-top: 5px;
}

.details_row_name {
	font-weight: bold;
	padding-right: 20px;
	vertical-align: top;
}

.details_description {
	height: 300px;
	overflow-y: scroll; 
	padding:15px; 
	background-color:#f6f9ff; 
	border-radius: 8px;
}

.comp-dir-name-row {
	padding: 0px 0px;
}

.comp-dir-name {
	background: linear-gradient(to right, #ab0809 30%, #550404 100%);
	color: #ffffff;
	font-weight: bold;
	min-height: 45px;
	padding: 8px 25px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/* Responsive location truncation */
.comp-location {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	margin-bottom: 2px;
	line-height: 1.2;
}

/* Mobile - shorter truncation (~26 chars) */
@media (max-width: 767px) {
	.comp-location {
		max-width: 229px;
	}
}

/* Tablet - medium truncation */
@media (min-width: 768px) and (max-width: 991px) {
	.comp-location {
		max-width: 379px;
	}
}

/* Desktop - longer truncation */
@media (min-width: 992px) {
	.comp-location {
		max-width: 319px;
	}
}

#loginOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#loginOverlayMessage {
  position: relative; /* make sure button can be absolutely positioned relative to message */
  background: white;
  padding: 20px 30px;
  border-radius: 8px;
  font-size: 18px;
  max-width: 90%;
  text-align: center;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

#loginOverlayMessage .close-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 24px;
  height: 24px;
  background: black;
  color: white;
  border-radius: 50%;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Comment panel base styles */
#commentPanel {
  position: fixed;
  top: 5px;
  right: 5px;
  bottom: 5px;
  width: 450px;
  max-width: calc(100% - 10px); /* Adjust to prevent overflow on small screens */
  background: #fff;
  box-shadow: -2px 0 10px rgba(0,0,0,0.2);
  z-index: 550;
  transform: translateX(calc(100% + 5px));
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
}

#commentReplyInput {
  min-height: 38px;
  max-height: 150px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  #commentPanel {
    width: auto;
    bottom: 5px;
    left: 5px;
	right: 5px;
    transform: translateY(100%);
  }
}

#commentPanel.open {
  transform: translateX(0);
}

@media (max-width: 768px) {
  #commentPanel.open {
    transform: translateY(0);
  }
}

.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
  gap: 10px;
}

.comment-title {
  font-weight: bold;
  flex: 1;
  text-align: left;
  word-break: break-word;
}

.comment-input {
  flex: 1;
  min-height: 2.8em;  /* ~2 lines minimum */
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 16px;  /* Set to 16px to prevent mobile zoom on iOS */
  line-height: 1.4;
  resize: none;
  box-sizing: border-box;
  position: relative;
  scrollbar-gutter: stable;
  /* Mobile Safari fixes for invisible text bug */
  -webkit-text-fill-color: initial;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Placeholder overlay */
.comment-input.placeholder::before {
  content: attr(data-placeholder);
  color: #aaa;
  position: absolute;
  left: 10px;
  top: 10px;
  pointer-events: none;
  /* Removed z-index to prevent mobile Safari invisible text bug */
}

.comment-input.placeholder {
  caret-color: #000; 
  cursor: text;
  padding-left: 5px;
  background-color: #ffffff;
}

/* Chrome / Edge / Safari scrollbar styling */
.comment-input::-webkit-scrollbar {
  width: 8px;                  /* slim scrollbar */
}

.comment-input::-webkit-scrollbar-thumb {
  background-color: #ccc;      /* scrollbar handle */
  border-radius: 8px;          /* make it rounded */
}

.comment-input::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

.comment-input::-webkit-scrollbar-track {
  background-color: transparent; /* match box background */
  border-radius: 8px;
}

.close-btn {
	all: unset;
	width: 40px;
	height: 40px;
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	user-select: none;
	touch-action: manipulation;
	background-color: transparent;
	pointer-events: auto !important;
}

.panel-body {
  flex-grow: 1;
  overflow-y: auto;
  padding: 15px;
}

body.modal-open {
  overflow: hidden;
}

.comment-box {
  margin-bottom: 15px;
  position: relative;
}

.comment {
  background-color: #f1f1f1;
  border-radius: 10px;
  padding: 10px;
  font-size: 14px;
	margin-bottom: 10px;
}

/* Comment editing state */
.comment_body.editing {
  border: 2px solid #007bff;
  border-radius: 6px;
  padding: 8px;
  background: #fff;
  outline: none;
  min-height: 40px;
  font-size: 16px;  /* Prevents iOS mobile zoom on focus */
  /* Mobile Safari fixes for invisible text bug */
  -webkit-text-fill-color: initial;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Deleted comment placeholder for admins */
.comment-deleted,
.reply-deleted {
  opacity: 0.9;
}

.deleted-comment-placeholder {
  font-size: 13px;
}

/* Edited indicator */
.edited-indicator {
  font-style: italic;
}

.replies {
  margin-left: 25px;
  position: relative;
  padding-left: 15px;
  /*border-left: 2px solid #ccc;*/
}

.reply {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0;
  position: relative;
}

/* The elbow that goes from the reply-line to the center left side of the reply box. Position is dynamic. Controlled by JS. */
.reply-elbow {
	content: "";
	position: absolute;
	top: 10px;
	left: -23px;
	width: 23px;
	height: 10px;
	border-bottom-left-radius: 10px;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

/* The reply line for additional replies - the height and top is dynamic. Controlled by JS. */
.reply-line {
	position: absolute;
	top: 10px;
	left: -8px;
	width: 2px;
	background: #ccc;
}

.commenter_name {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
    color: #a91e22;
}

#commentOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7); /* semi-transparent black - matches loginRequiredOverlay */
	z-index: 520; /* above header (501), below comment panel (550) */
	display: none;
}

/* ============================================
   Competition Preview Panel Styles
   ============================================ */

#compPreviewPanel {
	position: fixed;
	top: 5px;
	right: 5px;
	bottom: 5px;
	width: 380px;
	max-width: calc(100% - 10px);
	background: #fff;
	box-shadow: -2px 0 10px rgba(0,0,0,0.2);
	z-index: 550;
	transform: translateX(calc(100% + 5px));
	transition: transform 0.3s ease-in-out;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	overflow: hidden;
}

@media (max-width: 768px) {
	#compPreviewPanel {
		width: auto;
		bottom: 5px;
		left: 5px;
		right: 5px;
		top: auto;
		max-height: 80vh;
		transform: translateY(100%);
	}
}

#compPreviewPanel.open {
	transform: translateX(0);
}

@media (max-width: 768px) {
	#compPreviewPanel.open {
		transform: translateY(0);
	}
}

#compPreviewPanel .panel-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 10px 15px;
	border-bottom: 1px solid #ccc;
	gap: 10px;
	background: #fafafa;
}

#compPreviewPanel .panel-header .comp-preview-title {
	font-weight: bold;
	flex: 1;
	text-align: left;
	word-break: break-word;
	font-size: 14px;
	color: #333;
}

#compPreviewPanel .panel-body {
	flex-grow: 1;
	overflow-y: auto;
	padding: 15px;
}

#compPreviewPanel .panel-footer {
	padding: 12px 15px;
	border-top: 1px solid #ccc;
	background: #fafafa;
	text-align: center;
}

#compPreviewPanel .panel-footer .btn {
	display: inline-block;
	padding: 10px 24px;
	background-color: #007bff;
	color: white;
	text-decoration: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	transition: background-color 0.2s;
}

#compPreviewPanel .panel-footer .btn:hover {
	background-color: #0056b3;
	color: white;
	text-decoration: none;
}

#compPreviewOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 520;
	display: none;
}

/* Competition Preview Card Styles */
.comp-preview-card {
	background: #fff;
}

.comp-preview-social-row .comp-preview-action {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: #555;
}

.comp-preview-social-row .comp-preview-action:hover {
	color: #333;
}

.comp-preview-social-row .comp-preview-action.active {
	font-weight: 500;
}

.replied_to_name {
	color: #0d6efd;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
}

.replied_to_name::before {
	content: '@';
}

.mention_name {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #0d6efd;
	font-weight: 600;
}

.mention_name::before {
	content: '@';
}

#remove_reply_to {
	cursor: pointer;
}

#mentionDropdown {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 600;
    max-height: 150px;
    overflow-y: auto;
    font-size: 14px;
    display: none;
    min-width: 150px;
}

.mention-item {
    padding: 4px 8px;
    cursor: pointer;
}

.mention-item:hover {
    background-color: #eaf3ff;
}

/* Emoji Picker Styles */
#emojiPickerPopup {
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

#emojiPickerPopup::-webkit-scrollbar {
    width: 8px;
}

#emojiPickerPopup::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}

#emojiPickerPopup::-webkit-scrollbar-track {
    background-color: transparent;
}

#emojiPickerButton:hover {
    background-color: #e9ecef;
}

/* Media Upload Styles */
#mediaUploadButton:hover {
    background-color: #e9ecef;
}

#mediaPreviewContainer {
    border-top: 1px solid #e0e0e0;
}

#mediaPreviewGrid {
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

#mediaPreviewGrid::-webkit-scrollbar {
    height: 6px;
}

#mediaPreviewGrid::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
}

.media-preview-item {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #e0e0e0;
}

.media-preview-item img,
.media-preview-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-preview-remove {
    position: absolute;
    top: 4px;
    right: 4px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    transition: background-color 0.2s;
}

.media-preview-remove:hover {
    background: rgba(255, 0, 0, 0.8);
}

.comment-media-container {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 8px;
}

.comment-media-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    height: 200px;
    background-color: #e9ecef;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%23adb5bd' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.comment-media-item img,
.comment-media-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.comment-media-item video {
    max-height: 200px;
}

/* Video items should not show the image placeholder background */
.comment-video-pending,
.comment-video-embed,
.comment-video-failed {
    background-image: none;
    background-color: #000;
    height: auto;
}

/* Media Lightbox Styles */
#mediaLightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
}

#lightboxContent {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#lightboxMedia {
    max-width: 90%;
    max-height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#lightboxMedia img,
#lightboxMedia video {
    max-width: 100%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 4px;
}

#lightboxClose {
    position: absolute;
    top: 20px;
    right: 30px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    font-size: 40px;
    font-weight: 300;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
    z-index: 10000;
}

#lightboxClose:hover {
    background: rgba(255, 255, 255, 0.3);
}

.lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    font-size: 60px;
    font-weight: 300;
    cursor: pointer;
    width: 60px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
    z-index: 10000;
}

.lightbox-nav:hover {
    background: rgba(255, 255, 255, 0.3);
}

#lightboxPrev {
    left: 20px;
    border-radius: 0 4px 4px 0;
}

#lightboxNext {
    right: 20px;
    border-radius: 4px 0 0 4px;
}

#lightboxCaption {
    color: white;
    padding: 15px;
    text-align: center;
    max-width: 90%;
    font-size: 14px;
}

/* Hide nav buttons when only one image */
#mediaLightbox.single-media .lightbox-nav {
    display: none;
}

.image-wrapper {
  position: relative;
  display: inline-block;
}

.round-image {
	background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  box-shadow:
    0 0 0 5px white,
    0 0 0 8px #ab0809;
}

/* Hide actual file input */
#profile-upload {
  display: none;
}

/* Overlay styling */
.edit-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

/* Hover effects */
.image-wrapper:hover .round-image {
  filter: grayscale(100%);
}

.image-wrapper:hover .edit-overlay {
  opacity: 1;
}


/* Hover effect */
.image-wrapper:hover .round-image {
  filter: grayscale(100%);
}

.image-wrapper:hover .edit-overlay {
  opacity: 1;
}

.dashboard_pic {
  flex: 0 0 auto;      /* fixed-size column */
  width: 163px;        /* same as before */
  height: 162px;       /* match image size */
  display: flex;
  align-items: center; /* center image vertically */
  justify-content: center;
}

.dashboard_user_age_affiliate {
	color: #9b9b9b;
	margin-top: -10px;
	padding-left: 5px;
}

/* Mobile: stack image above name */
@media (max-width: 768px) {

  .dashboard_pic {
    width: auto;
    height: auto;
    margin-bottom: 10px;
  }
}

.social-icons {
  text-align: center; /* center the row (can be left/right if you prefer) */
}

.social-icons .icon {
  display: inline-block;
}

.social-icons .icon a {
  color: #fff; /* adjust as needed */
  font-size: 20px; /* adjust size */
  text-decoration: none;
}

.social-icons .icon a:hover {
  color: #5865F2; /* example hover color */
}

/* By default: hide mobile layout */
.mobile-view {
  display: none;
}

/* Desktop/tablet layout visible by default */
.desktop-view {
  display: block;
}

/* Mobile layout for screens smaller than 768px */
@media (max-width: 767px) {
  .desktop-view {
    display: none;
  }
  .mobile-view {
    display: block;
  }
}

.results_line_labels {
    font-weight:600; 
    padding-right: 10px;
    border-top: none !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    text-align: left !important;
}

.text_charcoal {
    color: #6c757d !important;
    border-top: none !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    text-align: left !important;
}

.bookmark-options {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 1100;
    min-width: 153px;
}

.bookmark-option {
    display: flex;
    width: 100%;
    cursor:pointer;
}


.bookmark-option:first-child:hover .bookmark-option-text{
    background-color: rgba(0, 110, 227, .1);
    color: #007bff;
    border-radius: 6px 0 0 0;
}

.bookmark-option:first-child:hover .bookmark-option-count{
    background-color: rgba(0, 110, 227, .13);
    color: #007bff;
    border-radius: 0 6px 0 0;
}

.bookmark-option:hover .bookmark-option-text{
    background-color: rgba(0, 110, 227, .1);
    color: #007bff;
    border-radius: 0 0 0 0;
}

.bookmark-option:hover .bookmark-option-count{
    background-color: rgba(0, 110, 227, .13);
    color: #007bff;
    border-radius: 0 0 0 0;
}

.bookmark-option:last-child:hover .bookmark-option-text{
    background-color: rgba(0, 110, 227, .1);
    color: #007bff;
    border-radius: 0 0 0 6px;
}

.bookmark-option:last-child:hover .bookmark-option-count{
    background-color: rgba(0, 110, 227, .13);
    color: #007bff;
    border-radius: 0 0 6px 0;
}

.bookmark-option-text {
    width: 96px;
    padding:6px 12px;
}

.bookmark-option-count {
    width: 57px;
    padding:6px 12px;
    text-align: center;
}

.bookmark-option:first-child .bookmark-option-text-selected {
    width: 96px;
    padding:6px 12px;
    font-weight: 600;
    color: #007bff;
    background-color: rgba(0, 110, 227, .1);
    border-radius: 6px 0 0 0;
}

.bookmark-option .bookmark-option-text-selected {
    width: 96px;
    padding:6px 12px;
    font-weight: 600;
    color: #007bff;
    background-color: rgba(0, 110, 227, .1);
    border-radius: 0 0 0 0;
}

.bookmark-option:last-child .bookmark-option-text-selected {
    width: 96px;
    padding:6px 12px;
    font-weight: 600;
    color: #007bff;
    background-color: rgba(0, 110, 227, .1);
    border-radius: 0 0 0 6px;
}

.bookmark-option:first-child .bookmark-option-count-selected {
    width: 57px;
    padding:6px 12px;
    font-weight: 600;
    text-align: center;
    color: #007bff;
    background-color: rgba(0, 110, 227, .13);
    border-radius: 0 6px 0 0;
}

.bookmark-option .bookmark-option-count-selected {
    width: 57px;
    padding:6px 12px;
    font-weight: 600;
    text-align: center;
    color: #007bff;
    background-color: rgba(0, 110, 227, .13);
    border-radius: 0 0 0 0;
}

.bookmark-option:last-child .bookmark-option-count-selected {
    width: 57px;
    padding:6px 12px;
    font-weight: 600;
    text-align: center;
    color: #007bff;
    background-color: rgba(0, 110, 227, .13);
    border-radius: 0 0 6px 0;
}

.bookmark-option:hover .bookmark-option-text-selected {
    background-color: rgba(0, 110, 227, .13);
}

.bookmark-option:hover .bookmark-option-count-selected {
    background-color: rgba(0, 110, 227, .16);
}

/* Bookmark View Link - Premium Feature */
.bookmark-divider {
    height: 1px;
    background-color: #e0e0e0;
    margin: 8px 0;
}

.bookmark-view-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    color: #007bff;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
    border-radius: 0 0 8px 8px;
}

.bookmark-view-link:hover {
    background-color: #f0f7ff;
    color: #0056b3;
}

.bookmark-view-link i {
    margin-right: 6px;
}

/* Bookmark Viewers Modal Tabs */
.bookmark-viewer-tab.active {
    color: #007bff !important;
    border-bottom-color: #007bff !important;
}

.bookmark-viewer-tab:hover {
    color: #007bff;
}

/* Bookmark User List */
.bookmark-user-list {
    padding: 0;
}

.bookmark-user-item {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.15s;
}

.bookmark-user-item:hover {
    background-color: #f8f9fa;
    text-decoration: none;
    color: inherit;
}

.bookmark-user-list .bookmark-user-item:last-child {
    border-bottom: none;
}

.bookmark-user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid #e9ecef;
}

.bookmark-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bookmark-user-info {
    margin-left: 12px;
    flex: 1;
    min-width: 0;
}

.bookmark-user-name {
    font-weight: 500;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bookmark-user-date {
    font-size: 12px;
    color: #888;
    margin-top: 2px;
}

/* Responsive adjustments for Bookmark Viewers Modal */
@media (max-width: 576px) {
    #bookmarkViewersModal > div {
        margin: 20px 10px;
        border-radius: 8px;
    }

    #bookmarkViewersTabs {
        padding: 0 10px;
    }

    .bookmark-viewer-tab {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }
}

/* Comment Options Dropdown */
.comment-options-dropdown {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 10100;
    min-width: 100px;
}

.comment-options-dropdown .option-item {
    padding: 10px 15px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    transition: background-color 0.15s;
}

.comment-options-dropdown .option-item:hover {
    background-color: #f5f5f5;
}

.comment-options-dropdown .option-item.report {
    color: #dc3545;
}

.comment-options-dropdown .option-item.report:hover {
    background-color: #fff5f5;
}

.stats_header {
    padding: 10px 15px;
    font-weight: 700;
}

.stats_collapse_icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
    font-size: 0.9rem;
}

.stats_table {
    padding: 15px;
}

.stats_row_name {
    font-weight: 600;
}

.stats_row_value {
    text-align: right;
    padding-right: 25px !important;
}

@media (max-width: 767px) {
    .stats_table {
        padding: 10px 5px;
    }
    .stats_row_name {
        padding-left: 8px !important;
        padding-right: 5px !important;
    }
    .stats_row_value {
        padding-right: 8px !important;
        white-space: nowrap;
    }
}

.menu-dropdown-item:hover {
    background-color: #343a40 !important;
}

.menu-dropdown-item-admin {
    background-color: #dc3545 !important;
}

.menu-dropdown-item-admin a.nav-link {
    color: #000000 !important;
    font-weight: 600 !important;
}

.menu-dropdown-item-admin:hover {
    background-color: #bf2e3c !important;
}

.btn-search-results {
    transition: all 0.3s ease;
}

.btn-search-results:hover {
    background-color: #f0f0f0;  /* light gray background on hover */
    color: #333 !important;     /* dark text on hover */
    transform: translateY(-2px); /* subtle lift effect */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* soft shadow */
}

/* Mobile header padding fix */
@media (max-width: 991px) {
    .u-header .navbar .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .u-header .navbar-toggler {
        right: 15px !important;
    }
}

/*=======================================================
  Fixed Dark Background Image Effect
  Usage: Add class "dark-fixed-bg" to body element
========================================================*/
body.dark-fixed-bg {
    background-color: #1a1a1a;
}

body.dark-fixed-bg::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--page-bg-image, url('/images/page-backgrounds/default.jpg'));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2;
}

body.dark-fixed-bg::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: -1;
}

/* Main page has section overlays, so disable the body overlay */
body.dark-fixed-bg.no-body-overlay::after {
    background-color: transparent;
}

/* Ensure main content sits above the background */
body.dark-fixed-bg main {
    position: relative;
    /* Note: Do NOT add z-index here - it creates a stacking context that breaks
       Bootstrap modals (modal-backdrop is appended to body and would appear
       above the entire main element, covering modals inside it) */
}

/* Sticky footer - ensure footer stays at bottom of viewport on short pages */
body.dark-fixed-bg > main {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.dark-fixed-bg > main > section {
    flex: 1 0 auto;
}

body.dark-fixed-bg > main > footer {
    flex-shrink: 0;
    margin-top: auto;
}

/* Reduce top margin on mobile to save vertical space */
@media (max-width: 991px) {
    body.dark-fixed-bg > main > section.g-mt-50 {
        margin-top: 30px !important;
    }
}

/* Make cards slightly more prominent on dark background */
body.dark-fixed-bg .card {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* Page headers and titles - make readable on dark background (NOT inside cards) */
body.dark-fixed-bg > main section > .container > .row > div > h1.g-color-gray-dark-v1,
body.dark-fixed-bg > main section > .container > .row > div > h2.g-color-gray-dark-v1,
body.dark-fixed-bg > main section > .container > .row > .col-lg-12 > h1.g-color-gray-dark-v1,
body.dark-fixed-bg > main section > .container > .row > .col-lg-12 > .d-flex > h1.g-color-gray-dark-v1 {
    color: #ffffff !important;
}

/* Muted text in page headers only (NOT inside cards) */
body.dark-fixed-bg > main section > .container > .row > div > p.text-muted,
body.dark-fixed-bg > main section > .container > .row > .col-lg-12 > p.text-muted {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Outline buttons OUTSIDE of cards only */
body.dark-fixed-bg > main section > .container > .row > div > .d-flex .btn-outline-primary,
body.dark-fixed-bg > main section > .container > .row > .col-lg-12 > .d-flex .btn-outline-primary {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
    background-color: transparent !important;
}

body.dark-fixed-bg > main section > .container > .row > div > .d-flex .btn-outline-primary:hover,
body.dark-fixed-bg > main section > .container > .row > .col-lg-12 > .d-flex .btn-outline-primary:hover {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}

/* Make the search section background semi-transparent */
body.dark-fixed-bg .dzsparallaxer {
    background-color: rgba(245, 245, 245, 0.95) !important;
}

/* ============================================
   DIRECT MESSAGES STYLES
   ============================================ */

.messages-container {
    display: flex !important;
    flex-direction: row !important;
    height: calc(100vh - 220px);
    min-height: 500px;
    background: #fff;
}

/* Conversations List Panel */
.conversations-list {
    width: 320px;
    border-right: 1px solid #dee2e6;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    background: #fff;
}

.conversations-header {
    padding: 15px 20px;
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
}

.conversations-header h5 {
    font-weight: 600;
    color: #333;
}

.conversations-scroll {
    flex: 1;
    overflow-y: auto;
}

.conversation-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: background 0.2s;
}

.conversation-item:hover {
    background: #f8f9fa;
}

.conversation-item.active {
    background: #e3f2fd;
    border-left: 3px solid #007bff;
}

.conversation-item.unread {
    background: #fde68a;
}

.conversation-item.unread .conversation-name {
    font-weight: 700;
}

.conversation-item.unread .conversation-preview {
    font-weight: 600;
    color: #333;
}

.conversation-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 12px;
    object-fit: cover;
    flex-shrink: 0;
}

.conversation-info {
    flex: 1;
    min-width: 0;
}

.conversation-name {
    font-weight: 600;
    color: #333;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conversation-preview {
    font-size: 13px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conversation-meta {
    text-align: right;
    flex-shrink: 0;
    margin-left: 10px;
}

.conversation-time {
    font-size: 11px;
    color: #999;
    margin-bottom: 5px;
}

.conversation-unread-badge {
    background: #dc3545;
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 10px;
    display: inline-block;
}

/* Chat Panel */
.chat-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #fff;
}

.chat-header {
    padding: 12px 20px;
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
    display: flex;
    align-items: center;
}

.chat-user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 12px;
    object-fit: cover;
}

.chat-user-info {
    flex: 1;
}

.chat-user-name {
    font-weight: 600;
    color: #333;
}

.chat-user-profile-link {
    color: #007bff;
    text-decoration: none;
}

.chat-user-profile-link:hover {
    text-decoration: underline;
}

.chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    background: #fafafa;
}

.message-wrapper {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
}

.message-wrapper.sent {
    align-items: flex-end;
}

.message-wrapper.received {
    align-items: flex-start;
}

.message-bubble {
    max-width: 70%;
    padding: 10px 15px;
    border-radius: 18px;
    word-wrap: break-word;
    word-break: break-word;
}

.message-sent .message-bubble {
    background: #007bff;
    color: white;
    border-bottom-right-radius: 4px;
}

.message-received .message-bubble {
    background: #e9ecef;
    color: #333;
    border-bottom-left-radius: 4px;
}

.message-time {
    font-size: 10px;
    margin-top: 4px;
    padding: 0 5px;
}

.message-sent .message-time {
    color: #999;
    text-align: right;
}

.message-received .message-time {
    color: #999;
    text-align: left;
}

/* Message Input Area */
.chat-input-area {
    padding: 15px;
    border-top: 1px solid #dee2e6;
    background: #fff;
}

.message-input-wrapper {
    display: flex;
    align-items: flex-end;
}

.message-input {
    flex: 1;
    min-height: 40px;
    max-height: 120px;
    padding: 10px 15px;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    outline: none;
    overflow-y: auto;
    font-size: 16px;
    line-height: 1.4;
}

.message-input:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

.message-input:empty::before {
    content: attr(data-placeholder);
    color: #999;
    pointer-events: none;
}

.send-message-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #007bff;
    color: white;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.send-message-btn:hover:not(:disabled) {
    background: #0056b3;
}

.send-message-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.message-char-count {
    text-align: right;
    padding-right: 55px;
}

.message-char-count.warning {
    color: #ffc107 !important;
}

.message-char-count.danger {
    color: #dc3545 !important;
}

/* Empty States */
.empty-conversations,
.empty-chat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #999;
    text-align: center;
    padding: 40px;
}

.empty-chat i,
.empty-conversations i {
    font-size: 48px;
    margin-bottom: 15px;
    opacity: 0.5;
}

/* Premium Upgrade Prompt */
.premium-prompt {
    text-align: center;
    padding: 12px 15px;
    background: linear-gradient(135deg, #007bff 0%, #6610f2 100%);
    color: white;
    border-radius: 10px;
    margin-bottom: 10px;
}

.premium-prompt a {
    color: #ffc107;
    font-weight: 600;
}

/* Date Separator */
.message-date-separator {
    text-align: center;
    margin: 20px 0;
    position: relative;
}

.message-date-separator span {
    background: #fafafa;
    padding: 0 15px;
    color: #999;
    font-size: 12px;
    position: relative;
    z-index: 1;
}

.message-date-separator::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #dee2e6;
}

/* Typing indicator (future enhancement) */

/* Back button for mobile */
.back-to-conversations {
    display: none;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .messages-container {
        height: calc(100vh - 180px);
        position: relative;
    }

    .conversations-list {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 10;
        background: #fff;
        transition: transform 0.3s ease;
    }

    .conversations-list.hidden {
        transform: translateX(-100%);
    }

    .chat-panel {
        width: 100%;
    }

    .back-to-conversations {
        display: inline-flex !important;
    }

    .message-bubble {
        max-width: 85%;
    }
}

/* Unread Badge in Header Menu */
#unread-messages-badge {
    font-size: 10px;
    padding: 2px 6px;
    vertical-align: middle;
    margin-left: 5px;
}

/* Friend Message Button on Dashboard */
.friend-message-btn {
    padding: 4px 8px;
    font-size: 12px;
}

.friend-message-btn .friend-unread-dot {
    width: 8px;
    height: 8px;
    background: #dc3545;
    border-radius: 50%;
    display: inline-block;
    margin-left: 4px;
}

/* Message Emoji Picker */
.msg-emoji-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    margin-left: 10px;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.2s;
}

.msg-emoji-btn:hover {
    background: #e9ecef;
}

.msg-emoji-popup {
    position: fixed;
    background: white;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    padding: 10px;
    z-index: 1001;
    max-width: 320px;
    max-height: 400px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

.msg-emoji-popup::-webkit-scrollbar {
    width: 8px;
}

.msg-emoji-popup::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}

.msg-emoji-popup::-webkit-scrollbar-track {
    background-color: transparent;
}

.msg-emoji-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 5px;
}

/* ============================================
   User Profile Hover Card Styles
   ============================================ */

.user-hovercard {
    position: absolute;
    z-index: 10000;
    width: 280px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    animation: hovercardFadeIn 0.15s ease-out;
}

@keyframes hovercardFadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.user-hovercard.hovercard-below {
    animation: hovercardFadeInBelow 0.15s ease-out;
}

@keyframes hovercardFadeInBelow {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hovercard-content {
    padding: 16px;
}

.hovercard-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.hovercard-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e9ecef;
    flex-shrink: 0;
    background-color: #f5f5f5;
}

.hovercard-info {
    flex: 1;
    min-width: 0;
}

.hovercard-name {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
    word-wrap: break-word;
}

.hovercard-gym {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #666;
    margin-top: 2px;
    line-height: 1.3;
    word-wrap: break-word;
}

.hovercard-stats {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
    padding: 10px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.hovercard-stat {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #666;
}

.hovercard-stat i {
    color: #a91e22;
    font-size: 12px;
}

.hovercard-actions {
    display: flex;
    gap: 8px;
    margin-top: 4px;
}

.hovercard-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 6px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.15s, color 0.15s;
    cursor: pointer;
    border: none;
}

.hovercard-btn-primary {
    background-color: #a91e22;
    color: #ffffff;
    flex: 1;
    text-align: center;
}

.hovercard-btn-primary:hover {
    background-color: #8a181b;
    color: #ffffff;
    text-decoration: none;
}

.hovercard-btn-icon {
    background-color: #f0f0f0;
    color: #666;
    padding: 8px 12px;
}

.hovercard-btn-icon:hover {
    background-color: #e0e0e0;
    color: #333;
    text-decoration: none;
}

.hovercard-message-link {
    color: #0d6efd;
    font-size: 20px;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    display: flex;
    align-items: center;
    padding: 0 8px;
}

.hovercard-message-link:hover {
    opacity: 0.7;
    transform: scale(1.1);
    text-decoration: none;
    color: #0d6efd;
}

/* Make commenter names interactive */
.commenter_name[data-user-id] {
    cursor: pointer;
    transition: text-decoration 0.15s;
}

.commenter_name[data-user-id]:hover {
    text-decoration: underline;
}

/* Make mention names interactive */
.mention_name[data-user-id] {
    cursor: pointer;
    transition: text-decoration 0.15s;
}

.mention_name[data-user-id]:hover {
    text-decoration: underline;
}

/* Make replied_to_name interactive */
.replied_to_name[data-user-id] {
    cursor: pointer;
    transition: text-decoration 0.15s;
}

.replied_to_name[data-user-id]:hover {
    text-decoration: underline;
}

/* Mobile responsive adjustments */
@media (max-width: 576px) {
    .user-hovercard {
        width: calc(100vw - 20px);
        max-width: 320px;
    }

    .hovercard-avatar {
        width: 48px;
        height: 48px;
    }

    .hovercard-name {
        font-size: 15px;
    }

    .hovercard-gym {
        font-size: 12px;
    }

    .hovercard-stats {
        gap: 12px;
    }

    .hovercard-stat {
        font-size: 11px;
    }
}

/* ============================================
   Distance Filter Styles
   ============================================ */

/* Filter mode toggle buttons */
#filter-mode-toggle .btn {
    padding: 8px 16px;
    transition: all 0.2s ease;
}

#filter-mode-toggle .btn.active,
.filter-mode-btn.active {
    background-color: #ab0809 !important;
    border-color: #ab0809 !important;
    color: #fff !important;
}

/* Distance preset buttons */
#distance-presets .btn {
    padding: 6px 12px;
    font-size: 13px;
    transition: all 0.2s ease;
}

#distance-presets .btn.active,
.distance-btn.active {
    background-color: #ab0809 !important;
    border-color: #ab0809 !important;
    color: #fff !important;
}

/* Detect location button */
#detect-location {
    background: #444 !important;
    border-color: #555 !important;
    color: #fff !important;
    transition: all 0.2s ease;
}

#detect-location:hover {
    background: #555 !important;
    border-color: #666 !important;
}

#detect-location:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Location status text */
#location-status {
    display: block;
    margin-top: 4px;
    font-size: 12px;
}

/* Distance badge on competition cards */
.distance-badge {
    display: inline-block;
    background: rgba(171, 8, 9, 0.15);
    color: #ab0809;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 8px;
    vertical-align: middle;
}

.distance-badge i {
    margin-right: 3px;
}

/* Custom distance input */
#custom-distance {
    max-width: 120px;
}

/* Mobile responsive adjustments for distance filter */
@media (max-width: 576px) {
    #distance-presets .btn {
        padding: 5px 8px;
        font-size: 12px;
    }

    #filter-mode-toggle .btn {
        padding: 6px 12px;
        font-size: 13px;
    }

    .distance-badge {
        display: block;
        margin-left: 0;
        margin-top: 2px;
        width: fit-content;
    }
}

/* ============================================================================
   OpenMoji Emoji Rendering
   ============================================================================ */

/* Inline emoji images in content */
.openmoji {
    display: inline-block;
    vertical-align: -0.15em;
    width: 28px !important;
    height: 28px !important;
    pointer-events: none;
}

/* Size variants */

/* Picker container */
.openmoji-picker {
    position: fixed;
    width: 320px;
    height: 400px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    display: none;
    flex-direction: column;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Search section */
.openmoji-picker-search {
    padding: 12px;
    border-bottom: 1px solid #e8e8e8;
    background: #fafafa;
}

.openmoji-search-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.openmoji-search-input:focus {
    border-color: #ab0809;
    box-shadow: 0 0 0 3px rgba(171, 8, 9, 0.1);
}

.openmoji-search-input::placeholder {
    color: #999;
}

/* Category tabs */
.openmoji-picker-categories {
    display: flex;
    overflow-x: auto;
    border-bottom: 1px solid #e8e8e8;
    padding: 6px 8px;
    gap: 4px;
    background: #fff;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.openmoji-picker-categories::-webkit-scrollbar {
    display: none;
}

.openmoji-category-tab {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 4px;
    border: none;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s;
}

.openmoji-category-tab:hover {
    background: #f0f0f0;
}

.openmoji-category-tab.active {
    background: rgba(171, 8, 9, 0.12);
}

.openmoji-category-tab img {
    width: 22px;
    height: 22px;
}

/* Emoji grid */
.openmoji-picker-grid {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
    align-content: start;
}

/* Custom scrollbar for emoji grid */
.openmoji-picker-grid::-webkit-scrollbar {
    width: 6px;
}

.openmoji-picker-grid::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 3px;
}

.openmoji-picker-grid::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.openmoji-picker-grid::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

/* Individual emoji item */
.openmoji-picker-item {
    width: 36px;
    height: 36px;
    padding: 4px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.1s, transform 0.1s;
}

.openmoji-picker-item:hover {
    background: #f0f0f0;
    transform: scale(1.1);
}

.openmoji-picker-item:active {
    transform: scale(0.95);
}

.openmoji-picker-item img {
    width: 28px;
    height: 28px;
}

/* Empty state */
.openmoji-picker-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px 20px;
    color: #888;
    font-size: 14px;
}

/* Mobile responsive */
@media (max-width: 576px) {
    .openmoji-picker {
        width: 290px;
        height: 350px;
    }

    .openmoji-picker-grid {
        grid-template-columns: repeat(7, 1fr);
    }

    .openmoji-picker-item {
        width: 34px;
        height: 34px;
    }

    .openmoji-picker-item img {
        width: 26px;
        height: 26px;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .openmoji-picker {
        background: #2a2a2a;
        border: 1px solid #444;
    }

    .openmoji-picker-search {
        background: #333;
        border-color: #444;
    }

    .openmoji-search-input {
        background: #222;
        border-color: #555;
        color: #fff;
    }

    .openmoji-search-input::placeholder {
        color: #777;
    }

    .openmoji-picker-categories {
        border-color: #444;
    }

    .openmoji-category-tab:hover {
        background: #3a3a3a;
    }

    .openmoji-picker-item:hover {
        background: #3a3a3a;
    }

    .openmoji-picker-grid::-webkit-scrollbar-track {
        background: #333;
    }

    .openmoji-picker-grid::-webkit-scrollbar-thumb {
        background: #555;
    }
}

/* ============================================================================
   New Comments Banner (Comment Panel Polling)
   ============================================================================ */

.new-comments-banner {
    position: sticky;
    top: 0;
    z-index: 100;
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    color: white;
    padding: 10px 15px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    margin: 0 0 15px 0;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

.new-comments-banner.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.new-comments-banner:hover {
    background: linear-gradient(135deg, #0056b3 0%, #003d80 100%);
}

.new-comments-banner i {
    margin-right: 6px;
}

/* ============================================
   Gender Toggle Buttons (Dark Background)
   ============================================ */
.gender-toggle .btn {
    padding: 8px 16px;
    transition: all 0.2s ease;
    font-weight: 500;
}

.gender-toggle .btn-gender-active {
    background-color: #ab0809 !important;
    border-color: #ab0809 !important;
    color: #fff !important;
}

.gender-toggle .btn-gender-active:hover {
    background-color: #8a0607 !important;
    border-color: #8a0607 !important;
}

.gender-toggle .btn-gender-inactive {
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.gender-toggle .btn-gender-inactive:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
    color: #fff !important;
}

/* ============================================================================
   MOBILE INPUT ZOOM PREVENTION
   iOS Safari zooms in on form inputs with font-size < 16px. Setting all
   text inputs to 16px minimum prevents this unwanted zoom behavior.
   ============================================================================ */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="date"],
textarea,
select,
[contenteditable="true"] {
    font-size: 16px;
}

/* ============================================================================
   PREMIUM MEMBER CROWN INDICATOR
   Gold crown icon displayed next to premium member names throughout the site
   ============================================================================ */
.premium-crown {
    color: #ffc107;
    font-size: 0.85em;
    margin-left: 8px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.premium-crown-sm {
    color: #ffc107;
    font-size: 0.75em;
    margin-left: 3px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}