a{
  text-decoration: none;
}
a.titulos{
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  
  font-style: normal;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1em
  font-variation-settings
    "wdth" 87.5,
    "YTLC" 490;
   color: #ad233a;

  }
a.emergencia{
font-size:35px;
color:#ad233a !important;
text-decoration:none;
font-weight: bold;
}
a.emergenciasub{
font-size:75px;
color:#ad233a !important;
text-decoration:none;
	font-weight: bold;

}
p.emergenciadescripcion{
	color:grey;
	
}
a{
  

font-family: 'Hind Siliguri', sans-serif;


}


p
{
font-family: 'Montserrat', sans-serif;
    color: #1b1818;
	
}

p.eslogan{
 font-family: 'Courgette', cursive;
  font-size: 35px;

}
p.textos{
  color: #2e2e23 !important;
}
p.textosfooter{
  color: white;

}
p.equipo
{padding-left:3rem;
padding-right:3rem;
}




  
  .titulos2{
   font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  
  font-style: normal;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1em
  font-variation-settings
    "wdth" 87.5,
    "YTLC" 490;
  }

  
    p.titulos4{
      
		white-space: pre-wrap;
    font-family: futura-pt;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    letter-spacing: .10em;
    color: #00c99a;

  }
  
     .titulos5{
		white-space: pre-wrap;
    font-family: futura-pt;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    
  }
  .subtitulos5{
	  Color: white !important;
	  opacity:1.5 !important;
	  		white-space: pre-wrap;
    font-family: futura-pt;
    font-style: normal;
    font-size: 45px;
   
   font-weight: 900;
    line-height: 1em;
  }
  .subtitulos51{
	  
	  
	  		white-space: pre-wrap;
    font-family: futura-pt;
    font-style: normal;
    font-size: 45px;
   text-align:center;
	font-weight: 900;
    line-height: 1em;
  }
    .subtitulos5{
	  Color: #ffffff  !important;
	  opacity:1.5 !important;
	  text-shadow: 7px 4px 14px rgba(53, 53, 53, 1);
	  		white-space: pre-wrap;
    font-family: futura-pt;
    font-style: normal;
    font-size: 45px;
   
   font-weight: 900;
    line-height: 1em;
  }
  
  .telefono
  {		white-space: pre-wrap;
    font-family: futura-pt;
    font-weight: 700;
    font-style: normal;
    font-size: 23px;
    letter-spacing: .15em;
	  
  }

  .resumen{
    font-weight: 700;

  text-align:center;
  text-align: justify;

  }
  
 
/*If the browser window is 600px or smaller, the background color will be lightblue:*/

/*de 600 pixeles para abajo se activa:*/
@media only screen and (max-width: 600px) {
  body {
    /*background-color: pink;*/
    
  }
}

@media only screen and (max-width: 1000px) {
  .w-100 {
    
   width: 100% !important;
   
  }
}
/*@media only screen and (max-width: 00px) {
 
sep{
  padding-left: 10px !important;
}
*/
 @media screen and (max-width: 800px) {  /* SE ACTIVA AL HACER mucho mas chica LA PANTALLA*/
  p.bienvenida {
  font-size:30px;
  }
  p.textopfondogris{
	  
	  font-size:20px;

  }
p.mision{
	  font-size:20px;

}
  img.logoquerie {
   height: 60px;
  width: 200px;
  
justify-content: center;
   }
.ocultar{
	display:none;
}



}

 @media screen and (max-width: 1000px) {  /* SE ACTIVA AL HACER CHICA LA PANTALLA*/
  p.bienvenida {


align-content:center;
  }
    div.iram {
    display: none;
  }
  
  div.qr{
  text-align:center;
  }
  
   

}


 @media screen and (min-width: 400px) { /* SE ACTIVA AL HACER grande LA PANTALLA*/
  p.bienvenida {
font-size: 3rem;


  }
  
  
  div.descripcionder{
  padding-right:60px;
  }
  div.descripcionizq{
  padding-left:60px;
  }
  
 
}

/* Color of the links BEFORE scroll */
.navbar-color .nav-link,
.navbar-color .fa-bars,
.navbar-color .navar-brand {
  color: #316b6d;  /*Color menu sin efectos*/
  font-weight: 700;
}


.ms-menu{
margin-left:100%;
}

/*EFECTO AL PASAR MOUSE HOVER menu*/
.navbar-color .nav-link:hover {
  color: BLACK;
}

