a {
  text-decoration: none;
  color: #000;
}

/*#region .top-toolbar */
.top-toolbar {
  display: grid;
  align-items: center;
  gap: 25px;
  grid-template-columns: max-content auto max-content max-content;
  padding:0 5%;
  border-bottom:solid 2px #e01528;
}

.top-toolbar > div.user {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 25px;
}

.top-toolbar > form.search {
  display: grid;
  grid-template-columns: auto max-content;
  border: solid 1px #88888833;
  border-radius:10px;
  padding:0 5px;
  box-shadow: #88888833 1px 1px 5px;
}

.top-toolbar > form.search > input{
  border:none;
  padding: 5px;
  outline: none;
}

.top-toolbar > form.search > button{
  border:none;
  background-color: transparent;
}


/*#endregion */

/*#region .top-navigation */
.top-navigation {
  padding: 0 5%;
}

.top-navigation >nav ul > li > a {
  padding: 5px 15px !important;
}

.top-navigation >nav ul > li > a:hover {
  background-color: #e32c3d;
  color:#fff !important;
  border-radius: 8px;
}

.top-navigation >nav ul ul {
  padding: 0;
  border-radius: 8px;
}

.top-navigation >nav ul ul > li  {
  border-bottom: solid 1px #88888833;
}

.top-navigation >nav ul ul > li:last-child  {
  border-bottom: none;
}

/*#endregion */

/*#region footer */

footer {
  background-color: #555555;
  color: #fff;
  padding: 10px 5%;
  display: grid;
  gap: 15px;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #e01528 !important;
}

footer .footer-items{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

footer .footer-items > div > h2{
  font-size: 14px;
  border-bottom: solid 1px #fff;
  padding: 10px;
}

footer .footer-items > div > ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

footer .footer-items > div > ul a{
  font-size: 13px;
}

footer div.namad div {
  display: grid;
  grid-template-columns: 50px 50px;
}

footer div.namad div > img{
  width:100%
}

footer div.footer-about {
  border-bottom: solid 1px #fff;
  padding-bottom:25px;
}

footer div.footer-about > h2{
  font-size: 14px;
}

footer div.footer-about > p{
  display: grid;
  grid-template-columns: 50% 50%;
  text-align: justify;
  font-size: 11px;
  padding: 0;
  margin: 0;
}

footer div.footer-copyright {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: space-between;
  font-size: 12px;
  align-items: center;
}

footer .footer-logo {
  text-align: center;
}

footer .socials {
  list-style-type: none;

}

footer .socials > li{
  display: inline-block;
}

footer .socials > li > a {
  font-size: 18px;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}

/*#endregion */


/*#region responsive */

/* Monitor */
@media (min-width: 768px) and (max-width: 992px) {
}

/* Tablet */
@media (min-width: 576px) and (max-width: 768px) {
}

/* Phone */
@media (max-width: 576px) {

  .top-toolbar {
    gap: 15px;
    grid-template-columns: max-content max-content ;
    padding: 0 0 15px 0;
    justify-content: center;
  }

  footer {
    padding: 10px 1%;
  }

  footer .footer-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }

  footer div.footer-about > p {
    grid-template-columns: 1fr;
  }

  footer div.footer-copyright {
    grid-template-columns: 1fr;
  }

  footer div.footer-copyright > p {
    font-size: 10px;
    text-align: center;
  }

  footer div.namad div {
    justify-content: center;
    gap: 25px;
    grid-template-columns: 80px 80px;
  }

  footer .socials {
    text-align: center;
  }
}

/*#endregion */