:root {
  --primary-color: #b8492d;
  --primary-color-c: #F7F7F9;
  --secondary-color: #efa593;
  --secondary-color-c: #fff;
  --default-color: #ba4b2f;
  --default-color-c: #fff;
  --danger-color: #c20000;
  --dark-color: #02020A;
  --light-color: #F7F7F9;
  --focus-color: #efa593;
  --footer-color: #fff;
  --footer-bg: #efa593;
  --link-color: #782F3A;
  --link-hover-color: #782F3A;
  --navbar-bg: #ba4b2f;
  --navbar-color: #fff;
  --navlink-active-color: #fff;
  --navlink-active-color-bg: #a9c0e330;
  --body-bg: #fff;
  --body-color: #02020A;
  --color1: #ed6e59;
  --color2: #689fd1;
  --color3: #ebb370;
  --color4: #51668a;
  --color5: #e8eae8;
  --color6: #243468;
  --color7: #7f9c96;
  --color8: #4d768a;
  --color9: #263a79;
  --color1-c: #fff;
  --color2-c: #fff;
  --color3-c: #fff;
  --color4-c: #e8eae8;
  --color5-c: #000;
  --color6-c: #fff;
  --color7-c: #fff;
  --color8-c: #fff;
  --color9-c: #fff;
  --color1-btn-bg: #ed6e59;
  --color1-btn: #fff;
  --color2-btn-bg: #51668a;
  --color2-btn: #e8eae8;
  --color3-btn-bg: #ed6e59;
  --color3-btn: #fff;
  --color4-btn-bg: #689fd1;
  --color4-btn: #fff;
  --color5-btn-bg: #243468;
  --color5-btn: #fff;
  --color6-btn-bg: #263a79;
  --color6-btn: #fff;
  --color1-link: #b8492d;
  --color2-link: #51668a;
  --color3-link: #b8492d;
  --color4-link: #51668a;
  
}

@font-face {
    font-family: 'Oxygen';
    src: url('font/Oxygen/Oxygen-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Oxygen';
    src: url('font/Oxygen/Oxygen-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Oxygen';
    src: url('font/Oxygen/Oxygen-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

body {
    background-color: var(--body-bg);
    color: var(--body-color);
}
body, .popover {
    font-family: "Oxygen", sans-serif;
}
body.has-fx.m-hp {
      padding-top: 100px;
}
body.has-fx {
    padding-top: 90px;
}
#collapseAcces {
    padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}
main.bg-white {
    background-color: var(--body-bg) !important;
}
.m-hp.fixed-sn main {
    margin-left: 0;
    margin-right: 0;
}
.m-hp .hp-container {
    padding-left: 6%;
    padding-right: 6%;
}
.m-hp .container-fluid.full, .m-hp .container-fluid.margins-centered {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.bannergroupcss {
    padding-left: 6%;
    padding-right: 6%;
}

.navbar.stylish-color-dark {
    background-color: var(--navbar-bg) !important;
    min-height: 60px;
    border-bottom: none;
    z-index: 999;
}

.navbar.stylish-color-dark a, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--navbar-color) !important;
    font-weight: 700;
    margin: 0 0.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.color1-skin .navbar.stylish-color-dark {
    background-color: var(--color3) !important;
}
.color1-skin .navbar.stylish-color-dark a, .color1-skin .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--color3-c) !important;
}
.color2-skin .navbar.stylish-color-dark {
    background-color: var(--color6) !important;
}
.color2-skin .navbar.stylish-color-dark a, .color2-skin .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--color6-c) !important;
}
.color3-skin .navbar.stylish-color-dark {
    background-color: var(--color1) !important;
}
.color3-skin .navbar.stylish-color-dark a, .color3-skin .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--color1-c) !important;
}
.color4-skin .navbar.stylish-color-dark {
    background-color: var(--color6) !important;
}
.color4-skin .navbar.stylish-color-dark a, .color4-skin .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--color6-c) !important;
}
.color5-skin .navbar.stylish-color-dark {
    background-color: var(--color2) !important;
}
.color5-skin .navbar.stylish-color-dark a, .color5-skin .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--color2-c) !important;
}
.color6-skin .navbar.stylish-color-dark {
    background-color: var(--primary-color) !important;
}
.color6-skin .navbar.stylish-color-dark a, .color6-skin .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--primary-color-c) !important;
}
.color7-skin .navbar.stylish-color-dark {
    background-color: var(--color6) !important;
}
.color7-skin .navbar.stylish-color-dark a, .color7-skin .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--color6-c) !important;
}
.color8-skin .navbar.stylish-color-dark {
    background-color: var(--color6) !important;
}
.color8-skin .navbar.stylish-color-dark a, .color8-skin .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--color6-c) !important;
}

