
@media (max-width:991.98px) {
    .page-headers-sections  {
    width: 50%!important;
}
}
@media (max-width:575.98px) {
    .page-headers-sections  {
    width: 100%!important;
}
}


.page-header {
    padding: 0;
    position: relative;
    overflow: hidden;
    /*display: flex;*/
    align-items: center;
    background-size: cover;
    background-position: 50%}
.page-header {
    z-index: 1;
}



.min-vh-75 {
    min-height: 75vh!important;
}
.min-vh-80 {
    min-height: 80vh!important;
}
.min-vh-85 {
    min-height: 85vh!important;
}
.min-vh-90 {
    min-height: 90vh!important;
}
.min-vh-95 {
    min-height: 95vh!important;
}
.min-vh-100 {
    min-height: 100vh!important;
}





#navigation {
  transition: height .55s ease-in-out !important;
}


/*Titulos*/


#bar-title{width: 15%;height: 7px; background: #59AF31; border-radius: 50px;}


@media (min-width: 320px) {

#bar-title{width: 15%;height: 7px; background:  #59AF31; border-radius: 50px;}

}
@media (min-width: 576px) {

#bar-title{width: 15%;height: 7px; background:  #59AF31; border-radius: 50px;}

}
@media (min-width: 992px) {


#bar-title{width: 10%;height: 7px; background:  #59AF31; border-radius: 50px;}

}
@media (min-width: 1200px) {
#bar-title{width: 10%;height: 7px; background:  #59AF31; border-radius: 50px;}

}


#bar-title2{width: 15%;height: 7px; background: #59AF31; border-radius: 50px;}


@media (min-width: 320px) {

#bar-title2{width: 15%;height: 7px; background:  #59AF31; border-radius: 50px;}

}
@media (min-width: 576px) {

#bar-title2{width: 15%;height: 7px; background:  #59AF31; border-radius: 50px;}

}
@media (min-width: 992px) {


#bar-title2{width: 10%;height: 7px; background:  #59AF31; border-radius: 50px;}

}

@media (min-width: 1200px) {
    #bar-title2{width: 7%;height: 7px; background:  #59AF31; border-radius: 50px;}
    
}



#bar-title3{width: 25%;height: 7px; background: #59AF31; border-radius: 50px;}


@media (min-width: 320px) {

#bar-title3{width: 25%;height: 7px; background:  #59AF31; border-radius: 50px;}

}
@media (min-width: 576px) {

#bar-title3{width: 25%;height: 7px; background:  #59AF31; border-radius: 50px;}

}
@media (min-width: 992px) {


#bar-title3{width: 25%;height: 7px; background:  #59AF31; border-radius: 50px;}

}

@media (min-width: 1200px) {
    #bar-title3{width: 25%;height: 7px; background:  #59AF31; border-radius: 50px;}
    
}

#bar-title4{width: 10%;height: 7px; background: #59AF31; border-radius: 50px;}


#bar-default{width: 15%;height: 7px; border-radius: 50px;}


@media (min-width: 320px) {

#bar-default{width: 15%;height: 7px;  border-radius: 50px;}

}
@media (min-width: 576px) {

#bar-default{width: 15%;height: 7px; border-radius: 50px;}

}
@media (min-width: 992px) {


#bar-default{width: 10%;height: 7px;  border-radius: 50px;}

}
@media (min-width: 1200px) {
#bar-default{width: 10%; height: 7px; border-radius: 50px;}


}






/*Titulos-menu*/
.link-menu{
	color:none !important;
    text-decoration: none !important;
}

.link-menu:hover {
    color:none !important;
    text-decoration: none !important;
  }


.link-menu>h6{

	margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
	font-size: 0.9rem;

}

.card-contacto{

	   border-collapse: separate;
        border-spacing: 10;
        border: 0px solid black;
        border-radius: 15px;
        -moz-border-radius: 20px;
        padding:5px;
}

#bar-menu{width:5px; height: 25px; border-radius: 50px;}

.sub-titulo {font-size:11px; position:relative; top: -9px; }

