/*------------------------------------
Group Unify
Part 1/1 Unify Color CSS
------------------------------------*/

.g-primary-link {
    color: var(--primary-link);
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-secondary-navigation .active a {
    color: var(--primary-link);
}

.u-block-hover:hover .g-color-primary--hover,
.g-color-primary--hover:hover {
    color: var(--primary-text) !important;
}

/*------------------------------------
  TEMPORARY COLORS
------------------------------------*/
.temp-brd-primary {
    border-color: var(--primary-border);
    overflow: hidden;
}

.temp-bg-primary {
    background-color: var(--block-background) !important;
    color: var(--block-text) !important;
}

.temp-brd-primary {
}

/*------------------------------------
  Custom BG
------------------------------------*/

[class*="g-bgi-v"] {
    background-position: center;
    background-attachment: fixed;
}

/*------------------------------------
  Boxed layout
------------------------------------*/

.g-layout-boxed,
.g-layout-semiboxed {
    background-color: #f7f7f7;
}

.u-outer-space-v1 .g-layout-boxed::after,
.u-outer-space-v2 .g-layout-boxed::after,
.u-outer-space-v1 .g-layout-semiboxed::after,
.u-outer-space-v2 .g-layout-semiboxed::after {
    border-bottom-color: #f7f7f7;
}

.g-layout-boxed main,
.g-layout-semiboxed main {
    position: relative;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

@media (min-width: 1200px) {
    .g-layout-boxed main {
        width: 1140px;
    }
}


@media (min-width: 1400px) {
    .g-layout-semiboxed main {
        width: 1340px;
    }
}


@media (min-width: 768px) {
    .u-outer-space-v1 {
        margin: 20px;
    }
}

@media (min-width: 768px) {
    .u-outer-space-v1 body {
        height: calc(100% - 40px);
        min-height: calc(100% - 40px);
    }
}


@media (min-width: 768px) {
    .u-outer-space-v2 {
        margin: 40px;
    }
}

@media (min-width: 768px) {
    .u-outer-space-v2 body {
        height: calc(100% - 80px);
        min-height: calc(100% - 80px);
    }
}

/*------------------------------------
  Dark Theme
------------------------------------*/

.g-dark-theme {
    background-color: #000;
    color: #fff;
}

    .g-dark-theme main {
        background-color: #222;
    }

    .g-dark-theme .u-header__section {
        background-color: #222;
    }

        .g-dark-theme .u-header__section:not([class*="g-bg-white"]) .navbar-nav .nav-link {
            color: #fff;
        }

        .g-dark-theme .u-header__section:not([class*="g-bg-white"]) .navbar-nav .active > .nav-link {
            color: rgba(255, 255, 255, .7);
        }

    .g-dark-theme .u-btn-inset::before {
        border-color: #222;
    }

/*------------------------------------
  Fonts
------------------------------------*/



body {
    font-family: var(--default-font);
    color: var(--text-color);
    background-color: var(--default-background);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
h7, .h7 {
    font-family: var(--header-font);
}

a {
    color: var(--primary-link);
    outline: none;
}

    a:focus,
    a:hover {
        color: var(--primary-link-hover);
    }
.slickymenu .smallLinks a {
    color: #000;
}
/*------------------------------------
  Bootstrap
------------------------------------*/

.coloredBackgroundBlock {
    color: var(--block-text);
    background-color: var(--block-background);
}

.page-link,
.page-link:hover,
.page-link:focus,
.btn-outline-primary:disabled,
.btn-primary:disabled,
.btn-outline-primary.disabled {
    color: var(--primary-text);
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover,
.btn-primary:disabled,
.btn-primary.disabled {
    border-color: var(--primary-background-disable);
    background-color: var(--primary-background-disable);
}

.btn-outline-primary {
    color: var(--primary-text);
    border-color: var(--primary-border);
}

    .btn-outline-primary:hover,
    .btn-outline-primary:active,
    .btn-outline-primary.active,
    .show > .btn-outline-primary.dropdown-toggle {
        background-color: var(--primary-background-hover);
        border-color: var(--primary-background-hover);
    }

.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active,
.progress-bar {
    background-color: var(--primary-background);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--primary-background-hover);
    border-color: var(--primary-background-hover);
}

.btn-primary:focus,
.btn-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 2px var(--primary-background-hover);
}

/*------------------------------------
  Background colors
------------------------------------*/

.temp-primary {
    background-color: var(--primary-background);
}

.g-bg-primary-text {
    background-color: var(--primary-background) !important;
    color: var(--primary-text) !important;
}

.g-bg-primary,
.g-bg-primary--hover:hover,
.g-parent:hover .g-bg-primary--parent-hover,
.g-bg-primary--active.active,
.active .g-bg-primary--active,
.g-parent.active .g-bg-primary--parent-active {
    background-color: var(--primary-background) !important;
}

.g-bg-primary--before::before,
.g-bg-primary--after::after {
    background-color: var(--primary-background) !important;
}

.g-bg-primary-opacity-0_1 {
    background-color: var(--primary-background-01) !important;
}

.g-bg-primary-opacity-0_2,
.g-bg-primary-opacity-0_2--hover:hover,
.g-bg-primary-opacity-0_2--hover--after:hover::after,
.g-bg-primary-opacity-0_2--before::before,
.g-bg-primary-opacity-0_2--after::after {
    background-color: rgba(var(--primary-background),0.2) !important;
}

.active .g-bg-primary-opacity-0_2--active {
    background-color: rgba(var(--primary-background),0.2) !important;
}

.g-bg-primary-opacity-0_4,
.g-bg-primary-opacity-0_4--hover:hover,
.g-bg-primary-opacity-0_4--hover--after:hover::after,
.g-bg-primary-opacity-0_4--after::after {
    background-color: rgba(var(--primary-background),0.4) !important;
}

.g-bg-primary-opacity-0_6,
.g-bg-primary-opacity-0_6--hover:hover,
.g-bg-primary-opacity-0_6--hover--after:hover::after,
.g-bg-primary-opacity-0_6--after::after {
    background-color: rgba(var(--primary-background),0.6) !important;
}

.g-bg-primary-opacity-0_8,
.g-bg-primary-opacity-0_8--hover:hover,
.g-bg-primary-opacity-0_8--hover--after:hover::after,
.g-bg-primary-opacity-0_8--before::after,
.g-bg-primary-opacity-0_8--after::after,
.g-bg-primary-opacity-0_8--before--hover:hover::after,
.g-bg-primary-opacity-0_8--after--hover:hover::after {
    background-color: rgba(var(--primary-background),0.8) !important;
}

.g-bg-primary-opacity-0_9,
.g-bg-primary-opacity-0_9--hover:hover,
.g-bg-primary-opacity-0_9--hover--after:hover::after,
.g-bg-primary-opacity-0_9--before::after,
.g-bg-primary-opacity-0_9--after::after,
.g-bg-primary-opacity-0_9--before--hover:hover::after,
.g-bg-primary-opacity-0_9--after--hover:hover::after {
    background-color: rgba(var(--primary-background),0.9) !important;
}

.g-bg-primary-dark-v1 {
    background-color: rgba(calc(var(--primary-background) - 2)) !important;
}

.g-bg-primary-dark-v2 {
    background-color: rgba(calc(var(--primary-background) - 5)) !important;
}

.g-bg-primary-dark-v3 {
    background-color: rgba(calc(var(--primary-background) - 10)) !important;
}

/*.g-bg-primary-gradient-opacity-v1,
.g-bg-primary-gradient-opacity-v1--after::after {
  background: linear-gradient(to bottom, var(--primary-background-01), var(--primary-background));
}*/

/*------------------------------------
  Border colors
------------------------------------*/


.g-brd-primary,
.g-brd-primary--before::before,
.g-brd-primary--before--active.active::before,
.slick-active .g-brd-primary--before--active::before,
.g-brd-primary--hover:hover,
.g-brd-primary--active.active,
.g-brd-primary--active.cbp-filter-item-active,
.slick-active .g-brd-primary--active,
*:hover > .g-brd-primary--hover-parent {
    border-color: var(--primary-border) !important;
}

.g-brd-primary-opacity-0_3,
.g-brd-primary-opacity-0_3--hover:hover,
.g-brd-primary-opacity-0_3--active.active,
.g-brd-primary-opacity-0_3--active.cbp-filter-item-active,
*:hover > .g-brd-primary-opacity-0_3--hover-parent {
    border-color: rgba(var(--primary-border),0.3) !important;
}

.g-brd-primary-top,
.g-brd-primary-top--before::before,
.g-brd-primary-top--hover:hover,
.g-brd-primary-top--hover:hover::after,
.g-brd-primary-top--active.active,
.g-brd-primary-top--active.active::after {
    border-top-color: var(--primary-border) !important;
}

.g-brd-primary-bottom,
.g-brd-primary-bottom--before::before,
.g-brd-primary-bottom--hover:hover,
.g-brd-primary-bottom--hover:hover::after,
.g-brd-primary-bottom--active.active,
.g-brd-primary-bottom--active.active::after {
    border-bottom-color: var(--primary-border) !important;
}

.g-brd-primary-left,
.g-brd-primary-left--before::before {
    border-left-color: var(--primary-border) !important;
}

.g-brd-primary-right,
.g-brd-primary-right--before::before {
    border-right-color: var(--primary-border) !important;
}

.g-brd-primary-opacity-0_3-top {
    border-top-color: rgba(var(--primary-border),0.3) !important;
}

.g-brd-primary-opacity-0_3-bottom {
    border-bottom-color: rgba(var(--primary-border),0.3) !important;
}

.g-brd-primary-opacity-0_3-left {
    border-left-color: rgba(var(--primary-border),0.3) !important;
}

.g-brd-primary-opacity-0_3-right {
    border-right-color: rgba(var(--primary-border),0.3) !important;
}

.g-brd-primary-dark-dark-v1,
.g-brd-primary-dark-dark-v1--hover:hover,
.g-brd-primary-dark-dark-v1--active.active,
.g-brd-primary-dark-dark-v1--active.cbp-filter-item-active,
*:hover > .g-brd-primary-dark-dark-v1--hover-parent {
    border-color: rgba(calc(var(--primary-border) - 2)) !important;
}

.g-brd-primary-dark-dark-v2,
.g-brd-primary-dark-dark-v2--hover:hover,
.g-brd-primary-dark-dark-v2--active.active,
.g-brd-primary-dark-dark-v2--active.cbp-filter-item-active,
*:hover > .g-brd-primary-dark-dark-v2--hover-parent {
    border-color: rgba(calc(var(--primary-border) - 5)) !important;
}

.g-brd-primary-dark-dark-v3,
.g-brd-primary-dark-dark-v3--hover:hover,
.g-brd-primary-dark-dark-v3--active.active,
.g-brd-primary-dark-dark-v3--active.cbp-filter-item-active,
*:hover > .g-brd-primary-dark-dark-v3--hover-parent {
    border-color: rgba(calc(var(--primary-border) - 10)) !important;
}

.g-brd-primary-dark-dark-v1-top {
    border-top-color: rgba(calc(var(--primary-border) - 2)) !important;
}

.g-brd-primary-dark-dark-v1-bottom {
    border-bottom-color: rgba(calc(var(--primary-border) - 2)) !important;
}

.g-brd-primary-dark-dark-v1-left {
    border-left-color: rgba(calc(var(--primary-border) - 2)) !important;
}

.g-brd-primary-dark-dark-v1-right {
    border-right-color: rgba(calc(var(--primary-border) - 2)) !important;
}

.g-brd-primary-dark-dark-v2-top {
    border-top-color: rgba(calc(var(--primary-border) - 5)) !important;
}

.g-brd-primary-dark-dark-v2-bottom {
    border-bottom-color: rgba(calc(var(--primary-border) - 5)) !important;
}

.g-brd-primary-dark-dark-v2-left {
    border-left-color: rgba(calc(var(--primary-border) - 5)) !important;
}

.g-brd-primary-dark-dark-v2-right {
    border-right-color: rgba(calc(var(--primary-border) - 5)) !important;
}

.g-brd-primary-dark-dark-v3-top {
    border-top-color: rgba(calc(var(--primary-border) - 10)) !important;
}

.g-brd-primary-dark-dark-v3-bottom {
    border-bottom-color: rgba(calc(var(--primary-border) - 10)) !important;
}

.g-brd-primary-dark-dark-v3-left {
    border-left-color: rgba(calc(var(--primary-border) - 10)) !important;
}

.g-brd-primary-dark-dark-v3-right {
    border-right-color: rgba(calc(var(--primary-border) - 10)) !important;
}

/*------------------------------------
  Colors
------------------------------------*/

.g-color-primary,
.g-color-primary--hover:hover,
.g-color-primary--active.cbp-filter-item-active {
    color: var(--primary-text) !important;
}

.g-color-primary-opacity-0_3 {
    color: rgba(var(--primary-text), 0.3);
}

.g-color-primary-opacity-0_4 {
    color: rgba(var(--primary-text), 0.4);
}

.g-color-primary--before::before,
.g-color-primary--after::after {
    color: var(--primary-text);
}

/*------------------------------------
  Box-shadows
------------------------------------*/

.u-shadow-v13 {
    box-shadow: inset 2px 2px 2px 0 var(--primary-background);
}

/*------------------------------------
  Fill colors
------------------------------------*/

.g-fill-primary,
.g-fill-primary path,
.g-fill-primary polygon,
.g-fill-primary--hover:hover path,
.g-fill-primary--hover:hover polygon,
*:hover > * > .g-fill-primary--hover-parent svg path,
*:hover > * > .g-fill-primary--hover-parent svg polygon {
    fill: var(--primary-background) !important;
}

/*------------------------------------
  Highlight Color
------------------------------------*/

::-moz-selection {
    background-color: var(--primary-background);
}

::selection {
    background-color: var(--primary-background);
}

.g-bg-primary ::-moz-selection {
    color: var(--primary-text);
}

.g-bg-primary ::selection {
    color: var(--primary-text);
}

/*------------------------------------
  Buttons
------------------------------------*/

.slicky-btn {
    position: relative;
    transition: .2s ease;
    display: inline-block;
    margin-bottom: 0;
    padding: 8px 8px;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    text-decoration: none !important;
    border-radius: var(--button-radius);
}

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

    .slicky-btn:disabled, .slicky-btn.disabled {
        cursor: not-allowed !important;
    }
    .slicky-btn.disabled {
        cursor: not-allowed !important;
        opacity: 0.6; 
    }


.u-btn-primary, .btn-primary {
    background-color: var(--primary-background);
    color: var(--primary-text);
    border: 1px solid var(--primary-border);
    font-size: 13px;
    font-weight: 600;
    padding: 15px 25px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.btn-secondary {
    background-color: var(--primary-background-compliment);
    color: var(--primary-text);
    border: 1px solid transparent;
    border-color: var(--primary-background-compliment);
    font-size: 13px;
    font-weight: 600;
    padding: 15px 25px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .btn-secondary:hover, .btn-secondary.active {
        background-color: var(--primary-background-compliment-hover);
        border-color: var(--primary-background-compliment-hover);
    }


.u-btn-primary:hover, .u-btn-primary.active, .u-btn-primary.cbp-filter-item-active {
    border-color: var(--primary-border);
    background-color: var(--primary-background-hover);
}

.u-btn-primary.u-btn-hover-v1-1::after,
.u-btn-primary.u-btn-hover-v1-1:hover::after,
.u-btn-primary.u-btn-hover-v1-2::after,
.u-btn-primary.u-btn-hover-v1-2:hover::after,
.u-btn-primary.u-btn-hover-v1-3::after,
.u-btn-primary.u-btn-hover-v1-3:hover::after,
.u-btn-primary.u-btn-hover-v1-4::after,
.u-btn-primary.u-btn-hover-v1-4:hover::after,
.u-btn-primary.u-btn-hover-v2-1::after,
.u-btn-primary.u-btn-hover-v2-1:hover::after,
.u-btn-primary.u-btn-hover-v2-2::after,
.u-btn-primary.u-btn-hover-v2-2:hover::after {
    background-color: var(--primary-background);
}

.u-btn-primary.u-btn-hover-v1-1:hover,
.u-btn-primary.u-btn-hover-v1-2:hover,
.u-btn-primary.u-btn-hover-v1-3:hover,
.u-btn-primary.u-btn-hover-v1-4:hover,
.u-btn-primary.u-btn-hover-v2-1:hover,
.u-btn-primary.u-btn-hover-v2-2:hover {
    background-color: var(--primary-background-hover);
}

.btn-clear {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #cecece;
    border: 1px solid #cecece;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 25px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .btn-clear:hover {
        color: #000 !important;
        background-color: #fff !important;
    }

.btn-transparent {
    background: transparent;
    border: 1px solid var(--primary-border);
    font-size: 13px;
    font-weight: 600;
    padding: 15px 25px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .btn-transparent:hover {
        background: var(--primary-border) !important;
        color: white !important;
        border: 0px solid white;
    }

.btn-black {
    background-color: black;
    color: white;
    border: 1px solid black;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 25px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .btn-black:hover {
        border-color: #4d4d4d;
        background-color: #4d4d4d;
    }

.btn-white {
    background-color: white;
    color: black;
    border: 1px solid white;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 25px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .btn-white:hover {
        border-color: #4d4d4d;
        background-color: #4d4d4d;
    }




.btn-white-border {
    background-color: white;
    color: black;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 25px;
    border: 1px solid #ccc;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .btn-white-border:hover {
        border-color: black;
        color: black;
    }


.btn-gradientBackground {
    background: linear-gradient(120deg, var(--gradient1) 0%, var(--gradient2) 100%);
    color: var(--gradientText);
    border: 1px solid transparent;
    border-color: var(--primary-background-compliment);
    font-size: 13px;
    font-weight: 600;
    padding: 15px 25px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .btn-gradientBackground:hover, .btn-gradientBackground.active {
        background: linear-gradient(360deg, var(--gradient2-80) 0%, var(--gradient1-10) 100%);
        border-color: var(--primary-background-compliment-hover);
    }

.btn-gradientBorder {
    position: relative;
    color: var(--background-header-link);
    font-size: 13px;
    font-weight: 600;
    padding: 15px 25px;
    background: transparent;
    z-index: 1;
    overflow: hidden;
    border: 2px solid transparent;
}

    .btn-gradientBorder::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: inherit;
        padding: 2px;
        background: linear-gradient(360deg, var(--gradient1), var(--gradient2));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude;
        z-index: -1;
    }

    .btn-gradientBorder:hover, .btn-gradientBorder.active {
        background: linear-gradient(50deg, var(--gradient2-10), var(--gradient2-10));
    }



.btn-gradientText {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid #cecece;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 25px;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    color: transparent;
    background-image: linear-gradient(90deg, var(--gradient1), var(--gradient2));
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
}

    .btn-gradientText:hover {
        background-color: white !important;
        border: 1px solid #cecece;
        color: #333;
        background-clip: unset;
    }


.u-btn-outline-primary {
    color: var(--primary-text);
    border-color: var(--primary-border);
}

    .u-btn-outline-primary:hover {
        background-color: var(--primary-background-hover);
    }

    .u-btn-outline-primary.u-btn-hover-v1-1::after,
    .u-btn-outline-primary.u-btn-hover-v1-1:hover::after,
    .u-btn-outline-primary.u-btn-hover-v1-2::after,
    .u-btn-outline-primary.u-btn-hover-v1-2:hover::after,
    .u-btn-outline-primary.u-btn-hover-v1-3::after,
    .u-btn-outline-primary.u-btn-hover-v1-3:hover::after,
    .u-btn-outline-primary.u-btn-hover-v1-4::after,
    .u-btn-outline-primary.u-btn-hover-v1-4:hover::after,
    .u-btn-outline-primary.u-btn-hover-v2-1::after,
    .u-btn-outline-primary.u-btn-hover-v2-1:hover::after,
    .u-btn-outline-primary.u-btn-hover-v2-2::after,
    .u-btn-outline-primary.u-btn-hover-v2-2:hover::after,
    .u-btn-outline-primary.u-btn-hover-v3-1::after,
    .u-btn-outline-primary.u-btn-hover-v3-1:hover::after {
        background-color: var(--primary-background-hover);
    }

/*------------------------------------
  Checkboxes & Radio Buttons
------------------------------------*/

.u-check input[type="checkbox"]:checked + .u-check-icon-font i,
.u-check input[type="radio"]:checked + .u-check-icon-font i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-font i,
.u-check input[type="radio"]:checked + * .u-check-icon-font i {
    color: var(--primary-text);
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v1,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v1,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v1,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v1,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v1,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v1,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v1,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v1,
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v7,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 {
    background-color: var(--primary-background);
    border-color: var(--primary-border);
}

.u-check-icon-checkbox-v2,
.u-check-icon-radio-v2,
.u-check-icon-checkbox-v3,
.u-check-icon-radio-v3 {
    border-color: var(--primary-border);
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v4,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v4,
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v8,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 {
    color: var(--primary-text);
    border-color: var(--primary-border);
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v5 i,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v5 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v5 i,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v5 i,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v5 i,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v5 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v5 i,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v5 i {
    border-color: var(--primary-border);
}

.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="checkbox"]:checked + * .u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 i,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i {
    background-color: var(--primary-border);
    border-color: var(--primary-border);
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i::after,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i::after,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8 i::after,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8 i::after,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v8 i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8 i::after,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 i::after {
    background-color: var(--primary-border);
}

.u-checkbox-v1--checked-color-primary:checked + label {
    color: var(--primary-text) !important;
}

.u-checkbox-v1--checked-brd-primary:checked + label {
    border-color: var(--primary-border) !important;
}

/*------------------------------------
  Selects
------------------------------------*/

.u-select-v1 .chosen-results > li.highlighted,
.u-select-v1 .chosen-results > li.result-selected {
    background-color: var(--primary-background);
    border-bottom-color: var(--primary-border);
}

/*------------------------------------
  Arrows
------------------------------------*/

.u-arrow-v3:hover .u-arrow-icon-before,
.u-arrow-v3:hover .u-arrow-icon-after {
    background-color: var(--primary-background);
}

.u-arrow-v4:hover .u-arrow-icon,
.u-arrow-v7:hover .u-arrow-icon,
.u-arrow-v8:hover .u-arrow-icon {
    color: var(--primary-text);
}

.u-arrow-v14 .u-arrow-icon::before,
.u-arrow-v14 .u-arrow-icon::after {
    background: var(--primary-background);
}

/*------------------------------------
  Badges
------------------------------------*/

.u-badge-bg-primary::after {
    background-color: var(--primary-background);
}

/*------------------------------------
  Badges v2
------------------------------------*/

[class*="u-badge-v2"] {
    background-color: var(--primary-background);
}

/*------------------------------------
  Triangles
------------------------------------*/

.u-triangle-v1.u-triangle-top.g-bg-primary::before,
.u-triangle-v1.u-triangle-left.g-bg-primary::before,
.u-triangle-v1-2.u-triangle-top.g-bg-primary::before,
.u-triangle-v1-2.u-triangle-left.g-bg-primary::before,
.u-triangle-v2.u-triangle-top.g-bg-primary::before,
.u-triangle-v2.u-triangle-left.g-bg-primary::before,
.u-triangle-v5.u-triangle-top.g-bg-primary::before,
.u-triangle-v5.u-triangle-left.g-bg-primary::before,
.u-triangle-v6.u-triangle-top.g-bg-primary::before,
.u-triangle-v6.u-triangle-left.g-bg-primary::before {
    border-bottom-color: var(--primary-border);
}

.u-triangle-v1.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v1.u-triangle-right.g-bg-primary::before,
.u-triangle-v1-2.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v1-2.u-triangle-right.g-bg-primary::before,
.u-triangle-v2.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v2.u-triangle-right.g-bg-primary::before,
.u-triangle-v5.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v5.u-triangle-right.g-bg-primary::before,
.u-triangle-v6.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v6.u-triangle-right.g-bg-primary::before {
    border-top-color: var(--primary-border);
}

.u-triangle-v1-2.u-triangle-left.g-bg-primary::before {
    border-right-color: var(--primary-border);
}

.u-triangle-v1-2.u-triangle-right.g-bg-primary::before {
    border-left-color: var(--primary-border);
}

.u-triangle-v3.u-triangle-top.g-bg-primary::before,
.u-triangle-v3.u-triangle-left.g-bg-primary::before {
    background-image: linear-gradient(to bottom right, transparent 49.6%, var(--primary-background) 50%);
}

.u-triangle-v3.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v3.u-triangle-right.g-bg-primary::before {
    background-image: linear-gradient(to top right, transparent 49.6%, var(--primary-background) 50%);
}

.u-triangle-v4.u-triangle-top.g-bg-primary::before,
.u-triangle-v4.u-triangle-left.g-bg-primary::before {
    background-image: linear-gradient(to bottom right, transparent 49.6%, var(--primary-background) 50%), linear-gradient(to bottom left, transparent 49.6%, var(--primary-background) 50%);
}

.u-triangle-v4.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v4.u-triangle-right.g-bg-primary::before {
    background-image: linear-gradient(to top right, transparent 49.6%, var(--primary-background) 50%), linear-gradient(to top left, transparent 49.6%, var(--primary-background) 50%);
}

.u-semicircle-v1.g-bg-primary::before {
    background: var(--primary-background);
}

.u-zigzag-top-primary::before {
    background: -webkit-linear-gradient(-225deg, var(--primary-background) 10px, transparent 0) 0 10px, -webkit-linear-gradient(-315deg, var(--primary-background) 10px, transparent 0) 0 10px;
}

@media (min-width: 768px) {
    .u-triangle-v1.u-triangle-left.g-bg-primary::before {
        border-right-color: var(--primary-border);
    }

    .u-triangle-v1.u-triangle-right.g-bg-primary::before {
        border-left-color: var(--primary-border);
    }

    .u-triangle-v3.u-triangle-left.g-bg-primary::before {
        background-image: linear-gradient(to bottom right, transparent 49.6%, var(--primary-background) 50%);
    }

    .u-triangle-v3.u-triangle-right.g-bg-primary::before {
        background-image: linear-gradient(to bottom left, transparent 49.6%, var(--primary-background) 50%);
    }

    .u-triangle-v4.u-triangle-left.g-bg-primary::before {
        background-image: linear-gradient(to bottom right, transparent 49.6%, var(--primary-background) 50%), linear-gradient(to top right, transparent 49.6%, var(--primary-background) 50%);
    }

    .u-triangle-v4.u-triangle-right.g-bg-primary::before {
        background-image: linear-gradient(to bottom left, transparent 49.6%, var(--primary-background) 50%), linear-gradient(to top left, transparent 49.6%, var(--primary-background) 50%);
    }
}

/*------------------------------------
  Block Hovers
------------------------------------*/

.u-block-hover:hover .u-block-hover__prop-bg-primary {
    background-color: var(--primary-background);
}

.u-block-hover:hover .u-block-hover__prop-bg-primary-opacity-0_9 {
    background-color: var(--primary-background);
}

/*------------------------------------
  Blockquotes
------------------------------------*/

.u-blockquote-v3::before {
    color: var(--primary-text);
}

.u-blockquote-v7::before {
    background: var(--primary-background);
}

/*------------------------------------
  Carousel indicators
------------------------------------*/

.u-carousel-indicators-v1 li.slick-active span,
.u-carousel-indicators-v1--white li.slick-active span,
.u-carousel-indicators-v4 li.slick-active span,
.u-carousel-indicators-v8 li.slick-active span {
    background-color: var(--primary-background);
}

.u-carousel-indicators-v6 li.slick-active {
    color: var(--primary-text);
}

    .u-carousel-indicators-v6 li.slick-active span {
        border-color: var(--primary-border);
    }

.u-carousel-indicators-v9 li.slick-active,
.u-carousel-indicators-v10 li.slick-active {
    background-color: var(--primary-background);
}

.u-carousel-indicators-v18--white li span {
    background-color: var(--primary-background);
}

.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,
.u-carousel-indicators-v20 li.slick-active span,
.u-carousel-indicators-v20 li.slick-active span,
.u-carousel-indicators-v20--white li.slick-active span,
.u-carousel-indicators-v20--white li.slick-active span {
    border-color: var(--primary-border);
}

.u-carousel-indicators-v20--white li span::before {
    background: var(--primary-background);
    box-shadow: 0 0 1px var(--primary-background);
}

.u-carousel-indicators-v21--white li span::after {
    background-color: var(--primary-background);
}

.u-carousel-indicators-v22--white li span {
    background-color: var(--primary-background);
}

    .u-carousel-indicators-v22--white li span::before {
        border-top-color: var(--primary-border);
    }

.u-carousel-indicators-v22--white li.slick-active {
    border-color: var(--primary-border);
}

.u-carousel-indicators-v23--white .u-dots-helper::before {
    background: var(--primary-background);
}

.u-carousel-indicators-v24--white li span {
    border-color: var(--primary-border);
}

.u-carousel-indicators-v25--white li::before {
    background-color: var(--primary-background);
}

.u-carousel-indicators-v25--white li span:focus {
    background-color: var(--primary-background);
}

.u-carousel-indicators-v25--white li span::before {
    background-color: var(--primary-background);
}

.u-carousel-indicators-v25--white li.slick-active span {
    background-color: var(--primary-background);
}

.u-carousel-indicators-v26--white li::before,
.u-carousel-indicators-v26--white li::after,
.u-carousel-indicators-v26--vertical--white li::before,
.u-carousel-indicators-v26--vertical--white li::after {
    border-color: var(--primary-border);
}

.u-carousel-indicators-v27--white li span::before,
.u-carousel-indicators-v27--vertical--white li span::before {
    background: var(--primary-background);
}

.u-carousel-indicators-v28 li.slick-active span {
    background-color: var(--primary-background);
}

/*------------------------------------
  Paginations
------------------------------------*/

.u-pagination-v1-1--active,
.u-pagination-v1-1:hover,
.u-pagination-v1-1:focus {
    background-color: var(--primary-background);
    border-color: var(--primary-border);
}

.u-pagination-v1-2:hover,
.u-pagination-v1-2:focus {
    color: var(--primary-text);
    border-color: var(--primary-border);
}

.u-pagination-v1-2--active,
.u-pagination-v1-2--nav {
    background-color: var(--primary-background);
    border-color: var(--primary-border);
}

    .u-pagination-v1-2--nav:hover {
        background-color: var(--primary-background);
    }

.u-pagination-v1-4:hover,
.u-pagination-v1-4:focus {
    color: var(--primary-text);
    border-color: var(--primary-border);
}

.u-pagination-v1-4--active {
    background-color: var(--primary-background);
    border-color: var(--primary-border);
}

/*------------------------------------
  Ribbons
------------------------------------*/

.u-ribbon-bookmark.g-bg-primary::after {
    border-color: var(--primary-border);
}

.u-ribbon-clip-v4__inner.g-bg-primary {
    box-shadow: 0 0 0 3px var(--primary-background), 0 21px 5px -18px rgba(0, 0, 0, .6);
}

/*------------------------------------
  Accordions
------------------------------------*/

.u-accordion-color-primary__header [aria-expanded="true"] {
    color: var(--primary-text) !important;
}

.u-accordion-bg-primary__header [aria-expanded="true"] {
    background-color: var(--primary-background) !important;
    border-color: var(--primary-border) !important;
}

.u-accordion-brd-primary__header [aria-expanded="true"] {
    border-color: var(--primary-border) !important;
}

.u-accordion-v2:nth-child(odd) {
    background-color: var(--primary-background);
}

/*------------------------------------
  Datepickers
------------------------------------*/

.u-datepicker-v1 .ui-datepicker-calendar td span.ui-state-active,
.u-datepicker-v1 .ui-datepicker-calendar th span.ui-state-active,
.u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active,
.u-datepicker-v1 .ui-datepicker-calendar th a.ui-state-active {
    background: var(--primary-background);
    border-color: var(--primary-border);
}

/*------------------------------------
  Sliders
------------------------------------*/

.u-slider-v1.ui-slider .ui-slider-range {
    background: var(--primary-background);
}

.u-slider-v1.ui-slider .ui-slider-handle {
    border-color: var(--primary-border);
}

/*------------------------------------
  Headers
------------------------------------*/

.headerBox {
    background-color: var(--header-bgcolor);
}

.footerBox {
    background-color: var(--footer-bgcolor);
}


.headerBox {
    background-color: var(--header-bgcolor);
}

.container.V1, .container.V4 {
    flex-direction: column !important;
}



.container.V4 {
    background-color: var(--footer-bgcolor-container);
    border-radius: var(--border-radius);
}

    .container.V2 {
        flex-direction: row;
    }


.js-header-change-moment.g-bg-primary--shift {
    background-color: var(--primary-background);
}

.js-header-change-moment.g-bg-primary-semi-transparent--shift {
    background-color: var(--primary-background);
}

/*------------------------------------
  Heading
------------------------------------*/

.u-heading-v5-color-primary .u-heading-v5__title::before {
    background: var(--primary-background);
}

.u-heading-massive-underline::before {
    background-color: var(--primary-background);
}

/*------------------------------------
  Effects
------------------------------------*/

.u-icon-effect-v1-1--hover::after,
.u-icon-effect-v1-2--hover::after {
    box-shadow: 0 0 0 1px var(--primary-background);
}

.u-icon-effect-v1-1--hover:hover,
.u-icon-effect-v1-2--hover:hover,
.u-icon-v4.u-icon-effect-v1-1--hover:hover .u-icon-v4-inner,
.u-icon-v4.u-icon-effect-v1-2--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-effect-v1-1--hover,
.u-icon-block--hover:hover .u-icon-effect-v1-2--hover,
.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-1--hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover .u-icon-v4-inner {
    border-color: var(--primary-border);
    background: var(--primary-background) !important;
}

.u-icon-effect-v2--hover:hover,
.u-icon-effect-v2--hover:hover::after {
    background: var(--primary-background);
}

.u-icon-effect-v5--hover.g-bg-primary:hover,
.u-icon-block--hover:hover .u-icon-effect-v5--hover.g-bg-primary,
.u-icon-effect-v5--hover.g-color-primary:hover,
.u-icon-block--hover:hover .u-icon-effect-v5--hover.g-color-primary {
    box-shadow: 0 0 10px 10px var(--primary-background);
}

.u-icon-v4-bg-primary {
    border-color: var(--primary-border);
}

    .u-icon-v4-bg-primary .u-icon-v4-inner {
        background: var(--primary-background);
    }

.u-icon-v4-bg-primary--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-primary--hover {
    border-color: var(--primary-border);
}

    .u-icon-v4-bg-primary--hover:hover .u-icon-v4-inner,
    .u-icon-block--hover:hover .u-icon-v4-bg-primary--hover .u-icon-v4-inner {
        background: var(--primary-background);
    }

.u-icon-v5.g-bg-primary::after {
    background-color: var(--primary-background);
}

.u-icon-block--hover:hover .g-color-primary--hover {
    color: var(--primary-text);
}

.u-icon-block--hover:hover .g-brd-primary--hover {
    border-color: var(--primary-background);
}

.u-icon-block--hover:hover .g-bg-primary--hover {
    background: var(--primary-background);
}

/*------------------------------------
  Navigation Dropdown
------------------------------------*/

.navbar .u-sub-menu-v1 .hs-sub-menu,
.navbar .u-sub-menu-v1 .hs-mega-menu,
.navbar .u-sub-menu-v1 .dropdown-menu {
    border-color: var(--primary-border);
}

.navbar .u-sub-menu-v2 .hs-sub-menu,
.navbar .u-sub-menu-v2 .hs-mega-menu,
.navbar .u-sub-menu-v2 .dropdown-menu,
.navbar .u-sub-menu-v3 .hs-sub-menu,
.navbar .u-sub-menu-v3 .hs-mega-menu,
.navbar .u-sub-menu-v3 .dropdown-menu {
    border-top-color: var(--primary-border);
}

.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,
.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 {
    background-color: var(--primary-background);
}

.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,
.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,
.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,
.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,
.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,
.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: var(--primary-border);
}

.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: var(--primary-text);
}

/*------------------------------------
  Nonstandard Background
------------------------------------*/

.u-ns-bg-v1-top.g-bg-primary::before,
.u-ns-bg-v2-top.g-bg-primary::before,
.u-ns-bg-v2-2-top.g-bg-primary::before,
.u-ns-bg-v6-top.g-bg-primary .u-ns-bg-before::before {
    border-bottom-color: var(--primary-border);
}

.u-ns-bg-v1-bottom.g-bg-primary::before,
.u-ns-bg-v2-bottom.g-bg-primary::before,
.u-ns-bg-v2-2-bottom.g-bg-primary::before,
.u-ns-bg-v6-bottom.g-bg-primary .u-ns-bg-before::before {
    border-top-color: var(--primary-border);
}

.u-ns-bg-v1-left.g-bg-primary::before,
.u-ns-bg-v2-left.g-bg-primary::before,
.u-ns-bg-v2-2-left.g-bg-primary::before,
.u-ns-bg-v6-left.g-bg-primary .u-ns-bg-before::before {
    border-right-color: var(--primary-border);
}

.u-ns-bg-v1-right.g-bg-primary::before,
.u-ns-bg-v2-right.g-bg-primary::before,
.u-ns-bg-v2-2-right.g-bg-primary::before,
.u-ns-bg-v6-right.g-bg-primary .u-ns-bg-before::before {
    border-left-color: var(--primary-border);
}

.u-ns-bg-v3-top.g-bg-primary::before,
.u-ns-bg-v3-left.g-bg-primary::before,
.u-ns-bg-v4-top.g-bg-primary::before,
.u-ns-bg-v4-left.g-bg-primary::before {
    border-bottom-color: var(--primary-border);
}

.u-ns-bg-v3-bottom.g-bg-primary::before,
.u-ns-bg-v3-right.g-bg-primary::before,
.u-ns-bg-v4-bottom.g-bg-primary::before,
.u-ns-bg-v4-right.g-bg-primary::before {
    border-top-color: var(--primary-border);
}

[class*="u-ns-bg-v5"].g-bg-primary svg path,
[class*="u-ns-bg-v5"].g-bg-primary svg polygon {
    fill: var(--primary-border);
}

@media (min-width: 768px) {
    .u-ns-bg-v1-top--md.g-bg-primary::before,
    .u-ns-bg-v2-top--md.g-bg-primary::before,
    .u-ns-bg-v2-2-top--md.g-bg-primary::before,
    .u-ns-bg-v6-top.g-bg-primary .u-ns-bg-before::before {
        border-bottom-color: var(--primary-border);
    }

    .u-ns-bg-v1-bottom--md.g-bg-primary::before,
    .u-ns-bg-v2-bottom--md.g-bg-primary::before,
    .u-ns-bg-v2-2-bottom--md.g-bg-primary::before,
    .u-ns-bg-v6-bottom.g-bg-primary .u-ns-bg-before::before {
        border-top-color: var(--primary-border);
    }

    .u-ns-bg-v1-left--md.g-bg-primary::before,
    .u-ns-bg-v2-left--md.g-bg-primary::before,
    .u-ns-bg-v2-2-left--md.g-bg-primary::before,
    .u-ns-bg-v6-left.g-bg-primary .u-ns-bg-before::before {
        border-right-color: var(--primary-border);
    }

    .u-ns-bg-v1-right--md.g-bg-primary::before,
    .u-ns-bg-v2-right--md.g-bg-primary::before,
    .u-ns-bg-v2-2-right--md.g-bg-primary::before,
    .u-ns-bg-v6-right.g-bg-primary .u-ns-bg-before::before {
        border-left-color: var(--primary-border);
    }
}

/*------------------------------------
  Progress Bars
------------------------------------*/

.u-progress::-ms-fill,
.u-progress::-webkit-progress-value,
.u-progress::-moz-progress-bar {
    background-color: var(--primary-background);
}

.u-progress__pointer-v2::after,
.u-progress__pointer-v3::after {
    border-color: var(--primary-border);
}

/*------------------------------------
  Steps
------------------------------------*/

@media (min-width: 768px) {
    .u-steps-v1__item a,
    .u-steps-v1__item a::before,
    .u-steps-v1__item.active a,
    .u-steps-v1__item.active span {
        background-color: var(--primary-background);
    }

    .u-steps-v2__indicator,
    .u-steps-v2__item a::before,
    .u-steps-v2__item a .u-steps-v2__indicator,
    .u-steps-v3__indicator,
    .u-steps-v3__item a::before,
    .u-steps-v3__item a .u-steps-v3__indicator {
        background-color: var(--primary-background);
    }

    .u-steps-v2__item:hover a,
    .u-steps-v3__item:hover a {
        color: var(--primary-background);
    }

        .u-steps-v2__item:hover a .u-steps-v2__indicator,
        .u-steps-v3__item:hover a .u-steps-v3__indicator {
            box-shadow: 0 0 0 3px var(--primary-background);
        }

        .u-steps-v2__item:hover a .u-steps-v2__indicator,
        .u-steps-v2__item:hover span .u-steps-v2__indicator,
        .u-steps-v3__item:hover a .u-steps-v3__indicator,
        .u-steps-v3__item:hover span .u-steps-v3__indicator {
            background-color: var(--primary-background);
        }
}

/*------------------------------------
  Tabs
------------------------------------*/

.g-color-primary--active.active {
    color: var(--primary-text);
}

[class*="u-nav-v8"] .nav-link.active,
[class*="u-nav-v8"] .nav-link.active .u-nav-v8__icon,
[class*="u-nav-v8"].u-nav-light .nav-link.active .u-nav-v8__icon {
    background-color: var(--primary-background);
}

@media (min-width: 768px) {
    .u-nav-v1-1.u-nav-primary .nav-link.active,
    .u-nav-v2-1.u-nav-primary .nav-link.active,
    [class*="u-nav-v8"].u-nav-light .nav-link.active {
        background-color: var(--primary-background);
    }

    .u-nav-v1-2.u-nav-primary .nav-link.active,
    [class*="u-nav-v2"].u-nav-primary .nav-link,
    [class*="u-nav-v2"].u-nav-primary .nav-link.active,
    .u-nav-v3-2 .nav-link.active,
    [class*="u-nav-v5"].u-nav-primary .nav-link.active,
    [class*="u-nav-v6"] .nav-link.active,
    [class*="u-nav-v6"].flex-column .nav-link.active {
        border-color: var(--primary-border);
    }

    .u-nav-v2-2 .nav-link.active,
    [class*="u-nav-v3"] .nav-link.active,
    [class*="u-nav-v3"].u-nav-light .nav-link.active,
    [class*="u-nav-v5"].u-nav-primary .nav-link.active,
    [class*="u-nav-v7"] .nav-link.active {
        color: var(--primary-text);
    }

    .u-nav-v4-1.u-nav-primary .nav-link.active,
    [class*="u-nav-v6"] .nav-link.active::before {
        border-top-color: var(--primary-border);
    }

    .u-nav-v4-1-column .u-nav-v4-1.u-nav-primary .nav-link.active,
    [class*="u-nav-v6"].flex-column .nav-link.active::before {
        border-left-color: var(--primary-border);
    }

    [class*="u-nav-v8"].u-nav-light .nav-link.active::before {
        background-image: linear-gradient(to bottom left, transparent 49.6%, var(--primary-background) 50%), linear-gradient(to top left, transparent 49.6%, var(--primary-background) 50%);
    }

    [class*="u-nav-v8"].justify-content-end .nav-link.active::before,
    [class*="u-nav-v8"].text-right .nav-link.active::before {
        background-image: linear-gradient(to bottom right, transparent 49.6%, var(--primary-background) 50%), linear-gradient(to top right, transparent 49.6%, var(--primary-background) 50%);
    }

    .u-nav-v8-2 .nav-link.active::before {
        background-image: linear-gradient(to bottom left, transparent 49.6%, var(--primary-background) 50%), linear-gradient(to top left, transparent 49.6%, var(--primary-background) 50%);
    }
}

@media (max-width: 767px) {
    [role="tablist"]:not([data-tabs-mobile-type="slide-up-down"], [data-tabs-mobile-type="accordion"]) {
        border-color: var(--primary-border);
    }

    [data-tabs-mobile-type="slide-up-down"].u-nav-primary .nav-link,
    [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-link,
    [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: var(--primary-border) !important;
    }
}

/*--------------------------------------------------
  Info Blocks
----------------------------------------------------*/

.u-info-v1-2:hover .u-info-v1-2__item::after,
.u-info-v7-1:hover .u-info-v7-1__item-child-v2 {
    background: var(--primary-background);
}

.u-info-v1-5__item::after {
    border-bottom-color: var(--primary-border);
}

.info-v4-3:hover::after {
    border-color: var(--primary-border);
}

.info-v5-3:hover .info-v5-3__info {
    background-color: var(--primary-background);
}

.u-info-v6-1__item::after,
.u-info-v6-1:hover .u-info-v6-1__item::after {
    background-image: linear-gradient(to right, var(--primary-background) 0, transparent 100%);
}

/*------------------------------------
  Checked state background
------------------------------------*/

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,
.g-checked .g-bg-primary--checked,
.g-bg-primary--checked.g-checked {
    background-color: var(--primary-background) !important;
}

/*------------------------------------
  Checked state border
------------------------------------*/

input[type="checkbox"]:checked + .g-brd-primary--checked,
input[type="radio"]:checked + .g-brd-primary--checked,
input[type="checkbox"]:checked + * .g-brd-primary--checked,
input[type="radio"]:checked + * .g-brd-primary--checked,
.g-checked .g-brd-primary--checked,
.g-brd-primary--checked.g-checked {
    border-color: var(--primary-border) !important;
}

/*------------------------------------
  Focus state border
------------------------------------*/

.g-brd-primary--focus:focus,
.g-brd-primary--focus.g-state-focus *,
.g-brd-primary--focus.g-state-focus *:focus {
    border-color: var(--primary-border) !important;
}

/*------------------------------------
  Focus state color
------------------------------------*/

.g-color-primary:focus {
    color: var(--primary-text);
}

/*------------------------------------
  Checked state overlay
------------------------------------*/

input[type="checkbox"]:checked + .g-overlay-primary-0_5--checked::after,
input[type="radio"]:checked + .g-overlay-primary-0_5--checked::after,
input[type="checkbox"]:checked + * .g-overlay-primary-0_5--checked::after,
input[type="radio"]:checked + * .g-overlay-primary-0_5--checked::after,
.g-overlay-primary-0_5--checked.g-checked::after,
.g-checked .g-overlay-primary-0_5--checked::after {
    background-color: var(--primary-background);
}

input[type="checkbox"]:checked + .g-overlay-primary-0_9--checked::after,
input[type="radio"]:checked + .g-overlay-primary-0_9--checked::after,
input[type="checkbox"]:checked + * .g-overlay-primary-0_9--checked::after,
input[type="radio"]:checked + * .g-overlay-primary-0_9--checked::after,
.g-overlay-primary-0_9--checked.g-checked::after,
.g-checked .g-overlay-primary-0_9--checked::after {
    background-color: var(--primary-background);
}

/*------------------------------------
  Success state
------------------------------------*/

.u-has-success-v1 .form-control-feedback,
.u-has-success-v1-2 .form-control-feedback,
.u-has-success-v1-3 .form-control-feedback {
    color: var(--primary-background);
}

.u-has-success-v1-2 .form-control,
.u-has-success-v1-2 .input-group-addon,
.u-has-success-v1-2 [class*="u-select"],
.u-has-success-v1-3 .form-control,
.u-has-success-v1-3 .input-group-addon,
.u-has-success-v1-3 [class*="u-select"] {
    border-color: var(--primary-border);
}

    .u-has-success-v1-2 .input-group-addon:last-child,
    .u-has-success-v1-2 .chosen-single div b,
    .u-has-success-v1-3 .input-group-addon:last-child,
    .u-has-success-v1-3 .chosen-single div b {
        color: var(--primary-text);
    }

    .u-has-success-v1-3 .input-group-addon,
    .u-has-success-v1-3 .input-group-addon:last-child {
        background-color: var(--primary-background);
    }

.u-has-success-v1-3 .form-control-feedback::before {
    border-color: var(--primary-border) transparent transparent transparent;
}

.u-has-success-v2::after {
    color: var(--primary-text);
}

/*------------------------------------
  jQuery UI
------------------------------------*/

.ui-autocomplete .ui-menu-item:hover {
    background-color: var(--primary-background);
}

/*------------------------------------
  Pin Map
------------------------------------*/

.point::before {
    background: var(--primary-background);
}

/*------------------------------------
  Go To
------------------------------------*/

.u-go-to-v1:hover,
.u-go-to-v1:focus:hover {
    background-color: var(--primary-background);
}

/*------------------------------------
  List Group
------------------------------------*/

.list-group-item.active {
    background-color: var(--primary-background);
    border-color: var(--primary-border);
}

/*------------------------------------
  Accordions
------------------------------------*/

.u-accordion-color-primary .u-accordion__header [aria-expanded="true"] {
    color: var(--primary-text) !important;
}

/*------------------------------------
  Blockquotes
------------------------------------*/

.u-blockquote-v1::before {
    color: var(--primary-text);
}

/*------------------------------------
  Form Controls
------------------------------------*/

.form-control:focus,
.custom-select:focus {
    border-color: var(--primary-border);
}

/*------------------------------------
  Cubeportfolio
------------------------------------*/

.u-filter-v1 > li:hover,
.u-filter-v1 [class*="active"] {
    color: var(--primary-text);
}

/*------------------------------------
  Pagination
------------------------------------*/

.u-pagination-v1-5--active, .u-pagination-v1-5:hover,
.u-pagination-v1-5:focus {
    background-color: var(--primary-background);
    border-color: var(--primary-border);
}

/*------------------------------------
  Keyframes
------------------------------------*/

@keyframes sonarEffect-primary {
    0% {
        opacity: .3;
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px var(--primary-background), 0 0 0 10px rgba(255, 255, 255, .5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px var(--primary-background), 0 0 0 10px rgba(255, 255, 255, .5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.dropdown-menu > li > a:hover {
    background: var(--primary-background-hover);
    color: white !important;
}

.fancy-background {
    background-image: url(https://static.tradingview.com/static/bundles/ellipse.402c910374bcedd341ec.png);
    border-width: 1px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 250%;
}

.owl-prev {
    color: var(--primary-background) !important;
    border-color: var(--primary-background-border) !important;
    background: white;
}

.owl-next {
    color: var(--primary-background) !important;
    border-color: var(--primary-background-border) !important;
    background: white;
}