.navbar-nav .dropdown .dropdown-menu .dropdown-item {
    color: var(--primary-color) !important;
}
.navbar {
    font-weight: 400;
}
#mainNavbarV3 .navbar-brand img {
    max-height: 60px;
    padding: 0.1rem;
}
.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}
.navbar.navbar-dark .navbar-toggler {
    background: var(--primary-color);
}

@media (min-width: 600px) {
    #mainNavbarV3.navbar {

        border-radius: 0 !important;
        padding: 0;
    }
}
#mainNavbarV3 .navbar-brand {
    display: none;
}
#mainNavbarV3.fixed-top .navbar-brand {
    display: block;
    margin-right: 2rem !important;
    transition: ease-in-out;
    transition-delay: 0s;
    transition-delay: 1s;
}
#navbarSupportedContent .ni-img {
    max-height: 1.75em;
}
@media (max-width: 991px) {
    #navbarSupportedContent .ni-img {
        display: none !important;
    }
}
@media (min-width: 992px) {
    #navbarSupportedContent .ni-img {
        display: inline  !important;
    }
    #navbarSupportedContent .nav-main-items {
        align-items: center;
    }
    #navbarSupportedContent .nav-item {
        text-align: center;
    }
}
.navbar-brand {
    color: var(--dark-color);
}
.acessibility-links a {
    color: var(--dark-color);
}
.nav-icons a {
    color: var(--dark-color);
}

.navbar-brand h1 {
    font-size: 1.5rem;
    padding-right: 1.5rem;
}
#mainNavbar .nav-icons .nav-item .nav-link {
    background: var(--light-color);
    border-radius: 0.5rem;
}
#mainNavbar .nav-icons .nav-item a, #mainNavbar .nav-icons .nav-item span {
    color: var(--primary-color) !important;

}
#mainNavbar .nav-icons .nav-item .nav-link:hover {
    background: #e6e6e6 !important;
}
@media (max-width: 400px) {
    .mask.mask-page div.animated{
        display: none;
    }
}
@media (max-width: 600px) {
    .navbar .dropdown-menu.search-dropdown form {
        width: 100%;
    }
    .carousel-pause-text, carousel-play-text {
        display: none;
    }
    .navbar-brand img {
        max-height: 50px;
    }
    .navbar-brand h1 {
        font-size: 1.25rem;
        padding-right: 0;
    }

}
@media (max-width: 990px) {
    body.has-fx.m-hp {
        padding-top: 85px;
    }
    .mask.mask-page {
        display: block !important;
        right: 0  !important;
        top: 0  !important;
        bottom: 0 !important;
    }
    .dropdown-menu.search-dropdown {
        display: block;
        position: initial !important;
    }
    #searchFormDd {
        display: none;
    }
    .acessibility-links {
        align-items: center !important;
    }
    .acessibility-links .list-group-item {
        border: none;
    }
}
a {
    color: var(--link-color);
}
.color1-skin a {
  color: var(--color2-link);
}
.color2-skin a {
  color: var(--color2-link);
}
.color3-skin a {
  color: var(--color3-link);
}
.color4-skin a {
  color: var(--color4-link);
}
a:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}
.primary-color.logotypes {
    background: transparent !important;
}
.btn-success {
    background-color: #fff !important;
    border: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}
