:root {
    --primary-color: #6c7a1f;
    --primary-color-c: #fff;
    --secondary-color: #664226;
    --secondary-color-c: #F4F4F4;
    --default-color: #6c7a1f;
    --default-color-c: #F4F4F4;
    --danger-color: #880015;
    --danger-color-c: #F4F4F4;
    --dark-color: #00070A;
    --light-color: #F4F4F4;
    --focus-color: #6c7a1f;
    --footer-color: #664226;
    --footer-bg: #fff;
    --link-color: #664226;
    --link-hover-color: #6c7a1f;
    --navbar-bg: #fff;
    --navbar-color: #664226;
    --navlink-active-color: #664226;
    --navlink-active-color-bg: #a9c0e330;
    --body-bg: #F4F4F4;
    --body-color: #00070A;
    --baner1-color: #37b0c7;
    --baner1-color-c: #00070A;
    --baner2-color: #f09716;
    --baner2-color-c: #00070A;
}

@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: 105px;
}
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;
}
.navbar.stylish-color-dark {
    background-color: var(--navbar-bg) !important;
    min-height: 60px;
    border-bottom: none;
    z-index: 9;
}
.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;
}
.navbar .mega-dropdown .dropdown-menu.mega-menu {
  border-bottom: 5px solid var(--default-color);
  border-top: 1px solid var(--default-color);
}
.mega-dropdown .dropdown-menu a {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.mega-menu-cols {
  column-count: 3;
}
.navbar-nav .dropdown .dropdown-menu .dropdown-item {
      color: var(--secondary-color) !important;
}
.navbar {
    font-weight: 400;
}
.nav-icons .nav-link.heavy.button-hover, .nav-icons .nav-link.heavy.button-hover:hover {
  padding-right: 0;
  border-bottom: none !important;
}
#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: 2.75rem;
}
@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 {
    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;
    }
    .m-hp .navbar.stylish-color-dark {
        background-color: var(--navbar-bg) !important;
    }
    .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);
}
a:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}
.default-color {
    background-color: var(--default-color) !important;
}
.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(--baner1-color) !important;
    color: var(--baner1-color-c) !important;
}
.baner4, .magazine .baner4, .card.card-cascade .view.view-cascade.gradient-card-header.baner4 {
    background-color: var(--danger-color) !important;
    color: var(--danger-color-c) !important;
}
.baner5, .magazine .baner5, .card.card-cascade .view.view-cascade.gradient-card-header.baner5 {
    background-color: var(--baner2-color) !important;
    color: var(--baner2-color-c) !important;
}
.baner6, .magazine .baner6, .card.card-cascade .view.view-cascade.gradient-card-header.baner6 {
    background-color: var(--light-color) !important;
    color: var(--dark-color) !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, .card.card-cascade .view.view-cascade.gradient-card-header.baner8 {
    background-color: var(--default-color-c) !important;
    color: var(--dark-color) !important;
    border: 2px solid var(--default-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);
}
.baner9-1, .magazine .baner9-1, .card.card-cascade .view.view-cascade.gradient-card-header.baner9-1 {
    background-color: var(--secondary-color-c) !important;
    color: var(--secondary-color) !important;
    border: 2px solid var(--secondary-color);
}
.baner9-2, .magazine .baner9-2, .card.card-cascade .view.view-cascade.gradient-card-header.baner9-2 {
    background-color: var(--secondary-color-c) !important;
    color: var(--secondary-color) !important;
    border: 3px solid var(--secondary-color);
}
.baner10, .magazine .baner10, .card.card-cascade .view.view-cascade.gradient-card-header.baner10 {
    background-color: transparent !important;
    color: var(--dark-color) !important;
    border: none;
}
.baner10:hover, .magazine .baner10:hover{
    background-color: transparent !important;
    color: var(--dark-color) !important;
    border: none;
    text-decoration: none;
    box-shadow: none;
}
.baner11, .magazine .baner11, .card.card-cascade .view.view-cascade.gradient-card-header.baner11 {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--light-color) !important;
    border: 2px solid var(--default-color);
}
.baner11:hover, .magazine .baner11:hover{
    /*    background-color: transparent !important;
        color: var(--light-color) !important;
        border: none;
        text-decoration: none;
        box-shadow: none;*/
}
.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,*/
.baner8:hover, .magazine .baner8:hover, .baner8: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);
}
footer hr.default-color {
    background-color: var(--default-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(--primary-color);
}
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;
    color: var(--primary-color-c) !important;
}
.btn-primary {
    background-color: var(--primary-color) !important;
    color: var(--primary-color-c) !important;
}
.btn-secondary {
    background-color: var(--secondary-color) !important;
    color:  var(--secondary-color-c) !important;
}
.border-default {
    border-color: var(--default-color) !important;
}
.btn-default {
    background-color: var(--primary-color) !important;
    color: var(--primary-color-c) !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{
    border-bottom-color: var(--navlink-active-color) !important;
    color: var(--navlink-active-color) !important;
    padding: 1.25rem 1.5rem;
    margin: 0;
    border-bottom: 1px solid;
}
.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;*/
background-color: var(--primary-color-c) !important;
  box-shadow: none;
  color: var(--primary-color) !important;
  border: var(--primary-color) 1px solid !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;
}
.badge.badge-danger {
    background: var(--danger-color) !important;
    color: var(--danger-color-c) !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;
      background-color: #fff !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;
}
#gid_4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.pswp {
    z-index: 99999;
}
.system-desc {
    font-size: 1rem;
    max-width: 15rem;
    text-wrap: balance;
    line-height: 1;
    font-weight: 300;
}

#collapseAcces.show {
    position: fixed;
    top: 125px;
    width: 100%;
    background: #fff;
    z-index: 2;
}

.tp-widget-default-light #tp-widget-flink-default, .tp-widget-default-light #tp-widget-flink-second {
  color: var(--link-color) !important;
}
.modal-notify img.img-center {
  max-height: 635px;
}

ul.dropdown-menu li > ul.dropdown-menu {
    left: 100%;
    top: 0;
}

ul.dropdown-menu li:hover > ul.dropdown-menu,
ul.dropdown-menu li:focus > ul.dropdown-menu {
    display: block;
}
@media (max-width: 771px) {
ul.dropdown-menu li > ul.dropdown-menu {
  left: 0;
/*  top: 40px;*/
  position: relative !important;
}

.dropdown .dropdown-menu, .dropup .dropdown-menu, .dropleft .dropdown-menu, .dropright .dropdown-menu {
  padding: 0.5rem;
  width: 100%;
}
}
.carousel-multi-item .carousel-indicators li {
  height: .5rem;
  width: .5rem;
  max-width: .5rem;
  margin-bottom: -3.75rem;
}
.carousel-multi-item .carousel-indicators .active {
  height: .56rem;
  width: .56rem;
  max-width: .56rem;
  border-radius: 50%;
}
.carousel-multi-item .carousel-indicators {
  margin-bottom: 0em;
}