/*//////////CLASE MENU FIJO/////*/

.menu-fijo{
        position: fixed;
    width: 100%;
    max-width: 1270px;
    z-index: 100000000000000;
}
.wrapper {
  height: 115px;
   background: #12192C;
    position: relative;
}
/*==============HEAD MENU=======================*/

.head {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 43px;   
    background: #12192C;
    position: relative;
    width: 100%;
    z-index: 100;
}

.navbar {
    display: flex;
    margin-right: 10px;
}


.navbar a {
    display: block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;

}
.navbar a:hover {
    color: #15ABE0;
}

/*==============Cabecera idiomas=======================*/
.barra_idiomas_sesion{
    background: white; 
    display: flex;
    justify-content: space-between;
    padding: 10px;align-items: center;
}
.logo-joionhome{
    width: 200px;
}
.icono_iniciar_Sesion{
    width: 20px;
    border-radius: 50%;
    margin-right: 5px;
    bottom:0;
}
.link_iniciar_sesion{
    text-decoration:none;
    font-size:15px; 
    color: black;
}
.contenedor_iniciar_sesion{
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.logo_idioma{
    width: 35px;
    border-radius:50%;
}
.contenedor_banderas{
    margin-top: 1px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}


/*==============HEADER=======================*/

.header_igm_general
{
    height: 470px !important;

}


/*==============BOTONES=======================*/


.btn_general{
    text-decoration: none;
    padding: 5px 20px;
    font-size: 20px;
    border-radius: 50px;
    color: #fff;
    background-color:  #15ABE0;
    border: 1px double #15ABE0;

}
/*============== textos=======================*/
.titulo_header_individual{/*cuendo es un solo titulo sin parrafo*/
    font-size: 35px !important;

}

.titulo_header_conjunto{ /*cuendo esta compuesto de un titulo y texto*/
        font-size: 47px!important;

}

.parrafo_header{
    font-size: 23px!important;

}

.parrafo_chico{
    font-size:17px!important;  

}
.parrafo_body{
    font-size:20px!important;
}
.titulo_header_soluciones{/*cuendo es un solo titulo sin parrafo*/
    font-size: 50px !important;

}



/*==============FOOTER =======================*/


.contact{
    background: #12192C!important;
    display: flex!important;
    min-height: 250px!important;
    justify-content: center!important;
    align-items: center!important;
    flex-direction: column!important;
}
.contact .social_icon
{
    position: relative!important;
    display: flex!important;
    justify-content: center!important;
    align-items:center!important;
    margin: 10px 0!important;
    flex-wrap: wrap!important;
}

.contact .social_icon .li
{
    list-style: none!important;
text-decoration: none!important;
}

.contact .social_icon .li a
{
    font-size: 2em!important;
    color: #fff!important;
    margin: 0 10px;
    display: inline-block!important;
    transition: 0.5s!important;
    font-weight: normal!important;

}
.contact .social_icon .li a:hover
{
    transform: translateY(-10px)!important;
}

.text-foot
{
    color: #fff!important;
    text-align: center!important;
    font-weight: normal!important;
    list-style: none!important;
text-decoration: none!important;

}

.menu .map{
    padding: 20px!important;
    float: center!important;
    text-align: center!important;
}



.menu .li{
   list-style:none!important;
}

.logo_1{
width: 200px!important;
}

.logo_2{
    width: 130px!important;
}
.circulo-1{
      background:  url(../image/CirculoPiepaginaderecha1.png) !important;  /* Chrome 10-25, Safari 5.1-6 */
    background-repeat: no-repeat !important;
    background-size: 150px 150px !important;
    background-position: top right !important;
        background-color: #12192C !important;
}
.circulo-2{
    background:  url(../image/CirculoPiepaginaizq.png) !important;  /* Chrome 10-25, Safari 5.1-6 */
    background-repeat: no-repeat !important;
    background-size: 201px 49% !important;
    background-position: top left !important; 

}
.circulo-3{
    background:  url(../image/CirculoPiepaginacentro.png) !important;  /* Chrome 10-25, Safari 5.1-6 */
    background-repeat: no-repeat !important;
    background-size: 250px 60% !important;
    background-position: 18% 95% !important;

}




/*---------------======================RESPONSIVE-===============================================------------------*/



/* ////////////////////////////////RESOLUCION CELULARES//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  @media  (max-width: 600px){
/*////// menu fijo/////*/
.head {
    align-items: center;
    justify-content: start!important;
    height: 43px;   

}

.navbar {
    display: flex;
    margin-right: 0px!important;
}


.navbar a {
    padding: 0px!important;

}

.wrapper {
  height: 10vh;
    position: relative;
}
/*====================== textos =======================*/
.titulos{
    font-size: 26px !important;

}
.titulo_grande{
        font-size: 40px!important;

}

.parrafo_grande{
    font-size: 18px!important;

}
    /* ================  head menu ================*/
.navbar a {
    padding: 7px 15px !important;
    font-size: 14px !important;

}

.header_igm_general
{
        height: 470px !important;

}
/*---------Logo barra de idiomas----*/
.logo-joionhome{
    width: 130px !important;
}

/*------------FOOTER-------*/
.logo_1{
width: 150px;
}

.logo_2{
width: 110px;
}

.circulo-1{
    background:  url(../image/CirculoPiepaginaderecha.png);  /* Chrome 10-25, Safari 5.1-6 */
    background-repeat: no-repeat;
    background-size: 95px 33%;
    background-position: top right; 
        background-color: #12192C;


}
.circulo-2{
    background:  url(../image/CirculoPiepaginaizq.png);  /* Chrome 10-25, Safari 5.1-6 */
    background-repeat: no-repeat;
    background-size: 110px 25%;
    background-position: top left; 

}
.circulo-3{
    background:  url(../image/CirculoPiepaginacentro.png);  /* Chrome 10-25, Safari 5.1-6 */
    background-repeat: no-repeat;
    background-size: 160px 40%;
    background-position: 18% 95%;

}
 }

 /* ======================================= resolucion tablet 0================================*/
 @media  (min-width: 600px) and (max-width: 900px){

.header_igm_general
{
        height: 470px !important;

}
/* =========== textos========*/
.titulos{
    font-size: 26px !important;

}
/*------------FOOTER-------*/
.logo_1{
width: 150px;
}

.logo_2{
width: 110px;
}

.circulo-1{
    background:  url(../image/CirculoPiepaginaderecha.png);  /* Chrome 10-25, Safari 5.1-6 */
    background-repeat: no-repeat;
    background-size: 95px 35%;
    background-position: top right; 
        background-color: #12192C;


}
.circulo-2{
    background:  url(../image/CirculoPiepaginaizq.png);  /* Chrome 10-25, Safari 5.1-6 */
    background-repeat: no-repeat;
    background-size: 110px 25%;
    background-position: top left; 

}
.circulo-3{
    background:  url(../image/CirculoPiepaginacentro.png);  /* Chrome 10-25, Safari 5.1-6 */
    background-repeat: no-repeat;
    background-size: 160px 40%;
    background-position: 18% 95%;

}
 }





  @media  (min-width: 900px) and (max-width: 1025px){

.header_igm_general
{
        height: 470px !important;

}


.menu-fijo{
    width: 100%;
    max-width: 1370px!important;
}

 }

 @media(min-width: 1025px) and (max-width: 1370px){

.menu-fijo{
    width: 100%;
    max-width: 1370px!important;
}


  
}