body {
  height: 100%;
  background: linear-gradient(8deg, #e2e7d9 50%, #eef1e9 50%);
  } 
.footer {
  background-image: url(/images/bottom.png);
    height: 167px;
}

.site-grid{margin-bottom:auto}@supports (display:grid){.site-grid{grid-gap:0 1em;display:grid;grid-template-areas:". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l side-l side-l side-l ." ". comp comp comp comp ." ". side-r side-r side-r side-r ."  ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". banner banner banner banner ." ;grid-template-columns:[full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,19.875rem)) [main-end] minmax(0,1fr) [full-end]}.site-grid>[class*=" container-"],.site-grid>[class^=container-]{-webkit-column-gap:1em;-moz-column-gap:1em;column-gap:1em;max-width:none;width:100%}.site-grid>.full-width{grid-column:full-start/full-end}@media (min-width:992px){.site-grid{grid-template-areas: ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ."". banner banner banner banner ."}}}.container-banner{grid-area:banner}.container-top-a{grid-area:top-a}.container-top-b{grid-area:top-b}.container-component{grid-area:comp}.container-sidebar-left{grid-area:side-l}.container-sidebar-right{grid-area:side-r}.container-main-top{grid-area:main-t}.container-main-bottom{grid-area:main-b}.container-breadcrumbs{grid-area:bread}.container-bottom-a{grid-area:bot-a}.container-bottom-b{grid-area:bot-b}


.metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button, .metismenu.mod-menu .metismenu-item > span {
  overflow: visible;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: normal;
}


.container-header .metismenu > li  {
  margin: 5px;
  width: 140px;
  height: 70px;
  font-size: 0.8em !important;
  text-align: center !important;
}
.container-header .container-nav {
  font-weight: 400;
}
.metismenu.mod-menu .metismenu-item {
    background-color: #9283bd;
padding-bottom: 20px;
}
.metismenu.mod-menu .item-112 {
  background-color: #203c89;
}
.metismenu.mod-menu .item-113 {
  background-color: #339a37;
}
.metismenu.mod-menu .item-114 {
  background-color: #c23d8e;
}
.metismenu.mod-menu .item-115 {
  background-color: #ec663b;
}
.metismenu.mod-menu .item-116 {
  background-color: #ffcc04;
}
.metismenu.mod-menu .item-117 {
  background-color: #4ebcc2;
}
.metismenu.mod-menu .item-118 {
  background-color: #a92321;
}
.metismenu.mod-menu .item-119 {
  background-color: #5f4d9a;
}
.footer1 {
  font-size: 0.6em;
}
.card {
  background-color: transparent;
  border: none;
}
.card-body {
  padding: 1rem;
}
.container-header {
  background-color: #eef1e9;
background: linear-gradient(rgba(238, 241, 233, 1) 80%, rgba(238, 241, 233, 0));
}
.mod-custom p {
margin: 0;
}

.container-nav {
  padding-top: 0 !important;
}

.metismenu-item {
  margin-top: 0 !important;
}

h1 {
  font-size: 1.7em;
    color: #5E4E9B;
    padding-top: 20px;
}
h2 {
  font-size: 1.4em;  
    color: #5E4E9B;
    padding-top: 20px;
}
h3 {
  font-size: 1.2em;
    color: #A6BC8F; 
    padding-top: 20px;
}
p {
  line-height: 1.6em;
}
.foto .card-body img {
  clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
}
.metismenu-item {
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 75%);
}
.container-header .navbar-toggler {
  border: 0px;
  color: #fff;
  cursor: pointer;
  background-color: #5f4d9a;
}
.container-header nav {
  margin-top: 0;
}
.metismenu .active, .metismenu-item:hover {
  padding-top: 30px !important;
    padding-bottom: 65px !important;
  font-weight: bold;
}
.container-banner {
  margin: 0;
}
.contact img {
  width: 100px;
  float: left;
  margin: 20px;
}
.contact {
  background-color: #E2E7D9;
  min-height: 190px;
  margin-bottom: 20px;
  border: solid #EEF1E9 5px;
  overflow: auto;
}
.contactsmall img {
  clear: left;
  margin-bottom: 0px;
}
.contact p, .contact h3 {
  margin-left: 140px;
}
@supports (display: grid) {
  @media (min-width: 992px) {
    .site-grid {
      grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,39.875rem) minmax(0,14.875rem) minmax(0,14.875rem) minmax(0,9.875rem) [main-end] minmax(0,1fr) [full-end]
    }
  }
}

@media (max-width: 991px) {

.metismenu.mod-menu .metismenu-item {
  height: 100%;
  padding-bottom: 10px;
    padding-top: 10px;
}
.metismenu .active, .metismenu-item:hover {
  padding-top: 20px !important;
    padding-bottom: 20px !important;
}
}

@media (min-width: 992px) {
.container-header .metismenu > li {
  width: 100px;
}.container-header  {
  font-size: 0.85em;
}
.card-body {
  padding: 1rem;
}
}
@media (min-width: 1080px) {
.container-header .metismenu > li {
  width: 115px;
}
.card-body {
  padding: 3rem;
}
  }
@media (min-width: 1300px) {
.container-header .metismenu > li {
  width: 140px;
  font-size: 1em !important;
}
.card-body {
  padding: 5rem;
}
  }
@media (max-width: 991px) {
.container-header .metismenu > li {
  width: 100%;
    clip-path: none;
}
  }
a:not([class])  {
  text-decoration: none;
  color: #588460;
}
.container-header .metismenu > li > a::after, .container-header .metismenu > li > button::before {
  height: 0px;
}
.metismenu.mod-menu .metismenu-item.active > a, 
.metismenu.mod-menu .metismenu-item.active > button, 
.metismenu.mod-menu .metismenu-item > a:hover, 
.metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none;
}