/*Margenes Generales */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  border: none;
  outline: none;
}


/*Referencia fuente*/
@font-face {
  font-family: bradhitc;
  src: url(fonts/BRADHITC.ttf);
}

@font-face {
  font-family: maindra;
  src: url(fonts/Maindra.ttf);
}

@font-face {
  font-family: nirmala;
  src: url(fonts/Nirmala.ttf);
}

/* fondos */
.bg-general {
  font-family: bradhitc !important;
  background-color: rgb(255 244 214) !important;
}


.bg-hydrangeas {
  background-image: url(../img/hyd_illu_head_wh.gif);
  background-repeat:no-repeat;
  background-size: cover;
}

.bg-hydrangeas {
  font-family: bradhitc !important;
  background-color: rgb(255 244 214)!important;
}

.bg-about {
  background-image: url(../img/hyd_illu_head_wh1.gif);
  background-size: cover;
  background-repeat: no-repeat;
  font-family: bradhitc !important;
  background-color: rgb(255 244 214) !important;
} 


/* Titulos */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* Menu*/
.bg-dark {
  background-color: rgb(49 99 49 / 90%) !important;
  height: 39px !important;
}

.navbar-nav li a {
  font-size: 1rem !important;
  font-family: 'nirmala';
}
 
.navbar-nav {
  display: flex;
  list-style: none;
  justify-content: center;
}

.img-hyd-illu img {
  width: 50%;
}

.logo-img {
  width: 28rem;
  height: 14rem;
  position: fixed;
  z-index: 200;
  top: 0px;
  float: left;
  left: 0;
}

.barraMenu {
  width: 98%;
  height: auto;
  position: fixed;
  top: 38px;
  z-index: 100;
  right: 0;
}

/* menu mobile */
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: inherit;
  justify-content: end;
}

.navbar-dark .navbar-nav .nav-link {
  /* color: rgba(255, 255, 255, 0.55); */
  float: right;
  font-size: 1.2rem !important;
}


.bg-dark {
  --bs-bg-opacity: 1;
  /* background-color: rgb(49 99 49 / 90%) !important; */
  left: 20px;
  border-bottom-left-radius: 60px;
  height: 9%;
}

/*Hover menu */
.navbar-brand {
  width: 213px;
  padding: 0 !important;
  position: relative;
  right: 80px;
} 


.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover {
  text-decoration: none;
  background-color: #8bc34a8f !important;
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55);
  float: right;
  font-size: 1.2rem !important;
}

.emailMenu img {
  float: right;
}


/* Cuerpo index*/

/* video*/
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}


.content {
  background: rgba(0, 0, 0, 0.4);
  color: #f1f1f1;
  width: 30%; 
  border-top: 3px solid rgb(48, 163, 0);
  border-bottom: 3px solid rgb(48, 163, 0);
}


.content h3 {
  font-size: 45px;
  font-family: maindra;
  color: rgb(214, 214, 82);
}


/* Section hydrangeas */
body {
  font-family: bradhitc !important;
  background-color: rgb(255 244 214) !important;
}

.img-petalo-cards img {
  width: 40%;
}

.banner-our-hyd {
  width: 100%;
  height: auto;
}

.carousel .carousel-inner img{
  width: 100%;
  height: 400px;
}


.contenedor-banner .img-banner_hyd {
  width: 100%;
  height: 240px !important;
}

.img-brochoure img {
  width: 30%;
  height: auto;
  position: relative;
  top: -60px;
}


.bg-hyd-illu img {
  width: 100%;
  margin-top: -5rem;
  z-index: 50;
  position: relative;
}


.titulo-pick-color {
  margin-top: -5rem;
  color: rgb(48, 163, 0);
}


.card-select img {
  width: 85%;
}

.img-principal-petalo {
  width: 15%;
  position: relative;
  top: 4rem;
  z-index: 20;
}

.img-principal-petalo hr {
  background: rgb(48, 163, 0) !important;
}

.card-mini img {
  width: 90%;
}

.titulo-White {
  margin-top: -4rem;
  color: rgb(216 215 90);
  margin-bottom: 4rem;
}


.img-descripcion-petalo {
  width: 15%;
  position: relative;
  top: 3rem;
  z-index: 20;
}

.img-especs img {
  margin-top: 5.2rem;
}

hr:not([size]) {
  height: 5px;
  width: 90%;
  float: right;
}

hr {
  margin: 0rem 0;
  color: inherit;
  background-color: rgb(48, 163, 0) !important;
  border: 0;
  opacity: 10.25;
}