.baner1, .magazine .baner1, .card.card-cascade .view.view-cascade.gradient-card-header.baner1 {
    background-color: var(--default-color) !important;
    color: var(--default-color-c) !important;
}
.baner2, .magazine .baner2, .card.card-cascade .view.view-cascade.gradient-card-header.baner2 {
    background-color: var(--secondary-color) !important;
    color: var(--secondary-color-c) !important;
}
.baner3, .magazine .baner3, .card.card-cascade .view.view-cascade.gradient-card-header.baner3 {
    background-color: var(--color1) !important;
    color: var(--color1-c) !important;
}
.baner4, .magazine .baner4, .card.card-cascade .view.view-cascade.gradient-card-header.baner4 {
    background-color: var(--color2) !important;
    color: var(--color2-c) !important;
}
.baner5, .magazine .baner5, .card.card-cascade .view.view-cascade.gradient-card-header.baner5 {
    background-color: var(--color3) !important;
    color: var(--color3-c) !important;
}
.baner6, .magazine .baner6, .card.card-cascade .view.view-cascade.gradient-card-header.baner6 {
    background-color: var(--color4) !important;
    color: var(--color4-c) !important;
}
.baner7, .magazine .baner7, .card.card-cascade .view.view-cascade.gradient-card-header.baner7 {
    background-color: var(--primary-color-c) !important;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
}
/*.baner8, .magazine .baner8 {background-color: var(--primary-color) !important;color: var(--light-color) !important;  background-image: linear-gradient(to top,var(--default-color) 0,var(--primary-color) 100%);}*/
.baner9, .magazine .baner9, .card.card-cascade .view.view-cascade.gradient-card-header.baner9 {
    background-color: var(--secondary-color-c) !important;
    color: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color);
}
.baner10, .magazine .baner10, .card.card-cascade .view.view-cascade.gradient-card-header.baner10 {
    background-color: var(--light-color) !important;
    color: var(--color1) !important;
    border: 1px solid var(--color1);
}

