.text-green {
    color: green;
}

.text-blue {
    color: blue;
}

.text-black {
    color: #000 !important;
}

.header-top {
    padding: 5px 0 !important;
    border-bottom: 2px solid #275791;
}


@font-face {
    font-family: 'ROBOTO';
    src: url(fonta/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf) format('ttf');
}


.header-menu-list>li>a {
    font-size: 21px;
}

.numContact {
    font-size: 21px;
}

.iconMenu {
    font-size: 20px;
}

.imgIconMenu {
    width: 40px;
}

.contetSubMenyWithImg {
    width: 17rem;
}

.sidebarItem {
    border-bottom: 1px solid #275791;
    padding-bottom: 10px;

}

.sidebarItem a{
    display: flex;
}

.sidebarItem img {
    width: 55px;
}

.sidebarItem label {
    font-size: 23px !important;
    margin-top: 20px;
}

.inputSearch {
    width: 100%;
    padding: 10px;
    border: 1px solid #275791;
}

.paralax .imagen img{
    width: 100%;
}



.appProductosRelacionados{
    background: rgba(32, 82, 141,.1);
    padding: 44px 0;
}







.loader-section{
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    z-index:999;
    transition: all 1s 1s ease-out;
    opacity:1;
  }
  .loaded{
    opacity:0;
    z-index:-1;
  }

  .loader {
      width: 48px;
      height: 48px;
      border: 5px solid #20528D;
      border-bottom-color: transparent;
      border-radius: 50%;
      display: inline-block;
      box-sizing: border-box;
      animation: rotation 1s linear infinite;
      }

  @keyframes rotation {
      0% {
          transform: rotate(0deg);
      }
      100% {
          transform: rotate(360deg);
      }
  }