/* Color of the links AFTER scroll
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars,
.navbar-scrolled .navar-brand {
  color: #4f4f4f;
} */

/* Color de navbar */
.navbar-color,
.navbar-scrolled {
/*background-image: linear-gradient(to right, #212121, #515151, #878787, #c1c1c1, #ffffff);*/
/*background-image: linear-gradient(to right, #ffffff, #f6f9ff, #e9f4ff, #d6f0ff, #c1edff); azulito*/
background-color: #ffffff;

}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-scroll.navbar-scrolled {
  padding-top: 5px;
  padding-bottom: 5px;
}

.entop {
    
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030

}


.fa {
  padding: 13px;
  padding-left: 1rem;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

.fo {
  padding: 13px;
  padding-left: 1rem;
  font-size: 20px;
  
  text-align: center;
  text-decoration: none;
}
.fo:hover{
  text-decoration: none;
}
.logo{
  width: 12%;
 transition: 1s all;
}
.logo:hover{
  opacity: 0.7;
   transform: translateY(10px) scale(1.05);

  transform-origin: 50% bottom;
  transition: transform 200ms cubic-bezier(0.4, 0, 1, 1)
  /*transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1)*/


}

.menutop{
  position: a
}


/*-----------*/


.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 0.5s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}


.parallax{
	
	background-image: url(./img/pasillo1.jpg) ;

  /* Set a specific height */
  min-height: 700px;
  

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}








.columna{
 background-image: url(./img/duo.jpg);
  width:100%;
  height:100%; 
  

}


.sectioncolor2{
  background-color: #2dd5af;
  
  
}

.sectioncolor{
  background-color: #74eed3;
  
  
}

.sectioncolor3{
  background-color: #18626a;

  
}

.sectioncolor4{
 background-color: rgba(0,0,0,0.8);
  max-width: 100%;
  filter:brightness(0.9);	

		background-image: url("./img/frontal.jpg");
    background-position: center center;

background-size: cover;
background-attachment: fixed;

}

.sectionnutricion{
 background-color: rgba(0,0,0,0.8);
  max-width: 100%;
  filter:brightness(0.9);	
text-shadow: 7px 4px 14px rgba(53, 53, 53, 1);
		background-image: url("./img/mesamenu.jpg");
    background-position: center center;
opacity:80%;
background-size: cover;
background-attachment: fixed;

}




p.txtblack{
  color: black;
}

h2.txtblack{
  color: black;
}


/*EFECTO MENU UNDERLINE*/
li >a.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #00aad8; /*color texto*/
}

li >a.hover-underline-animation:after {
  content: ''; 
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #98EEE1;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

li >a.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.botones{
	background:    #65e5b5;
border:        1px solid #f7f7f7;
border-radius: 1000px;
padding:       10px 40px;
color:         #000000 !important;
display:       inline-block;
text-decoration:none;
text-align:    center;
}

button {
 position: relative;
 display: inline-block;
 cursor: pointer;
 outline: none;
 border: 0;
 vertical-align: middle;
 text-decoration: underline;
 background: #00cfff;
 padding: 0;
 font-size: inherit;
 font-family: inherit;
 margin-right: 0;
 border-radius: 8px;

}


button.learn-more {
 width: 8rem;
 height: auto;
}

button.learn-more .circle {
 
 position: relative;
 display: block;
 margin: 0;
 
 height: 3rem;
 background: #00cfff;
 border-radius: 0.625rem;
}
button.learn-more .button-text {
 
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 0.75rem 0;
 margin: 0;
 color:black; /*texto boton*/
 font-weight: 700;
 line-height: 1.6;
 text-align: center;
 text-transform: uppercase;
}


button:hover .button-text {
 color: #fff;
}

.color2{ /*DESVANECIDO*/
background: rgb(222,222,226);
background: radial-gradient(circle, rgba(222,222,226,1) 0%, rgba(218,218,218,1) 31%, rgba(145,145,145,1) 100%);
};


.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}


.carousel-item {
  transition: transform 2.6s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 2.6s;
}


.social{
  color :#15a7a1 !important;

margin-right:10%;
}


h5.textcarousel{
  color:#D3BA31;

}

.comment {
  display: none;

}

.prueba:hover .replies {
  display: none;

}

.prueba:hover .comment {


  font-size: 20px;
  color: blue;

  display: inline-block ;

}
.grow:hover{
    transition: 0.5s all;
    
}
.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}