.container-menu{ border:0px solid #000; width: 150px; padding-bottom: 0px;}

.menu2{  width: 148px; border:0px solid #0f0;}






@media (min-width: 320px) {


    #bar-titlecontent {
        display: inline-block; /* Mantener en línea con el texto */
        width: 5px; /* Ancho por defecto */
        height: 18px; /* Altura por defecto */
        background-color: #59AF31; /* Color de la barra */
        border-radius: 50px; /* Bordes redondeados */
        margin-left: 0px; /* Espaciado hacia la derecha */
        vertical-align: middle; /* Alineación con el texto */
        
    }
}
@media (min-width: 576px) {

    #bar-titlecontent {
        display: inline-block; /* Mantener en línea con el texto */
        width: 8px; /* Ancho por defecto */
        height: 30px; /* Altura por defecto */
        background-color: #59AF31; /* Color de la barra */
        border-radius: 50px; /* Bordes redondeados */
        margin-left: 0px; /* Espaciado hacia la derecha */
        vertical-align: middle; /* Alineación con el texto */
    }

}
@media (min-width: 992px) {


    #bar-titlecontent {
        display: inline-block; /* Mantener en línea con el texto */
        width: 8px; /* Ancho por defecto */
        height: 25px; /* Altura por defecto */
        background-color: #59AF31; /* Color de la barra */
        border-radius: 50px; /* Bordes redondeados */
        margin-left: 0px; /* Espaciado hacia la derecha */
        vertical-align: middle; /* Alineación con el texto */
        border-radius: 3px 3px 3px 3px  !important;  border-width: 7px !important;
    }
}

@media (min-width: 1200px) {
    #bar-titlecontent {
        display: inline-block; /* Mantener en línea con el texto */
        width: 10px; /* Ancho por defecto */
        height: 40px; /* Altura por defecto */
        background-color: #59AF31; /* Color de la barra */
        border-radius: 50px; /* Bordes redondeados */
        margin-left: 0px; /* Espaciado hacia la derecha */
        vertical-align: middle; /* Alineación con el texto */
        border-radius: 3px 3px 3px 3px  !important;  border-width: 7px !important;
    }
}