.baner11, .magazine .baner11, .card.card-cascade .view.view-cascade.gradient-card-header.baner11 {
    background-color: var(--light-color) !important;
    color: var(--color2) !important;
    border: 1px solid var(--color2);
}
.baner12, .magazine .baner12, .card.card-cascade .view.view-cascade.gradient-card-header.baner12 {
    background-color: var(--light-color) !important;
    color: var(--color3) !important;
    border: 1px solid var(--color3);
}
.baner13, .magazine .baner13, .card.card-cascade .view.view-cascade.gradient-card-header.baner13 {
    background-color: var(--light-color) !important;
    color: var(--color4) !important;
    border: 1px solid var(--color4);
}
.baner14, .magazine .baner14, .card.card-cascade .view.view-cascade.gradient-card-header.baner14,
.baner14:hover, .magazine .baner14:hover, .card.card-cascade .view.view-cascade.gradient-card-header.baner14:hover{
    background-color: transparent !important;
    color: var(--body-color) !important;
    border: none !important;
    box-shadow: none !important;
}
.baner15, .magazine .baner15, .card.card-cascade .view.view-cascade.gradient-card-header.baner15 {
    background-color: var(--color7) !important;
    color: var(--color7-c) !important;
}
.baner16, .magazine .baner16, .card.card-cascade .view.view-cascade.gradient-card-header.baner16 {
    background-color: var(--color8) !important;
    color: var(--color8-c) !important;
}
.baner17, .magazine .baner17, .card.card-cascade .view.view-cascade.gradient-card-header.baner17 {
    background-color: var(--light-color) !important;
    color: var(--color7) !important;
    border: 1px solid var(--color7);
}
.baner18, .magazine .baner18, .card.card-cascade .view.view-cascade.gradient-card-header.baner18 {
    background-color: var(--light-color) !important;
    color: var(--color8) !important;
    border: 1px solid var(--color8);
}
.baner19, .magazine .baner19, .card.card-cascade .view.view-cascade.gradient-card-header.baner16 {
    background-color: var(--color6) !important;
    color: var(--color6-c) !important;
}
.baner20, .magazine .baner20, .card.card-cascade .view.view-cascade.gradient-card-header.baner20 {
    background-color: var(--light-color) !important;
    color: var(--color6) !important;
    border: 1px solid var(--color6);
}
.baner3:hover, .magazine .baner3:hover,
.baner2:hover, .magazine .baner2:hover,
.baner4:hover, .magazine .baner4:hover,
.baner5:hover, .magazine .baner5:hover
/*.baner8:hover, .magazine .baner8:hover,*/
/*.baner9:hover, .magazine .baner9:hover*/
{
    color: var(--light-color) !important;
    text-decoration: none;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*.baner1:hover, .magazine .baner1:hover,*/
.baner7:hover, .magazine .baner7:hover, .baner6:hover, .magazine .baner6:hover{
    color: var(--dark-color) !important;
    text-decoration: none;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.baner8, .magazine .baner8, .card.card-cascade .view.view-cascade.gradient-card-header.baner8 {
    filter: drop-shadow(0 5px 10px 0 var(--light-color) !important);
    background-color: var(--light-color) !important;
    color: var(--dark-color) !important;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: 0.6s ease-in;
}

footer hr.default-color {
      background-color: var(--footer-color) !important;
}
footer.page-footer a {
    color: var(--footer-color);
    font-weight: 800;
}
footer.page-footer {
    color: var(--footer-color);
}
footer.stylish-color-dark {
    background-color: var(--footer-bg) !important;
    border-top: 2px solid var(--footer-bg);
}
hr.red {
    background-color:  var(--primary-color) !important;
}
.ns-divider {
    display: none;
}
hr.b-cr {
    height: 2rem;
    margin-bottom: 0;
}
.mask.leftMiddle.mask-page {
    top: 22%;
    bottom: 22%;
    left: 0%;
    right: 60%;
}
.mask .text-fa {
    position: relative;
    width: 100%;
}
.btn-indigo {
    background-color: var(--primary-color) !important;
}
.btn-primary {
    background-color: var(--primary-color) !important;
}
.btn-secondary {
    background-color: var(--secondary-color) !important;
    color:  var(--dark-color) !important;
}
.border-default {
    border-color: var(--default-color) !important;
}
.btn-default {
    background-color: var(--primary-color) !important;
    color: var(--light-color) !important;
}
.carousel-item.default {
    background-color: var(--default-color)  !important;
}
.mask.default {
    background-color: var(--default-color) !important;
}
.page-img.view {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.page-img.view img {
    width: 100% !important;
}
.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link,
.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover{
    background-color: var(--navlink-active-color-bg) !important;
    color: var(--navlink-active-color) !important;
    padding: 1.25rem 1.5rem;
    margin: 0;
}

.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item.active, .dropup .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropup .dropdown-menu.dropdown-primary .dropdown-item:active, .dropup .dropdown-menu.dropdown-primary .dropdown-item.active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item.active, .dropright .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropright .dropdown-menu.dropdown-primary .dropdown-item:active, .dropright .dropdown-menu.dropdown-primary .dropdown-item.active {
    background-color: var(--primary-color) !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    color: var(--light-color) !important;
}
.col3simple .view, .col3simpleshort .view {
    height: auto !important;
}
.primary-color, ul.stepper li.active a .circle, ul.stepper li.completed a .circle {
    background-color: var(--primary-color) !important;
}

a:focus::before, .btn:focus {
    outline: var(--default-color) auto 1px;
}
:focus, .nav-link:focus, figure:focus-within, a:focus .baner-card {
    outline-offset: 1px !important;
    outline: var(--default-color) solid 1px !important;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.carousel-multi-item .carousel-indicators li, .carousel-multi-item .carousel-indicators .active {
    background-color: var(--primary-color);
}
.view.view-cascade.gradient-card-header.blue-gradient.py-2 {
    background: var(--primary-color) !important;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    border-color: var(--primary-color);
}
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--primary-color) !important;
}
.section-title, .news-card-title {
    color: var(--dark-color);
}
.section-title {
    margin-bottom: 0;
}
.news-card-title {
    font-size: 1rem;
}
.card .card-body .card-text {
    color: var(--dark-color);
}
.mb-4.h4.txt {
    font-size: 1.25rem;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
.popover-header {
    font-weight: 500;
    background-color: var(--light-color);
}

.right-nav a {
    color: var(--primary-color);
}
.btn-floating.main-color {
    background: var(--primary-color);
}
.acessibility-links .list-group-item {
    background-color: transparent !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active {
    border-color: var(--primary-color) !important;
    background-color: transparent !important;
    color: var(--primary-color) !important;
}
.btn-outline-primary {
    border: 2px solid var(--dark-color) !important;
    background-color: transparent !important;
    color: var(--dark-color) !important;
}
#searchId {
    border-color: var(--dark-color);
    border: 1px solid;
}
#carousel-example-1z .mask {


}
.badge {
    color: var(--dark-color) !important;
}
footer.page-footer {
    background-color: var(--footer-bg) !important;
}
@media (min-width: 1199px) {
    body.margins-centered main {
        padding: 0;
    }
}

.carousel-item .caption-right.text-right {
    background-size: cover !important;
}

@media (max-width: 771px) {
    .fixed-sn.centered footer {
        padding-left: 0rem;
    }
}

.carousel-caption {
    right: 0;
    bottom: 0;
    left: 0;
}
.carousel-caption.bg-dark {
    background-color: transparent !important;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.8015406846332283) 50%, rgba(0,0,0,0) 100%);
}

