#logonav{
  width: 100px;
}
.ligasheader{
  font-family: Roboto;  
     font-size: 20px;
      margin: 0px 10px;

 }
 


.dropdown-menu.show {
  display: block;
  margin-left: -64rem;
  font-size: 25px;
  margin-top: 7%;
  background-color: #376769;
}




#pedido {
  margin-top: -3%;
  margin-left: 11%;
  width: 70%;
  font-size: 27px;
  border-radius: 7px;
  color: white;
}
#contentchueco{
  margin-bottom: -37px; margin-top: 15%;
}


#dropdownMenuLink{
  display: none;
  color: white;
  margin-right: 53px;
  font-size: 28px;
  box-shadow: 0 0 black;

    }
  
    #barranav{
        background-color: #376768;
        position: fixed;
        z-index: 1;
        width: 100%; 
      }

      #navbarNav{

      }


      .scroll{


  overflow-x: hidden;
}
      .sob{
        text-align: center;     font-family: Roboto;
            font-style: normal;
            font-weight:lighter; color: #44797B;
            font-size: 42px;
      }

      .sob1{
        text-align: center;     font-family: Roboto;
            font-style: normal;
            font-weight: bold; color: #44797B;
            font-size: 52px;
      }

  .titlemodal{
        font-weight:bold; font-family:Roboto; font-size: 22px;
       }

 
       .btnwhats {
        background-color: #009432;
        padding-left: 5%;
        padding-top: 1%;
        padding-bottom: 1%;
        padding-right: 5%;
        margin-right: 36%;
        color: white;
        border-radius: 17px;
        font-size: 18px;
        text-align: center;
        font-weight: 500;
    }
    .btnwhats:hover {
      color: whitesmoke;
    }
    .btnwhats:active {
      color: gray;
    }
      .modalsize{
        max-width: 900px;
      }
      .imgmodals2{
        width: 122%;
   
    margin-left: -17%;
    margin-top: 20%;
      }
      .imgmodals{
        width: 30%;
      }
.parrafoModal1{
  padding: 33px;
    margin-left: -34px;
    font-family: Roboto;
  
    
}
.parrafoModal{
    padding: 1%;
    font-family: Roboto;
}
     
      #busca1{
        height: 36px;
        width: 190px;
        font-family: FontAwesome, Roboto;
        margin-left: 2.5%;
        border-radius: 5px;
        box-shadow: none;
        border: none;
      }
#busca2{
  display: none;
}

#Vitamina1{
    font-size: 13px;
    font-family: Roboto;
    margin-bottom: 4%;
}
#Vitamina2 {
  font-size: 13px;
  margin-top: 3px;
  font-family: Roboto;
  margin-bottom: -19px;
}

#Vitamina2 {
  font-size: 13px;
  margin-top: 3px;
  font-family: Roboto;
  margin-bottom:-19px;
}
#Vitamina3{
  font-size: 13px; 
}


.inositoltitulo{
    margin-bottom: -10px; margin-top: 5%;
  }

  .prosulinatitulo{
    margin-bottom:0px;
     margin-top: 5%;
  }
  
        #siguenos{
   
   font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
 color: white;
}
      #terms{
        color: white; text-align: start;
      }
        #icorreo{
          margin-right: 3%;
        margin-left: 11%;
        margin-top: -6px;
        font-size: 32px;
  }
       #mail{
                font-family: Roboto;
                font-size: 24px;
                font-style: normal;
                font-weight: 400;
                line-height: 29px;
                letter-spacing: 0em;
                text-align: left;
              }
              #pidelo{
                font-family: Roboto;
                font-size: 27px;
                margin-left: 11%;
                color:#376768;
                font-style: italic;
                font-weight: bold;
                line-height: 29px;
                letter-spacing: 0em;
                text-align: left;
              }
      #whatSapp{
                font-family: Roboto;
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                margin-left: 10%;
                line-height: 29px;
                letter-spacing: 0em;
                text-align: left;
              }
      .navbar-dark .navbar-nav .nav-link:hover {

        color:#07bc4c;

      }

      .card:hover{
        background-color: whitesmoke;
        box-shadow: 0 0 20px #bdc3c7;
        transform: translateY(8px);

}

#parrafo{ font-family: Roboto;
              color: whitesmoke;
               font-style: normal;
              font-weight: normal; 
               font-size: 20px; 
               line-height: 25px;  
              text-align: justify; 
            }
            #salud{
              color: white;
               font-size: 24px; 
               font-style: normal; 
               font-weight: bold;
                line-height: 25px; 
            }
      
      #lenguajetitulo{
        color: white;
        font-family: Roboto;
    font-size: 32px;
    margin-left: -250px;
      }

.inositol{
  width: 82%;
  margin-top: -4%;
}