@media (max-width: 414px) {

	#bar-menu{width:5px; height: 25px; border-radius: 50px;}

.sub-titulo {font-size:11px; position:relative; top: -9px; }

.container-menu{ border:0px solid #f0f; width: 110px; padding-bottom: 0px;}

.menu2{  width: 110px; border:0px solid #f00;}



		.link-menu>h6{

  color: var(--bs-heading-color);
	font-size: 0.63rem;

}

}


@media (max-width: 320px) {

	#bar-menu{width:5px; height: 20px; border-radius: 50px;}

.sub-titulo {font-size: 9px; position:relative; top: -9px; }

.container-menu{ border: 0px solid #f00; width: 105px; padding-bottom: 5px;}

.menu2{  width: 103px; border: 0px solid #f0f;}

		.link-menu>h6{

  color: var(--bs-heading-color);
	font-size: 0.63rem;

}

.card-contacto{

	   border-collapse: separate;
        border-spacing: 10;
        border: 0px solid black;
        border-radius: 15px;
        -moz-border-radius: 20px;
        padding:1px;
}


		.dot-hora { font-size: 9px; height: 20px;
  width: 20px;

}

}



@media (min-width: 576px) {
	#bar-menu{width:7px; height: 35px; border-radius: 70px;}

.sub-titulo {font-size: 12px; position:relative; top: -9px; }

.container-menu{ border: 1px; width: 220px; padding-bottom: 15px;}

.menu2{  width: 210px;}

	.link-menu>h6{
	margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
	font-size: 1rem;

}

	.card-contacto{

	   border-collapse: separate;
        border-spacing: 10;
        border: 0px solid black;
        border-radius: 15px;
        -moz-border-radius: 20px;
        padding:10px;
}
			.dot-hora { font-size: 14px; height: 25px;
  width: 25px;

}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	#bar-menu{width:7px; height: 35px; border-radius: 70px;}

.sub-titulo {font-size: 12px; position:relative; top: -9px; }

.container-menu{ border: 1px; width: 220px; padding-bottom: 15px;}

.menu2{  width: 210px;}

.link-menu>h6{
	margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
	font-size: 1rem;

}
	.card-contacto{

	   border-collapse: separate;
        border-spacing: 10;
        border: 0px solid black;
        border-radius: 15px;
        -moz-border-radius: 20px;
        padding:10px;
}
		.dot-hora { font-size: 16px; height: 25px;
  width: 25px;

}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	#bar-menu{width:7px; height: 35px; border-radius: 70px;}

.sub-titulo {font-size: 12px; position:relative; top: -9px; }

.container-menu{ border: 1px; width: 220px; padding-bottom: 15px;}

.menu2{  width: 210px;}
		.link-menu>h6{
	margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
	font-size: 1rem;

}
	.card-contacto{

	   border-collapse: separate;
        border-spacing: 10;
        border: 0px solid black;
        border-radius: 15px;
        -moz-border-radius: 20px;
        padding:10px;
}
		.dot-hora { font-size: 16px; height: 30px;
  width: 30px;

}

}

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

	#bar-menu{width:7px; height: 35px; border-radius: 70px;}

.sub-titulo {font-size: 12px; position:relative; top: -9px; }

.container-menu{ border: 1px; width: 220px; padding-bottom: 15px;}

.menu2{  width: 210px;}

	.link-menu>h6{
	margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
	font-size: 1rem;

}


	.card-contacto{

	   border-collapse: separate;
        border-spacing: 10;
        border: 0px solid black;
        border-radius: 15px;
        -moz-border-radius: 20px;
        padding:10px;
}
	.dot-hora { font-size: 16px; height: 30px;
  width: 30px;

}

}



/*
@media (min-width: 320px) {

#bar-menu{width: 10px; height: 17px; background: #59AF31; border-radius: 50px;}

}
@media (min-width: 576px) {

#bar-menu{width: 10px; height: 17px; background: #59AF31; border-radius: 50px;}

}
@media (min-width: 992px) {

#bar-menu{width: 10px; height: 17px; background: #59AF31; border-radius: 50px;}

}
@media (min-width: 1200px) {
#bar-menu{width: 10px; height: 17px; background: #59AF31; border-radius: 50px;}


}

*/







/*navbar*/






.hrMenu{ background:  #fafafa;}






.dot-hora {


  border: 3px solid #fff;
  border-radius: 100%;
  display: inline-block;

position: relative;
float: left;
margin: -0px -7px;
box-sizing: content-box;

padding: 3px;
text-align: center;

}

.blur {
    box-shadow: inset 0 0 2px #fefefed1;
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
    background-color: hsla(0, 0%, 100%, .8)!important;
}



.blur {
    -webkit-backdrop-filter: saturate(20%) blur(30px);
    backdrop-filter: saturate(20%) blur(30px)
}
.blur{
    border-radius: 40px;
}



.z-index-sticky {
    z-index: 1020;
}







/*Texto nav bar */


.nav-menu{
    width: 98%;
}


@media (max-width: 991px) {

    .nav-menu{width: 97%;}


}

@media (max-width: 768px) {

    .nav-menu{width: 96%;}


}

@media (max-width: 320px) {

.nav-menu{width: 98%;}


}



.navbar .navbar-brand {
   color: #5E6D75;
	font-size: 12px;
	font-weight: bold;
}

.navbar .nav-link {
    color: #273147;
    padding: .5rem 1rem;
    font-weight: 400;
    font-size: .875rem;
}

#logo-nav{height: 12px; display: none;}

@media (min-width: 320px) {

 .navbar .navbar-brand {

	font-size: 11px;
	 font-weight: bold;
}
	#logo-nav{height: 18px; display: none;}

}


@media (min-width: 576px) {

 .navbar .navbar-brand {

	font-size: 18px;
	 font-weight: bold;
}
	#logo-nav{height: 18px; display:inline-block;}
}
@media (min-width: 992px) {
	.navbar .navbar-brand {

	font-size: 24px;
		font-weight: bold;
}
	#logo-nav{height: 35px;display:inline-block;}

}
@media (min-width: 1200px) {
	.navbar .navbar-brand {

	font-size: 24px;
		font-weight: bold;
}

	#logo-nav{height: 40px;display:inline-block;}

}








/*Texto nav bar */


.TextMenu0{color: #6c757d; padding-right:10px;}

.navbar.navbar-toggler-bar {
    background: #fff;
}
.navbar.navbar-collapse {
    border-radius: 1rem;
}


.navbar-light .navbar-toggler {
    border: none;
}

.navbar-toggler .navbar-toggler-icon {
    background-image: none;
}
.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
    display: block;
    position: relative;
    width: 27px;
    height: 2px;
    border-radius: 0px;
    background: #6c757d;
    transition: all .5s;
    margin: 0 auto;
}
.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2, .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 {
    margin-top: 7px;
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar1 {
    transform: rotate(45deg);
    transform-origin: 13% 13%;
    margin-top: 4px;background: #59af31;
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar2 {
    opacity: 0;
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar3 {
    transform: rotate(-45deg);
    transform-origin: 10% 98%;
    margin-top: 3px;background: #59af31;
}





