/*
Theme Name: Navian Child
Theme URI: http://www.themelogi.com/themes/navian
Description: A child theme of Navian Theme
Author: THEMELOGI
Author URI: http://www.themelogi.com
Version: 1.0.0
Template: navian
*/

/* MENU */
 nav .menu > li > a{
    letter-spacing:1px;
    font-weight:600;
}

#slide{
    padding: 0;
}

.mb70 {
  margin-bottom: 30px;
}

/* Nav Bar */
.nav-bar{
    width:1200px;
}

.logo{height: 60px;}





/* SERVICIOS HOME */

#servicios-home .ti-ruler-pencil.circle-icon{
    width: 100px; /* Ajusta el tamaño del círculo */
    height: 100px; /* Ajusta el tamaño del círculo */
    border-radius: 50%; /* Hace que el contenedor tenga forma de círculo */
    overflow: hidden; /* Asegura que la imagen no se desborde del círculo */
    display: flex;
    justify-content: center; /* Centra la imagen horizontalmente */
    align-items: center; /* Centra la imagen verticalmente */
    background-image: url('/wp-content/themes/navian-child/img/Ico-TerapiaIndividual.png');
    background-repeat: no-repeat;
    background-size:auto; /* Ajusta la imagen dentro del círculo sin recortarla */
    background-position: center; /* Centra la imagen */
}


#servicios-home .ti-shield.circle-icon{
    width: 100px; /* Ajusta el tamaño del círculo */
    height: 100px; /* Ajusta el tamaño del círculo */
    border-radius: 50%; /* Hace que el contenedor tenga forma de círculo */
    overflow: hidden; /* Asegura que la imagen no se desborde del círculo */
    display: flex;
    justify-content: center; /* Centra la imagen horizontalmente */
    align-items: center; /* Centra la imagen verticalmente */
    background-image: url('/wp-content/themes/navian-child/img/Ico-EvaluacionInmigracion.png');
    background-repeat: no-repeat;
    background-size:auto; /* Ajusta la imagen dentro del círculo sin recortarla */
    background-position: center; /* Centra la imagen */
}


#servicios-home .ti-thought.circle-icon{
    width: 100px; /* Ajusta el tamaño del círculo */
    height: 100px; /* Ajusta el tamaño del círculo */
    border-radius: 50%; /* Hace que el contenedor tenga forma de círculo */
    overflow: hidden; /* Asegura que la imagen no se desborde del círculo */
    display: flex;
    justify-content: center; /* Centra la imagen horizontalmente */
    align-items: center; /* Centra la imagen verticalmente */
    background-image: url('/wp-content/themes/navian-child/img/Ico-Ira.png');
    background-repeat: no-repeat;
    background-size:auto; /* Ajusta la imagen dentro del círculo sin recortarla */
    background-position: center; /* Centra la imagen */
}

#servicios-home .ti-ruler.circle-icon{
    width: 100px; /* Ajusta el tamaño del círculo */
    height: 100px; /* Ajusta el tamaño del círculo */
    border-radius: 50%; /* Hace que el contenedor tenga forma de círculo */
    overflow: hidden; /* Asegura que la imagen no se desborde del círculo */
    display: flex;
    justify-content: center; /* Centra la imagen horizontalmente */
    align-items: center; /* Centra la imagen verticalmente */
    background-image: url('/wp-content/themes/navian-child/img/Ico-TalleresIra.png');
    background-repeat: no-repeat;
    background-size:auto; /* Ajusta la imagen dentro del círculo sin recortarla */
    background-position: center; /* Centra la imagen */
}


.ti-ruler-pencil::before, .ti-shield::before, .ti-thought::before, .ti-ruler::before {
  content: "";
}



section {
  padding:60px 0 30px}


/* HORARIO */
#horario .text{
    color:#fff;
}

#horario .text .wpb_wrapper ul li {
    padding-bottom: 15px;
}


#call {
    padding-bottom: 70px;
}


#call h2 {
    font-size: 1.6rem;
}


/*Footer*/
.bg-graydark {
  background: #285481;
}

.widget_block{margin-bottom: 0;}

footer{
    padding-bottom:40px !important;
}
#turnkey-credit {display:none;}


/************************************ QUIENES SOMOS ************************************/
#titulo-main {
    padding: 40px 0 30px;
} 

#titulo-main h1 {
    letter-spacing:1px;
}  


#humana img, #human img {
    border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
}



/************************************ SERVICIOS ************************************/
  
#servicios h2{
    color:#fff;
    background-color:#3DAFF5;
    font-size: 2.1rem;
  letter-spacing: 0.5px;
  padding-left: 20px;
}    

#servicios .vc_col-sm-6{
    padding: 0 25px;
}


#servicios img{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 15px;
    border: 8px solid #3B80C1;
}


#content p{
  padding: 0 50px;
  text-align:center;
}


  /************************************ CONTACTO ************************************/  
    
#info-contacto h2, #info-contacto p, #info-contacto p strong{
  color:#fff;
}
  