/* contenedores */
.contenedor-general {
  font-family: bradhitc !important;
  background-color: rgb(255 244 214) !important;
  width: 90% !important;
	max-width: 1200px !important;
	margin: 20px auto !important;
} 

/* Seccion White */
.hr-white {
  margin: 0rem 0;
  color: inherit;
  background-color: rgb(216 215 90) !important;
  border: 0;
  opacity: 10.25;
}


/* Seccion Blue */

.titulo-blue {
  margin-top: -4rem;
  color: rgb(36 134 199);
  margin-bottom: 4rem;
}

.hr-blue {
  margin: 0rem 0;
  color: inherit;
  background-color: rgb(36 134 199) !important;
  border: 0;
  opacity: 10.25;
}

/* seccion green */

.titulo-green {
  margin-top: -4rem;
  color: rgb(48, 163, 0);
  margin-bottom: 4rem;
}

.hr-green {
  margin: 0rem 0;
  color: inherit;
  background-color: rgb(48, 163, 0) !important;
  border: 0;
  opacity: 10.25;
}

.titulo-hydrangeas {
  font-family: nirmala;
  font-weight: bold;
  color: #31a500;
}

.titulo-hydrangeas p {
  text-align: justify;
  font-family: nirmala;
}

.text-hydrangeas p {
  text-align: justify;
  font-family: nirmala;
  top: 34%;
  position: relative;
}

/* seccion pink */

.titulo-pink {
  margin-top: -4rem;
  color: rgb(36 134 199);
  margin-bottom: 4rem;
}

.hr-pink {
  margin: 0rem 0;
  color: inherit;
  background-color: rgb(36 134 199) !important;
  border: 0;
  opacity: 10.25;
}


/* seccion purple */
.titulo-purple {
  margin-top: -4rem;
  color: rgb(36 134 199);
  margin-bottom: 4rem;
}

.hr-purple {
  margin: 0rem 0;
  color: inherit;
  background-color: rgb(36 134 199) !important;
  border: 0;
  opacity: 10.25;
}

/* seccion Light */
.titulo-Light {
  margin-top: -4rem;
  color: rgb(197 197 58);
  margin-bottom: 4rem;
}

.hr-Light {
  margin: 0rem 0;
  color: inherit;
  background-color: rgb(197 197 58) !important;
  border: 0;
  opacity: 10.25;
}


/* Footer */
/* .bg-footer {
  background-color: rgb(49 99 49 / 90%) !important;
} */

.footer-menu {
  position: absolute;
  right: 0;
  margin-bottom: 0;
  left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  text-align: center;
  background-color: rgb(49 99 49 / 90%);
  font-family: 'nirmala';
  bottom: 0;
  height: auto;
  margin-top: 100px;
}

.footer-copyright a {
  font-size: 12px;
}

.foo-content .foo-divs {
  display: inline-block;
  font-size: 2rem;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 0;
  color: #fff;
}

.img-sample {
  width: 119px;
  position: absolute;
  right: 0px;
  top: 5px;
  padding: 10px;
}


.footer-copyright a{
  color: #f1f1f1;
}

/* seccion Nosotros */
.logo-loop {
  width: 15%;
  position: relative;
  margin: 0, 0;
  top: -4rem;
}

.img-sampleFooter {
  display: none;
}

/* Inicios de Secciones */

.titulo-about-us {
  text-align: center;
  font-family: nirmala;
  color: rgb(214, 214, 82);
  font-weight: bold;
  text-shadow: 1px 1px #7b7b4d;
  font-size: 4rem;
}

.title-mision,
.title-vision,
.title-valores {
  font-family: nirmala;
  color: rgb(214, 214, 82);
  font-weight: bold;
  text-shadow: 1px 1px #7b7b4d;
  margin-top: 0;
  font-size: 5rem;
}

.container-lineas-logo {
  display: inline-block;
  width: 10%;
}


.nombre-cultivo {
  font-family: bradhitc;
  display: contents;
  font-weight: bold !important;
  font-size: 30px;
  color: #316331;
}

.description {
  font-family: nirmala;
  font-size: 20px;
  text-align: justify
}

.nombre-continuo {
  display: contents;
}


/* Seccion Contacto */

#contacto {
  margin-top: 130px;
}

.contacto-contenedor {
  margin-top: 100px;
  z-index: 100;
}

.contacto-contenedor .img-globo {
  width: 100%;
  position: relative;
  z-index: 20;
}