.desodorante1{
  margin-top: 36%;
}

.numero{
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  margin-left: 23%;
  line-height: 3px;
  letter-spacing: 0em;
  text-align: left;
}

  #faq{
    color: white;text-align: start;
  }
  #blog{
    color: white; text-align: start;  
  }

 
#textlorem{
              padding-left: 6%;
              text-align: justify;
              font-family: Roboto;
              padding-right: 14%;
              font-size: 21px;
              margin-top: -23px;
              color: white;
              margin-bottom: 6%;
             }
.name{
  font-family: Roboto;
              font-style: normal;
              font-size: 15px;
              
}

  #logo1{
                width:220px; padding:40px; margin-bottom:-2%;     margin-top: 6%;
              }
              #logo2{
                width:220px; margin-top:-35px;
              }


#logo{
  margin-top: -5%;
}


#insta{
  margin-right: 18px;
  margin-left: 19px;
}

#siguienos{
  font-family: Roboto;
              font-style: normal;
              font-weight: bold;
              font-size: 24px;
             color: white;
}
#redes{
              font-family: Roboto;
              font-style: normal;
              font-weight: bold;
           
              font-size: 24px;
             color: white;
             }
      #email{
        margin-left:-23px;
      }
    html {
  scroll-behavior: smooth;
}

#correo{
  
  margin-left: -12%;
}


   .cont{
    margin-left: -8%;
    font-size: 23px;
    }

    .round{
      border-radius: 199px;
    width: 80%;
    margin-left: 16%;
    }
    .round2{
      border-radius: 66%;
       width: 100%;
          margin-top: 7%;

    }
#divcontact{
  padding-top: 8%;
}

#contacto{
  font-family: Roboto;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: left;
  margin-left: 11%;
}
    .resaltado{
          background-color: #D0FFF4; text-align: start; font-family: Roboto;
                  font-style: normal;
                  font-weight: bold;
                  font-size: 12px;
                
      }

      .resaltado2{
          background-color: #FDD6F2; text-align: start; font-family: Roboto;
                  font-style: normal;
                  font-weight: bold;
                  font-size: 12px;
                
      }
      .cantidad{
          font-family: Roboto;
                          font-style: normal;
                          font-weight: bold;
                          font-size: 14px; text-align:right;
      }
  

    .main-header {
  position: relative;
  background-size: cover;
      
}

.pers2{
  margin-top: -43%;
          margin-left: 151px;
          width: 24%;
          border-radius: 194px;
          font-size: 77px;
          background-color: transparent;
          color: transparent;
          height: 364px;
}
  .sup2{
    margin-top: -42%;
          margin-left: 331px;
          width: 24%;
          background-color: transparent;
      
          font-size: 143px;
          height: 370px;
  }



  .cerrar:hover{
background-color: #b33939;
color: white;
  }



  .fullscreen-modal .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}




  #correo{
    margin-left: -12%;
  } 
  #email{
  margin-left: 1%;
  }
  .dropdown-item {
    display: block;
    width: 105%;
    padding: 0.25rem 31.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
  }
  .dropdown-menu.show {
    display: block;
    margin-top: 5px;
    margin-right: -35%;
    line-height: 53px;
    font-size: 22px;
    margin-left: -62rem;
  }

  .dropitem:active{
    background-color:  #37676D;

  }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}


#redes{
  margin-left: 0;
}
#insta{
  margin-right: 18px;
  margin-left: -87px;
}
#insta:hover{
  box-shadow: 0 0 30px #D0FFF4;
  transform: translateY(1px);
}

#face{
  font-size: 31px;
}


#logo{
  margin-top: -11%;
}



.tell{
width: 10%;
}
.emailreal{
  width: 6%;
  margin-left: 0%;
  margin-right: 1%;
}  

  

.nav-link:hover {
    color: blue;
}

.liga:hover{
color:red;

}
#sobre1:hover{
color:#7EDDC6;
}

.navbar {
  box-shadow: 2px 2px 5px #000;
  opacity: 0.9;
}



.form-control, .btn{
  border-radius: 0;
}

#id{
  color: whitesmoke;
}
.ligawaths{
 color: #376768;
 margin-right: 46px;
  font-size: 17px;
  margin-top: -35%;
  background-color:#07bc4c;
 
 }
.ligawaths:hover{
  box-shadow: 0 0 20px #bdc3c7;
  color: whitesmoke;


}

.vitaminac{
  width: 72%;
                margin-top: 10%;
                margin-bottom: 5%;
                margin-top: 24px;
            
}

.active:active{
  color: #1c997a;
}

#hom:hover{
  color:#7EDDC6;
}
#hom:active{
  color:#7EDDC6;
}
.highlight{
  background-color: #07bc4c;
  font-weight: bold;
}