/*   ##Device = Desktops ##Screen = 1281px to higher resolution desktops  */
@media (min-width: 1281px) {	
    
.container {
  width: 1200px;
} 


#servicios-home .widgettitle {
   font-size: 1.8rem; 
}

/************************************ SERVICIOS ************************************/
#titulo-main {
  padding: 40px 0 0px;
}

#titulo-main .mb70 {
  margin-bottom: 0;
}



/************************************ CONTACTO ************************************/

#info-contacto, #info-contacto .container, #form-contacto .container, #informacion .container {
  width: 1000px;
  margin: 0 auto;
}

#map .container {
  width: 1000px;
  margin: 0 auto;
  padding:0;
}

#info-contacto h2 {
    letter-spacing:0.5px;
}



#descripcion {
   padding: 30px 0 50px; 
}

#map  {
  padding: 20px 0 30px;
}

#form-contacto label{
    margin-bottom:25px;
}


#form-contacto{
    padding-bottom:100px;
}
    
    
}    
    

/* ##Device = Laptops, Desktops     ##Screen = B/w 1025px to 1280px */
@media (min-width: 1025px) and (max-width: 1280px) {
    
/************************************ SERVICIOS ************************************/
#titulo-main {
  padding: 40px 0 0px;
}

#titulo-main .mb70 {
  margin-bottom: 0;
}



/************************************ CONTACTO ************************************/

#info-contacto, #info-contacto .container, #form-contacto .container, #informacion .container {
  width:100%;
  margin: 0 auto;
}

#map .container, #map iframe {
  width: 100%;
}

    
    
    
    
    
}



/* ##Device = Tablets, Ipads (portrait)   ##Screen = B/w 768px to 1024px*/
@media (min-width: 768px) and (max-width: 1024px) {
    
    
/* MENÚ */
.nav-bar {
  width: 100%;
}    
 
#servicios-home .vc_col-sm-3 {
    width:45%;
    margin:18px;
}   



/************************************ SERVICIOS ************************************/
#titulo-main {
  padding: 40px 0 10px;
}

#titulo-main .mb70 {
  margin-bottom: 0;
}



/************************************ CONTACTO ************************************/

#info-contacto, #info-contacto .container, #form-contacto .container, #informacion .container {
  width:100%;
  margin: 0 auto;
}

#map .container, #map iframe {
  width: 100%;
}

 
    
}
    
    
    

/* ##Device = Tablets, Ipads (landscape)   ##Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    
    
    
}



/* ##Device = Low Resolution Tablets, Mobiles (Landscape)  ##Screen = B/w 481px to 767px*/
@media (min-width: 481px) and (max-width: 767px) {
    
/* MENÚ */
.nav-bar {
  width: 100%;
}  


section {
  padding: 25px 0 30px;
}

#servicios-home .vc_col-sm-3{
    margin-bottom:40px;
}


#horario .mb70 {
  margin-bottom: 0px;
}

#horario .text .wpb_wrapper {
  padding:30px 0 10px;
}



/************************************ SERVICIOS ************************************/
#titulo-main {
  padding: 40px 0 10px;
}

#titulo-main .mb70 {
  margin-bottom: 0;
}

#servicios .vc_col-sm-6 {
  padding: 0px;
}

#servicios h2 {
  font-size: 1.5rem !important;
  margin-top: 10px;
}

#content p {
  padding: 0;
}




/************************************ CONTACTO ************************************/

#info-contacto, #info-contacto .container, #form-contacto .container, #informacion .container {
  width:100%;
  margin: 0 auto;
}

#map .container, #map iframe {
  width: 100%;
}

    
    
}




/* ##Device = Most of the Smartphones Mobiles (Portrait)  ##Screen = B/w 320px to 479px*/
@media (min-width: 320px) and (max-width: 480px) {
    
/* MENÚ */
.nav-bar {
  width: 100%;
}

section {
  padding: 40px 0 30px;
}



#horario .text .wpb_wrapper {
  padding:10px;
}


#horario .text .wpb_wrapper ul {
    margin-left:0;
}

/************************************ QUIENES SOMOS ************************************/

#humana img {
    border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
}

 #humana .row {
    display: flex !important;
    flex-direction: column !important;
  }

  #humana .foto {
    order: -1 !important;  /* Foto arriba */
  }

  #humana .text {
    order: 0 !important;   /* Texto abajo */
  }



/************************************ SERVICIOS ************************************/
#titulo-main {
  padding: 40px 0 10px;
}

#titulo-main .mb70 {
  margin-bottom: 0;
}

#servicios .vc_col-sm-6 {
  padding: 0px;
}

#servicios h2 {
  font-size: 1.5rem !important;
  margin-top: 10px;
}

#content p {
  padding: 0;
}



/************************************ CONTACTO ************************************/

#info-contacto, #info-contacto .container, #form-contacto .container, #informacion .container {
  width:100%;
  margin: 0 auto;
}

#map .container, #map iframe {
  width: 100%;
}







}