.contacto-contenedor .img-personal {
  width: 100%;
  padding: 13px;
}

.img-personal {
  width: 100%;
  margin-top: -60px;
  padding: 13px;
}


.alto-100 {
  height: 100vh;
}

/* formulario */
.form-top {
  margin-top: 13rem;
  padding: 13px;
}

.img-globo-contacto {
  width: 21%;
}

.m-0 {
  margin: 0 !important;
  /* left: -29px; */
  position: fixed;
  left: 30px;
  top: 60%;
}


.img-globo2 {
  width: 85%;
  margin-left: 17%;
}

.card-contacto {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
}

.img-globo-email {
  width: 50%;
  position: absolute;
  top: 34%;
  left: 14%;
}

.img-globo-email p {
  position: absolute;
  left: -18%;
  top: 86%;
  text-align: center;
  font-family: nirmala;
  color: rgb(150, 150, 75);
  font-weight: bold;
  text-shadow: 1px 1px #7b7b4d;
  margin-top: 0;
  font-size: 1rem;
}

.img-globo-wasap {
  width: 58%;
  position: absolute;
  left: 2.5rem;
  top: 107%;
}


.img-globo-wasap p {
  position: absolute;
  left: -58%;
  top: 78%;
  text-align: center;
  font-family: nirmala;
  color: rgb(150, 150, 75);
  font-weight: bold;
  text-shadow: 1px 1px #7b7b4d;
  margin-top: 0;
  font-size: 1rem;
}

.fromulario p {
  margin-bottom: 0 !important;
  font-size: 1rem;
}

.fromulario img {
  width: 25%;
}


.btn-contact img {
  width: 80%;
  display: block;
  margin-top: -10px;
}


/* Seccion nosotros*/
.top-about{
  margin-top: 300px;
}


.card-img-top {

  transition: all 500ms ease-in-out;
}

.categorias a :hover{
  transform: scale(1.2);
}

.categorias a img {

    transition: transform .2s; 

}

.rings {
  display: grid;
  position: relative;
}

.rings a span {
  position: absolute;
  width: 90%;
  top: 0;
  transform: translate(-50%, -50%);
  color: white;
  display: none;
  transition: all 500ms ease-in-out;
  text-align: center;
  font-size: 1.5rem;
}

.rings a:hover {
  background: black;
  border-radius: 10%;
  animation: scaleDown 3.2s ease-in-out;
  cursor: pointer;
}

.rings a:hover span {
  display: block;
  top: 50%;
  left: 50%;
}

.rings a:hover img {
  opacity: 0.5;
  transform: scale(1.1);
}

/* lineas titulo */
.lineas-efecto,
.lineas-efecto2 {
  display: inline-block;
  position: relative;

}

.lineas-efecto::after,
.lineas-efecto::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 3px;
  background: rgb(48, 163, 0);
  top: 0.6em;
}

.lineas-efecto2::after,
.lineas-efecto2::before {
  content: '';
  position: absolute;
  width: 100px;
  height: 3px;
  background: rgb(48, 163, 0);
  top: 3.9em;
}

.lineas-efecto::before {
  left: -140px;
}

.lineas-efecto::after {
  right: -140px;
}

.lineas-efecto2::before {
  left: -130px;
}

.lineas-efecto2::after {
  right: -130px;
}


/* Vission */
.lineas-Vission,
.lineas-Vission2 {
  display: inline-block;
  position: relative;

}

.lineas-Vission::after,
.lineas-Vission::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 3px;
  background: rgb(48, 163, 0);
  top: 19px;
}

.lineas-Vission::before {
  left: -42px;
}

.lineas-Vission::after {
  right: -42px;
}

.lineas-Vission2::after,
.lineas-Vission2::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 3px;
  background: rgb(48, 163, 0);
  top: 32px;
}

.lineas-Vission2::before {
  left: -42px;
}

.lineas-Vission2::after {
  right: -42px;
}