.baner-card {
    border-radius: 13px;
}

.mask .h1-responsive.font-weight-bold {
    font-size: 24px;
    color: var(--default-color);
}

.carousel-indicators li {
    background-color: var(--default-color);
}

#logoCords-id {
    top: 240px;
    position: absolute;
    left: 228px;
    width: 30px;
    height: 50px;
}
.frame-baner {
    margin-bottom: 1rem;
}

#tp-widget-default {
    width: 100% !important;
    border-radius: 13px;
}

.col2simple .view {
  max-height: unset;
}

.page-wrapper.toggled .sidebar-wrapper {
  left: 0px;
  top: 102px;
  transition: all 0.3s ease;
  z-index: 99;
}

#show-sidebar {
  box-shadow: none;
  padding-left: 0;
  padding-right: 1rem;
  margin-right: 0.5rem;
  border-right: 1px solid transparent;
}

.pills-secondary .nav-link.active {
  background-color: transparent !important;
}
.md-pills .nav-link.active {
  box-shadow: none;
  color: var(--primary-color);
  background-color: transparent;
  font-weight: 700;
  text-transform: uppercase;
}

.middle-navi {
  background-color: transparent;
  position: relative;
  top: -1.5rem;
  z-index: 1;
}

.md-pills .nav-link {
  transition: all 0.4s;
  color: var(--primary-color-c);
  text-align: center;
  background-color: var(--primary-color);
  padding: 1.4rem;
  border-radius: 0.5rem;
}
.md-pills .nav-link.active.disabled:hover {
  box-shadow: none;
}
.rgba-grey-light, .md-pills .nav-link:hover, .rgba-grey-light::after, .md-pills .nav-link:hover::after {
  background-color: var(--primary-color);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
@media (min-width: 992px) {
.img-brand {
  max-height: 8em;
  margin-right: 1em;
  position: absolute;
  left: 4rem;
  top: 0.5rem;
  max-width: 9rem;
}
.brand-link {
  margin-left: 7.5rem !important;
}
}
.sidebar-wrapper .sidebar-menu {
  padding-bottom: 10px;
  padding-top: 1.5rem;
}
.sidebar-content {
  max-height: calc(100% - 100px);
  height: calc(100% - 100px);
  scrollbar-width: thin;
  scrollbar-color: var(--secondary-color) var(--default-color) ;
}
.sidebar-content::-webkit-scrollbar {
    width: 12px;
}
.sidebar-content::-webkit-scrollbar-track {
    background: var(--default-color);
}
.sidebar-content::-webkit-scrollbar-thumb {
    background-color: var(--secondary-color);
    border-radius: 6px;
}

.color1-skin footer.page-footer {
  background-color: var(--color3) !important;
}
.color1-skin footer.stylish-color-dark {
  background-color: var(--color3) !important;
  border-top: 2px solid var(--color3);
}
.color1-skin footer.page-footer {
  color: var(--color3-c);
}
.color2-skin footer.page-footer {
  background-color: var(--color2) !important;
}
.color2-skin footer.stylish-color-dark {
  background-color: var(--color2) !important;
  border-top: 2px solid var(--color2);
}
.color2-skin footer.page-footer {
  color: var(--color2-c);
}
.color3-skin footer.page-footer {
  background-color: var(--color3) !important;
}
.color3-skin footer.stylish-color-dark {
  background-color: var(--color3) !important;
  border-top: 2px solid var(--color3);
}
.color3-skin footer.page-footer {
  color: var(--color3-c);
}
.color4-skin footer.page-footer {
  background-color: var(--color3) !important;
}
.color4-skin footer.stylish-color-dark {
  background-color: var(--color3) !important;
  border-top: 2px solid var(--color3);
}
.color4-skin footer.page-footer {
  color: var(--color3-c);
}
.color5-skin footer.page-footer {
  background-color: var(--color2) !important;
}
.color5-skin footer.stylish-color-dark {
  background-color: var(--color2) !important;
  border-top: 2px solid var(--color2);
}
.color5-skin footer.page-footer {
  color: var(--color2-c);
}
.color6-skin footer.page-footer {
  background-color: var(--color6) !important;
}
.color6-skin footer.stylish-color-dark {
  background-color: var(--color6) !important;
  border-top: 2px solid var(--color6);
}
.color6-skin footer.page-footer {
  color: var(--color6-c);
}
.color7-skin footer.page-footer {
  background-color: var(--primary-color) !important;
}
.color7-skin footer.stylish-color-dark {
  background-color: var(--primary-color) !important;
  border-top: 2px solid var(--primary-color);
}
.color7-skin footer.page-footer {
  color: var(--primary-color-c);
}
.color8-skin footer.page-footer {
  background-color: var(--color7) !important;
}
.color8-skin footer.stylish-color-dark {
  background-color: var(--color7) !important;
  border-top: 2px solid var(--color7);
}
.color8-skin footer.page-footer {
  color: var(--color7-c);
}
.mdb-color.lighten-3 {
  background-color: var(--color4) !important;
}
a.baner-link:hover {
  text-decoration: none;
}

.color1-skin .btn-primary, .color1-skin .btn-indigo {
  background-color: var(--color4-btn-bg) !important;
  color: var(--color4-btn) !important;
}
.color1-skin #mainNavbar .nav-icons .nav-item a, .color1-skin #mainNavbar .nav-icons .nav-item span {
  color: var(--color2) !important;
}
.color2-skin .btn-primary, .color2-skin .btn-indigo {
  background-color: var(--color5-btn-bg) !important;
  color: var(--color5-btn) !important;
}
.color2-skin #mainNavbar .nav-icons .nav-item a, .color2-skin #mainNavbar .nav-icons .nav-item span {
  color: var(--color6) !important;
}
.color3-skin .btn-primary, .color3-skin .btn-indigo {
  background-color: var(--color3-btn-bg) !important;
  color: var(--color3-btn) !important;
}
.color3-skin #mainNavbar .nav-icons .nav-item a, .color3-skin #mainNavbar .nav-icons .nav-item span {
  color: var(--color1) !important;
}
.color4-skin .btn-primary, .color4-skin .btn-indigo {
  background-color: var(--color5-btn-bg) !important;
  color: var(--color5-btn) !important;
}
.color5-skin .btn-primary, .color5-skin .btn-indigo {
  background-color: var(--color1-btn-bg) !important;
  color: var(--color1-btn) !important;
}
.color5-skin #mainNavbar .nav-icons .nav-item a, .color5-skin #mainNavbar .nav-icons .nav-item span {
  color: var(--color1) !important;
}
.color8-skin .btn-primary, .color8-skin .btn-indigo {
  background-color: var(--color5-btn-bg) !important;
  color: var(--color5-btn) !important;
}
.color8-skin #mainNavbar .nav-icons .nav-item a, .color8-skin #mainNavbar .nav-icons .nav-item span {
  color: var(--color6) !important;
}
.color1-skin hr.red {
  background-color: var(--color3) !important;
}
.color2-skin hr.red {
  background-color: var(--color2) !important;
}
.color3-skin hr.red {
  background-color: var(--color3) !important;
}
.color4-skin hr.red {
  background-color: var(--color6) !important;
}
.color1-skin .carousel-indicators li {
  background-color: var(--color3-btn-bg);
}
.color2-skin .carousel-indicators li {
  background-color: var(--color2-btn-bg);
}
.color3-skin .carousel-indicators li {
  background-color: var(--color3-btn-bg);
}
.color4-skin .carousel-indicators li {
  background-color: var(--color5-btn-bg);
}
.color5-skin .carousel-indicators li {
  background-color: var(--color1-btn-bg);
}

