@charset "utf-8";

.txt{font-size: 20px; color: white;}
.heigth-250{height: 350px;}
.txt-parrafo{color:black;font-size: 22px; text-align: center !important; line-height: 25px;}
.txt-icon{font-size: 20px;}
.fondo1{margin: auto; margin-top: auto; top: 10%; width: 100%;}
/*Estilos generales del boton whatsapp*/
.whatsapp-btn {position: fixed;bottom: 20px;right: 20px;z-index: 9999;width: 60px;height: 60px;border-radius: 50%;background-color: #25D366;display: flex;align-items: center;   justify-content: center;  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);  animation: breathe 2s ease-in-out infinite;}
.footer-text{color: white;    font-size: 16px;}
.text-contacto{color: white !important; font-size: 15px;}
.container.footer { padding-top: 10%;}
img.conocemas.img {width: 90%; height: 290px;}
.col-6.centrarcontenido {display: flex;align-items: center;}
span.txt-conocenos { font-size: 20px; color: black;}
a.link-conocemas {font-size: 23px;text-decoration: underline; color: #af282f;    font-weight: 600;}
.row.redes { display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 10px;     height: 70px; margin-left: 0px !important; margin-right: 0px !important;}
i.icon-redes { position: relative;background: gray; color: white; padding: 16px 13px 17px 13px; font-size: 33px; border-radius: 8px 8px 0 0;    z-index: -1000;	margin: 0 5px;}
i.icon-redes-top {     position: relative; background: #af282f; color: white; padding: 10px 10px 10px 10px; font-size: 33px; border-radius: 0px 0px 8px 8px; z-index: -1000; margin: 0 3px;}
.row.redes-top {position: absolute; top: 118px; right: 20px; z-index: inherit;}
.text-contacto i {color: white;font-size: 30px;}
.cover-background.overflow-visible.banner-contacto-img{height:450px;}
.space-top{height:110px;}
.row.backgroud-imagen-banner { margin-right: 0px; margin-left: 0px;}
.txt-parrafo-contacto {font-size: 20px; color: black;}
.col-lg-5.col-sm-12.banner-contacto.overflow-visible {padding-top: 57px; position: absolute;  z-index: 10000; padding-left: 66px;}
i.icon-contacto {font-size: 27px;}
.text-contacto-icon { color: black; font-size: 17px;}
p.tex-contacto.text-uppercase.text-white-2.text-center.padding-30px-top { font-size: 41px; font-weight: 500; line-height: normal;}
.separador-servicios{height: 100px}
span.text-black.text-center.padding-30px-bottom { font-size: 20px; line-height: 28px;}
.no-padding-side{margin-left:0px !important; margin-right:0px !important; }
img.img-servicio {width: 100% !important; height: 100%;}
.col-lg-6.col-sm-12.col-servicio {padding-left: 0;padding-right: 0;}
.txt-servicio-seg{font-style: normal;font-weight: 500;font-size: 17px;line-height: 24px;color: #000000;}
p.padding-quienes { padding: 28px 180px 0 180px; font-size: 17px; color: black;}
.text-final-mobil.padding-quienes { text-align: right; padding-top: 50px;}
.cover-background {position: relative;background-size: cover;background-position: center;}
.cover-background::before {content: "";position: absolute; top: 0;right: 0;bottom: 0; left: 0;background: rgba(0, 0, 0, 0.2);z-index: 1;}
.cover-background > * { position: relative;z-index: 2;}
.col-lg-6.aling-center-items {display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;}
img.img-migraciones-google { width: 70%;}
.text-migraciones{color: black; font-size: 20px}
p.text-porque {padding: 0 25%; font-size: 20px; line-height: 24px; color: #000}
.lista-porque{ font-weight: 400;font-size: 20px;line-height: 24px; color: #000}
.col-lg-12.aling-center-items {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.boton-moderworck{ width: 216px;height: 55px; background: #AF282F;border-radius: 15px;     color: white;    padding: 15px;}
.boton-moderworck:hover{background: #000;}
#result {margin-top: 20px; font-weight: bold; color: green; margin-bottom: 11px;}
.col-lg-6.col-sm-12.bg-extra-light-gray.text-black.padding-30px-top.padding-30px-bottom.text-right.mobil-hide { display: flex; justify-content: center;align-items: center;}
.col-lg-6.col-sm-12.text-container-flex{    display: flex; align-content: center; justify-content: center; align-items: center;}
.col-lg-12.aling-center-items.video { height: 420px;}




@media (max-width: 1000px) {
  .text-center-mobil{text-align: center!important;}
	.container.footer { padding-top: 1%;}
	.container-sm{padding: 20px !important;}
	img.conocemas.img { width: 100%; height: 305px;}
  .row.redes-top{display:none;  }
	nav.navbar.bootsnav .navbar-toggler {margin-right: 10px !important;}
  .col-2.col-tex-dispaly{display: none;}
  .cover-background.overflow-visible.banner-contacto-img{height:150px;}
  .cover-background.overflow-visible.banner-contacto-img.servicios{height:180px;}
  .space-top{height:30px;}
  h3.tex-contacto.text-uppercase.text-white-2 {text-align: center;}
  .mobil-hide{display: none !important;}
  .col-12.padding-15px-top.text { padding: 0 11%;}
  .col-12.padding-25px-top.text { padding: 25px 11%;}
	.padding-no{padding: 0px!important;  }
  button#contact-us-button-3 { width: 150px;height: 39px;}
  .col-lg-4.col-sm-12.banner-contacto.overflow-visible {padding-top: 57px;}
  section.wow.fadeIn.bg-medium-gray.padding-no.mobil-mover { padding-top: 550px !important;}
  .padding-ten-all.bg-white.border-radius-6.lg-padding-seven-all { background-color: transparent !important;}
  .separador-servicios{height: 40px}
  span.text-black.text-center.padding-30px-bottom.desk-hide { font-size: 20px;}
  h5.text-uppercase.text-principal { font-size: 30px;}
  .col-lg-6.col-sm-12.bg-extra-light-gray.text-black.padding-30px-top.padding-30px-bottom.text-right.desk-hide.text-medium{text-align: center !important;}
  .col-lg-6.col-sm-12.padding-50px-bottom { padding: 16px 0px !important;}
  .text-final-mobil.padding-quienes { text-align: center; font-size: 17px; padding: 50px 50px !important;}
  p.text-porque {padding: 0 5%; font-size: 20px; line-height: 24px; color: #000}
  span.text-right.text-black.txt-servicio-seg {text-align: center !important;}
  .cover-background.overflow-visible.banner-contacto-img.servicios {    background-position: right !important;}
  .text-container { text-align: center;}

  .text-right { display: inline-block; text-align: center; }
  p.tex-contacto.text-uppercase.text-light-gray.text-center.text-h4.padding-30px-top.font-weight-600 {color: white !important;}
}
  	@media (max-width: 450px) {
      .separador-servicios { height: 10px; }
  .header-with-topbar .navbar-top {top: 70px}
  .txt {  font-size: 16px; color: white;}
  .col-lg-12.aling-center-items.video {height: 240px;}
	}
      @media (max-width: 420px) {
  .txt {  font-size: 1.2em; color: white;}
  }
	
	@media (min-width: 1001px) {
  .desk-hide{display: none;}
  .banner-contacto-mobil{display: none}
  }
  


/*Estilos solo al icono whatsapp*/
.whatsapp-btn i {
  color: #fff;
  font-size: 24px;
  animation: beat 2s ease-in-out infinite;
  text-decoration: none;
  z-index: 1000;
}

/*Estilos con animation contorno respirando*/
@keyframes breathe {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/*Estilos de animacion del icono latiendo*/
@keyframes beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}