/* Small devices (landscape phones) */
@media only screen and (max-width: 767px) {

  .carousel .carousel-inner img {
    width: 100%;
    height: 230px;
}


.carousel {
  position: relative;
  height: 230px !important;
}

  .contenedor-banner-about img{
    height: 150px !important;
  }

  .logo-img {
    width: 12rem;
    height: 5rem;
    left: -11px;
  }

  .emailMenu {
    display: none;
  }


  .img-brochoure img {
    width: 46%;
    height: auto;
    position: relative;
    top: -44px;
  }

  
.navbar-nav {
  margin-right: 25px;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
  background:  rgb(49 99 49 / 90%);
  margin-right: -20px;
  border-bottom-left-radius: 50px;
  margin-top: 0px;
}

  .bg-dark {
    height: 39px;
}
  
  .content {
    width: 50%;
    top: 45%;
    padding: 0;
  }


  .content h3 {
    font-size: 1.5rem !important;
  }

  /* Footer */
   .foo-content .foo-divs {
    font-size: 1rem !important;
  }

  .foo-content a {
    width: 50px;
  }

  img,
  svg {
    vertical-align: middle;
    width: 23px;
  } */

  .img-sampleFooter {
    display: block;
  }

  .img-sampleFooter img {
    width: 66px;
    position: absolute;
    top: 20px;
    right: 5px;
}


  /* section hydrangeas*/
  .top-hyd-illu{
    margin-top: 20px;
  }

  .contenedor-banner {
    background-image: url(/img/banner_our_hyd_fran.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 140px !important;
  }

  .contenedor-banner .img-banner_hyd {
    width: 100%;
    height: 141px;
  }


  /* Section Contenedor */

  .img-principal-petalo {
    width: 20%;
    margin-top: 3em;
  }

  .img-hyd-illu {
    width: 20rem;
    margin-top: -3em;
    margin-bottom: -8em;
  }

  .titulo-pick-color {
    width: 100%;
    margin-top: -2.2em;
    color: rgb(48, 163, 0);
  }

  .text-pinkc-color,
  .text-justificado {
    text-align: justify;
  }


  /* seccion Titulos Hydrangeas*/
  .titulo-White,
  .titulo-blue,
  .titulo-green,
  .titulo-pink,
  .titulo-purple {
    margin-top: -1.3em;
  }

  .titulo-Light {
    margin-top: -1.3em;
    margin-left: 50px;
  }

  .img-principal-petalo,
  .img-descripcion-petalo {
    top: 1.5em;
    width: 20%;
  }

  .img-especs img {
    margin-top: 5.2rem;
  }

  .card-select img,
  .card-mini img {
    width: 100%;
  }

  .img-petalo-cards img {
    width: 30%;
  }

  /* seccion About*/
.contenedor-banner-about .img-bannerAbout{
    height: 150px !important;
}


.top-about{
  margin-top: 0px;
}

  .logo-loop {
    width: 15% !important;
    /* left: 45% !important; */
    top: -3em !important;
  }

  .titulo-about-us {
    font-size: 2rem !important;
  }

  .rings a span {
    font-size: 20px !important;
  }

  .title-valores {
    right: 20px;
  }

  /* lineas titulo */
  .lineas-efecto,
  .lineas-efecto2 {
    display: inline-block;
    position: relative;
  }

  /* subtitulo */
  .lineas-efecto::after,
  .lineas-efecto::before {
    width: 88px !important;
    top: 0.5em !important;
  }

  .lineas-efecto2::after,
  .lineas-efecto2::before {
    width: 88px !important;
    top: 1.7em !important;
  }

  .lineas-efecto::before {
    left: -100px !important;
  }

  .lineas-efecto::after {
    right: -100px !important;
  }

  .lineas-efecto2::before {
    left: -100px !important;
  }

  .lineas-efecto2::after {
    right: -100px !important;
  }

  /*Vision */
  .lineas-Vission::after,
  .lineas-Vission::before {
    width: 80px !important;
    top: 12px !important;
  }

  .lineas-Vission::after {
    right: -85px !important;
  }

  .lineas-Vission::before {
    left: -85px !important;
  }

  .lineas-Vission2::after,
  .lineas-Vission2::before {
    width: 80px !important;
    top: 24px !important;
  }

  .lineas-Vission2::after {
    right: -85px !important;
  }

  .lineas-Vission2::before {
    left: -85px !important;
  }


  /* Seccion nosotros */
  .content-people h3 {
    font-size: 2rem !important;
}

.content-people {
  width: 59% !important;
}

/* Seccion Contactos */
.fromulario img {
  width: 12% !important;
}

.img-globo-emal {
  top: 21% !important;
  left: 15% !important;
}
.img-globo-wasap {
  left: 8% !important;
  top: 3.5rem !important;
}

#contacto {
  margin-top: 20%;
}

.btn-contact img {
  width: 100% !important;
}

.img-personal {
  margin-top: -35px !important;
}

}