.precios{
color: #318493 !important;
text-decoration: none;
}
.titulodomicilio{
  color: #ffffff !important;;
  font-size: 20px !important;
   line-height: 80%;
}


  hr.linea {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
.textopfondogris{
font-size: 27px;
}
.mision{
   text-align: justify;
  text-justify: inter-word;
}

/*--------------*/
.accordion-section .panel-default > .panel-heading {
    border: 0;
    background: #cca00d ;
    padding: 0;
}
.accordion-section .panel-default .panel-title a {
    display: block;
    font-style: italic;
    font-size: 1.4rem;
}
.accordion-section .panel-default .panel-title a:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 3rem;
    content: "\f106";
    color: white;
    float: right;
    margin-top: -12px;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "\f107";
}
.accordion-section .panel-default .panel-body {
    font-size: 1.2rem;
}


.fondo{
  background-image: url("foondo.jpg");

  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-attachment: fixed; 
  padding-bottom: 180px;
 padding-bottom: 180px;
   object-fit: cover;
opacity: 0.9

}

.fondo1{
  background-image: url("fondo1.jpg");

  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-attachment: fixed; 

   object-fit: cover;
opacity: 0.9
}

.fondo2{
  background-image: url("foondo4.jpg");

  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-attachment: fixed; 
  padding-bottom: 180px;
 padding-bottom: 180px;
   object-fit: cover;
opacity: 0.9

}

.BUTTON_EUO {
-webkit-border-radius: 49px;
   -moz-border-radius: 49px;
   border-radius: 49px;
   color: #FFFFFF;

   font-size: 25px;
   font-weight: 100;
   padding: 24px;
   background-color:transparent ;
   -webkit-box-shadow: 1px 1px 20px 8px #000000;
   -moz-box-shadow: 1px 1px 20px 8px #000000;
   box-shadow: 1px 1px 20px 8px #000000;
    text-shadow: 1px 1px 20px #000000;
   border: solid #FFFFFF 0;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.BUTTON_EUO:hover {
   background: #D9C83F;
   border: ridge #FFFFFF 0;
   -webkit-border-radius: 63px;
   -moz-border-radius: 63px;
   border-radius: 63px;
   text-decoration: none;
}


.flex{
 display:flex;
    justify-content: center;
    align-items: center;

}

p.bienvenida{
	font-family: "Nunito Sans", sans-serif;
  color:#3a4f6a;
    font-weight: 900;
    line-height: 1em;
  margin-top:10%;
  font-size:bold;
display:flex;
    justify-content: center;
    align-items: center;
letter-spacing: .20m;
	}





/*  ANIMACION DE BANER PRINCIPAL */
 .fadeInimg {
 opacity: 1;  
  /* Add animation properties */
 animation: fadeIn 0.5s ease-in; 
 }
 
 
 @keyframes fadeIn {  
   from {  
       opacity:0;  
   }  

   to {  
       opacity:1;  
   }  
}
 .fadeInttext {
 opacity: 1;  
  /* Add animation properties */
 animation: fadeIn 1.5s ease-in; 
 
 }
 
 
 @keyframes fadeIn {  
   from {  
       opacity:0;  
   }  

   to {  
       opacity:1;  
   }  
}




/* FONDO ANIMADO BANER  */



#imagenanimacion{
	animation: myAnim 2s ease 0s 1 normal forwards;   /*segundo temporizador es el delay*/

}
@keyframes myAnim {
	0% {
		opacity: 0;
		transform: translateY(250px);  /*EFECTO QUE HACE SUBIR LA FOTO*/
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}





/*IMAGEIN ANIMACION */


#animacion{ 
 margin: auto;
    overflow: auto;
	background: linear-gradient(75deg, #418cba /*color fondo iram*/ 85% , #00cfff 45% /*color animado*/);  /*el porcentaje es lo fuerte que se ve la transision de color*/
    animation: /*gradiente nombre de la variable que llama el keyframes*/
	gradient 2s ease 0s 1 normal forwards;  /*animation: gradient 15s ease infinite;   nunca para tiempo corriendo*/
    background-size: 400% 400%;
    background-attachment: fixed;
	  overflow-y: hidden; /* Hide vertical scrollbar;*/


	
}


@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
  
    100% {
        background-position: 100% 0%;
		
    }
	
}





.imgresponsive{
 max-width: 100%;
  width: 400px;  /* assume this is the default size*/
}