.color1-skin .fc .fc-state-default {
  border-color: var(--color1-link);
  color: var(--color1-link);
}
.color2-skin .fc .fc-state-default {
  border-color: var(--color2-link);
  color: var(--color2-link);
}
.color3-skin .fc .fc-state-default {
  border-color: var(--color3-link);
  color: var(--color3-link);
}
.color4-skin .fc .fc-state-default {
  border-color: var(--color4-link);
  color: var(--color4-link);
}

.color1-skin .carousel-multi-item .carousel-indicators li, .color1-skin .carousel-multi-item .carousel-indicators .active {
  background-color: var(--color1-link);
}
.color2-skin .carousel-multi-item .carousel-indicators li, .color2-skin .carousel-multi-item .carousel-indicators .active {
  background-color: var(--color2-link);
}
.color3-skin .carousel-multi-item .carousel-indicators li, .color3-skin .carousel-multi-item .carousel-indicators .active {
  background-color: var(--color3-link);
}
.color4-skin .carousel-multi-item .carousel-indicators li, .color4-skin .carousel-multi-item .carousel-indicators .active {
  background-color: var(--color4-link);
}
.color4-skin .carousel-multi-item .carousel-indicators li, .color4-skin .carousel-multi-item .carousel-indicators .active {
  background-color: var(--color1-link);
}
.color1-skin  .mask.default {
  background-color: var(--color1) !important;
  color: var(--color1-c) !important;
}
.color2-skin  .mask.default {
  background-color: var(--color2) !important;
  color: var(--color2-c) !important;
}
.color3-skin  .mask.default {
  background-color: var(--color3) !important;
  color: var(--color3-c) !important;
}
.color4-skin  .mask.default {
  background-color: var(--color6) !important;
  color: var(--color6-c) !important;
}
.color1-skin .nav-link.active.disabled {
  color: var(--color2);
}
.color1-skin .md-pills .nav-link {
  color: var(--color2-c);
  background-color: var(--color2);
}
.color1-skin .btn-floating.main-color {
  background: var(--color2);
}
.color1-skin .btn-default {
  background-color: var(--color4-btn-bg) !important;
  color: var(--color4-btn) !important;
}