/*Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 992px) {

.contenedor-banner-about .img-bannerAbout{
  height: 250px;
}

.navbar-nav {
  margin-right: 25px;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
  background:  rgb(49 99 49 / 90%);
  margin-right: -20px;
  border-bottom-left-radius: 50px;
  margin-top: 3px;
}

.bg-dark {
  height: 39px;
}


.img-brochoure img {
  width: 52%;
  top: -84px;
}

.top-about {
  margin-top: 160px;
}

.logo-loop {
  width: 20% !important;
  top: -6rem !important;
  height: auto !important;
}


  .emailMenu{
    display: none;
  }

  .logo-img {
    width: 16rem;
    height: 6rem;
  }

  .content {
    width: 40%;
    padding: 0;
    top: 45%;
  }

  .content h3 {

    font-size: 2rem;
  }

  .foo-content .foo-divs {
    font-size: 1rem !important;
  }

  img,
  svg {
    vertical-align: middle;
    width: 35px;
  }

  .img-sampleFooter {
    display: block;
  }

  .img-sampleFooter img {
    width: 120px;
    position: absolute;
    right: 35px;
    top: 10px;
    padding: 14px;
  }

  /* Lineas Subtitulos */
  .title-vision {
    font-size: 1.5rem !important;
  }

  .lineas-Vission::after,
  .lineas-Vission::before {
    width: 35px !important;
    top: 9px !important;
  }

  .lineas-Vission::after {
    right: -37px !important;
  }

  .lineas-Vission::before {
    left: -37px !important;
  }

  .lineas-Vission2::after,
  .lineas-Vission2::before {
    width: 35px !important;
    top: 19px !important;
  }

  .lineas-Vission2::after {
    right: -37px !important;
  }

  .lineas-Vission2::before {
    left: -37px !important;
  }
     
  /* Texto flotante */
  .rings a span {
    font-size: 13.5px !important;
  }
 
  .description {
    font-size: 20px !important;
  }

  .carousel {
    height: 350px;
}

#contacto {
  margin-top: 15%;
}


}

/* Large devices (desktops, 993px and up) ok*/
@media only screen and (min-width: 993px) and (max-width: 1199px) {


  .navbar-dark .navbar-nav .nav-link {
    font-size: 1.2rem !important;
  }

  .emailMenu {
    display: block;
    width: 100px;
    margin-top: 10px;
  }

  .emailMenu img{
    width: 100%;
  }

  .logo-img {
    width: 15rem;
    height: 6rem;
    margin-top: 4px;
  }
  
  .content h3 {
    font-size: 2.5rem;
  }

  .foo-content .foo-divs {
    font-size: 2rem !important;
  }

  .img-brochoure img {
    width: 42%;
    top: -84px;
  }

  img,
  svg {
    vertical-align: middle;
    width: 40px;
  }

  .img-sampleFooter {
    display: none;
  }


  .position-footer {
    position: relative;
 }

  .img-sampleFooter img {
    width: 10%;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 4px;
  }

  .foo-content .foo-divs {
    font-size: 2rem !important;
  }

 
/* Seccion about */
  .lineas-Vission::after,
  .lineas-Vission::before {
    width: 52px !important;
    top: 9px !important;
  }

  .carousel {
    height: 350px;
}

.logo-loop {
  width: 20% !important;
  top: -7rem !important;
  height: auto !important;
}

  .top-about{
    margin-top: 100px;
  }
 
.my-lg-5 {
  margin-bottom: 0rem!important;
}

  .lineas-Vission::after {
    right: -60px !important;
  }

  .lineas-Vission::before {
    left: -60px !important;
  }

  .lineas-Vission2::after,
  .lineas-Vission2::before {
    width: 52px !important;
    top: 19px !important;
  }

  .lineas-Vission2::after {
    right: -60px !important;
  }

  .lineas-Vission2::before {
    left: -60px !important;
  }
     
  /* Texto flotante */
  .rings a span {
    font-size: 1rem !important;
  }
 
  .description {
    font-size: 20px !important;
  }

.text-pinkc-color p {
  margin-top: 70px !important;
}

}