.color2-skin .nav-link.active.disabled {
  color: var(--color6);
}
.color2-skin .md-pills .nav-link {
  color: var(--color6-c);
  background-color: var(--color6);
}
.color2-skin .btn-floating.main-color {
  background: var(--color6);
}
.color2-skin .btn-default {
  background-color: var(--color5-btn-bg) !important;
  color: var(--color5-btn) !important;
}

.color3-skin .nav-link.active.disabled {
  color: var(--color1);
}
.color3-skin .md-pills .nav-link {
  color: var(--color1-c);
  background-color: var(--color1);
}
.color3-skin .btn-floating.main-color {
  background: var(--color1);
}
.color3-skin .btn-default {
  background-color: var(--color1-btn-bg) !important;
  color: var(--color1-btn) !important;
}

.color4-skin .nav-link.active.disabled {
  color: var(--color6);
}
.color4-skin .md-pills .nav-link {
  color: var(--color6-c);
  background-color: var(--color6);
}
.color4-skin .btn-floating.main-color {
  background: var(--color6);
}
.color4-skin .btn-default {
  background-color: var(--color5-btn-bg) !important;
  color: var(--color5-btn) !important;
}
.color5-skin .nav-link.active.disabled {
  color: var(--color2);
}
.color5-skin .md-pills .nav-link {
  color: var(--color2-c);
  background-color: var(--color2);
}
.color5-skin .btn-floating.main-color {
  background: var(--color1);
}
.color5-skin .btn-default {
  background-color: var(--color1-btn-bg) !important;
  color: var(--color1-btn) !important;
}
.color8-skin .nav-link.active.disabled {
  color: var(--color6);
}
.color8-skin .md-pills .nav-link {
  color: var(--color6-c);
  background-color: var(--color6);
}
.color8-skin .btn-floating.main-color {
  background: var(--color6);
}
.color8-skin .btn-default {
  background-color: var(--color5-btn-bg) !important;
  color: var(--color5-btn) !important;
}