/* X-Large devices (large desktops, 1200px and up)ok */
@media only screen and (min-width: 1200px)  {

  .navbar-brand {
    width: 260px;
  }

.img-brochoure img {
  width: 40%;
  top: -88px;
}

  .navbar-dark .navbar-nav .nav-link {
    font-size: 1.5rem !important;
  }

  .emailMenu {
    display: block;
    width: 150px;
    margin-top: 40px;
  }

  .emailMenu img{
    width: 100%;
  }


  .logo-img {
    width: 18rem;
    height: 7rem;
    margin-top: 0px;
  }


  .carousel {
    height: 350px;
}

.logo-loop {
  width: 20% !important;
  top: -8rem !important;
  height: auto !important;
}

 
  .top-about {
    margin-top: 100px;
}

  .my-lg-5 {
    margin-bottom: 1rem!important;
}

  .content h3 {
    font-size: 3rem;
  }

  .foo-content .foo-divs {
    font-size: 1.5rem !important;
  }

  img,
  svg {
    vertical-align: middle;
    width: 40px;
  }

  .rings a span {
    font-size: 1.2rem !important;
}

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) and (max-width: 2000px) {

  .navbar-brand {
    width: 350px;
  }

  .navbar-dark .navbar-nav .nav-link {
    font-size: 1.5rem !important;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    align-items: center;
  }

  .bg-dark {
    height: 5.5%;
  }

  .barraMenu {
    height: 134px;
  }


  .img-brochoure img {
    width: 30%;
    top: -100px;
  }

  .emailMenu {
    display: block;
    width: 180px;
    margin-top: 40px;
  }

  .emailMenu img{
    width: 100%;
  }


  .logo-img {
    width: 23rem;
    height: 8rem;
    margin-top: 0px;
  }

  .rings a span {
    font-size: 1.5rem !important;
}

.img-brochoure img {
  width: 23%;
  top: -90px;
}

.carousel .carousel-inner img {
  width: 100%;
  height: 600px;
}

.bg-hyd-illu {
  margin-top: 175px;
}

.top-about {
  margin-top: 22%;
}

}


@media screen and (min-width: 2001px) and (max-width: 3000px) {
  .navbar-brand {
    width: 420px;
  }

  .navbar-dark .navbar-nav .nav-link {
    font-size: 2rem !important;
  }

  .bg-dark {
    height: 5%;
    width: 96%;
    margin-left: 4%;
}

  .barraMenu {
    height: 134px;
  }

  .img-brochoure img {
    width: 26%;
    top: -100px;
  }

  .emailMenu {
    display: block;
    width: 180px;
    margin-top: 40px;
  }

  .emailMenu img{
    width: 100%;
  }

  .logo-img {
    width: 26rem;
    height: 10rem;
    margin-top: -4px;
    margin-left: 55px;
}

  .foo-content .foo-divs {
    font-size: 3rem !important;
  }

.contenedor-banner .img-banner_hyd {
  width: 100%;
  height: 380px;
}

.rings a span {
  font-size: 1.5rem !important;
}

/* baner */
.carousel .carousel-inner img {
  width: 100%;
  height: 650px;
}

.bg-hyd-illu {
  margin-top: 200px;
}

.top-about {
  margin-top: 22%;
}

}


@media screen and (min-width: 3001px) and (max-width: 4000px) {

  .logo-img {
    width: 41rem;
    height: 14rem;
    margin-top: 0px;
}
 
  .img-brochoure img {
    width: 26%;
    top: -100px;
  }

  .carousel .carousel-inner img {
    width: 100%;
    height: 800px;
}

.bg-hyd-illu {
  margin-top: 500px;
}

.top-about {
  margin-top: 30%;
}

}


/* Boton volver arriba */

.boton-container {
  position: fixed;
  bottom: 7rem;
  right: 2rem;
  width: 0;
  height: 0;
  z-index: -1;
}

.boton-top{
width: 0rem;
height: 0rem;
background-image: url(../img/volver1.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
cursor: pointer;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: .2s;
z-index: -1;
}

.boton-top i {
  position: absolute;
  font-size: 1.7rem;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: .2s;
}

.show{
  z-index: 10;
}

.show .boton-top {
  animation: popup .3s ease-in-out;
  width: 3rem;
  height: 3rem;
  z-index: 30;
}

.show img {
  transform: translate(-50%, -50%) scale(1);
}

@keyframes popup {
  0%{
    width: 0rem;
    height: 0rem;
  }
  50%{
    width: 6rem;
    height: 6rem;
  }
  100%{
    width: 4.6rem;
    height: 4.6rem;
  }
}

/*Scroll*/

/* .animacion {
  opacity: 0;
  transition: all 1s;
}

.transform_up{transform: translateY(20%);}
.transform_down{transform: translateY(-20%);}
.transform_left{transform: translateX(20%);}
.transform_right{transform: translateX(-20%);}

.mostrar {
  opacity: 1;
  transform: none;
}
 */