
.navbarHeight { height: 50px;}


/* CONTENT */
.initial .image-parallax {background:url(../images/industrias/historias/impulsa/banner-impulsa.jpg)no-repeat; background-position: right 24%  top 55%; }
.initial .info {padding-top: 16% ;}
.initial .tile-sm-txt { color: #000000; margin-bottom: 3%; font-size: 3em; line-height: 50px; font-weight: normal; font-family: 'Work Sans'}
/*.initial .tile-sm-txt2 { font-size: 26px; line-height: 32px; font-family: 'Work Sans'; font-weight: 300; }*/
.subtitle strong{color: #192168;}

.barra-blanca{width: 100%; position: relative; background: #fff; height: 7px;}
.explora{background: #d9d9d9;}

.subtitle { font-size: 24px;}

/*Ahora*/
#mosaic-bg { background: #3191a8; }


.aviso {background: rgb(45,149,173); background: linear-gradient(0deg, rgba(45,149,173,1) 0%, rgba(51,203,230,1) 100%);}
.comentario{ font-size: 34px; font-weight: 300; }
.nombre{font-size: 23px;}
.p-10{border-left: 1px solid #75cfdd;padding-left: 8%;}
.content-logo-microsoft{padding-right: 10%; }

.logo-impulsa{max-width: 420px;}


/*
======================================================================== QUERIES!!!!!!!
*/


@media screen and (max-width: 1700px){
  .initial .tile-main{font-size: 3em;}
  .initial .tile-sm-txt{font-size: 2.5em;}
  .initial .tile-sm-txt2 { font-size: 20px;}
  .solucion5{ right: 13%; }
}

@media screen and (max-width: 1620px){
  .initial { height: 600px;}
  .solucion3 { left: 8%; }
  .solucion4 { right: 0%; }
  .solucion5 { right: 5%; }
  .solucion6 { right: 22%; }
}

@media screen and (max-width: 1580px){
  .solucion3 { left: 12%; }
  .solucion4 { right: -11%; }
  .solucion5 { right: -4%; }
  .solucion6 { right: 12%; }
}

@media screen and (max-width: 1480px){
  .solucion1 { left: -30%; }
  .solucion2 { left: -38%; }
  .solucion3 { left: 22%; }
  .solucion4 { right: -25%; }
  .solucion5 { right: -19%; }
  .solucion6 { right: 0%; }
}

@media screen and (max-width: 1460px){
    .initial .image-parallax{height: 108%; top: -40%;}
    .initial {height: 540px;}
    .initial .info { padding-top: 12% !important; }
    .initial .tile-main { font-size: 3.2em; }
    .initial .tile-sm-txt{font-size: 2.9em !important;}
    .initial .tile-sm-txt2 { font-size: 22px; }
}

@media screen and (max-width: 1440px){
  .solucion1 { left: -33%;top: 17%; }
  .solucion1 img{max-width: 160px;}

  .solucion2 { left: -44%; }
  .solucion2 img{max-width: 170px;}

  .solucion3 { left: 18%;  top: 42%; }
  .solucion3 img{max-width: 150px;}

  .solucion4 { right: -12%; }
  .solucion4 img{max-width: 130px;}

  .solucion5 { right: 0%; }
  .solucion5 img{ max-width: 130px; }
  .solucion6 { right: 0%; }


}

@media screen and (max-width: 1360px){
  .initial { height: 530px; }
  .initial .tile-main { font-size: 3em; }
  .initial .tile-sm-txt { font-size: 2.7em !important; }
  .initial .tile-sm-txt2 { font-size: 22px; }
}

@media screen and (max-width: 1280px){
  .initial { height: 560px ; }
  .initial .image-parallax { height: 105%  !important; top: -40%; background-position: right 17% top 33% !important; /*background-size: contain !important;*/}
/*  .initial .tile-sm-txt { font-size: 2.2em !important; }
  .initial .info { padding-top: 18% !important; }
  .initial .tile-main{font-size: 3em;}
  .initial .tile-sm-txt{ line-height: 50px !important;}*/
  .comentario { font-size: 24px;}
  .nombre { font-size: 18px; }
  .content-logo-microsoft { padding-right: 0%; }
  .logo-impulsa { max-width: 180px; }
  .center-resp{display: flex !important; justify-content: center;}
}

@media screen and (max-width: 1200px){
  .initial { height: 500px; }
  .initial .tile-main { font-size: 2.6em; }
  .initial .tile-sm-txt2 { font-size: 18px; }
  .initial .tile-sm-txt { font-size: 2.4em !important; }
  
}

@media screen and (max-width: 1090px){
  .initial { height: 500px ; }

  .pharmacy-soft .bg { background-position: center right 70% !important;height: 480px !important; }
  .pharmacy-soft .parallax-container .triangulo-pattern { height: 100%; background-size: contain !important; }
  .pharmacy-soft .tile-sm-txt{font-size: 20px;}
  .pharmacy-soft .tile-main{margin-bottom: 10px;}
  #erp-especializado img#monitor1{ max-width: 300px !important; }

  .pharmacy-lite .bg { background-position: center right 70% !important; height: 480px !important;}
  .pharmacy-lite .parallax-container .triangulo-pattern2 {  height: 100%; background-size: contain !important; }
  .pharmacy-lite .tile-sm-txt{font-size: 20px;}
  .pharmacy-lite .tile-main{margin-bottom: 10px;}
  .pharmacy-lite img#monitor2 { max-width: 340px !important; left: 18% !important;top: 130px; }
  .pharmacy-lite .imagen { min-height: 440px !important; }
  .logo-pharmacy-lite{max-width: 200px;}


  .soluciones .bg { background-position: center right 45% !important; height: 480px !important;}
  .soluciones .parallax-container .triangulo-pattern3 { height: 100%; background-size: contain !important; }
  .soluciones .tile-sm-txt{font-size: 20px;}
  .soluciones .tile-main{margin-bottom: 10px;}
  #optimiza-inventario img#monitor3{ max-width: 360px !important; }



  .info{padding: 0px;}
}

@media screen and (max-width: 991px){
  .initial { height: 450px; }
  .initial .info { padding-top: 22% !important; }
  .initial .tile-sm-txt { font-size: 1.8em !important;line-height: 46px !important; }
  .initial .tile-sm-txt2 { font-size: 14px;line-height: 26px; }
  .initial .tile-main{  font-size: 2.2em !important;    margin-bottom: 10px; }
  .tile-sm-txt{font-size: 18px;}

  /*.pharmacy-soft .bg{ height: 400px !important;}
  .pharmacy-soft .imagen { min-height: 400px !important; }*/
  .pharmacy-soft .tile-sm-txt{font-size: 18px;}
  .pharmacy-soft .tile-sm-txt{font-size: 18px;}
  .soluciones .tile-sm-txt{font-size: 18px;}


  #content-pharmacysoft{margin-left: -9%;}

  /*.pharmacy-lite .bg{height: 400px !important;background-position: center right 60% !important;}
  .pharmacy-lite .imagen { min-height: 400px !important; }*/
  .content-pharmacy-lite{margin-right: -14%;}
  .pharmacy-lite img#monitor2 { max-width: 320px !important; left: 7% !important; }

  .content-soluciones{margin-left: -9%;}
  #optimiza-inventario img#monitor3 { max-width: 320px !important; }

  .comentario { font-size: 20px; }
  .nombre {font-size: 14px;}
  .logo-impulsa { max-width: 150px; }
}

@media screen and (max-width: 880px){
  .initial { height: 400px; }
  .initial .info{padding-top: 16% !important;}
  .initial .tile-sm-txt { font-size: 1.6em !important; }
  .initial .tile-sm-txt2{font-size: 22px !important;}
  .initial .tile-sm-txt2 { font-size: 14px !important; }

}


@media screen and (max-width: 800px){
  .initial { height: 370px; }
  .initial .tile-main { font-size: 2.8em !important; }
  .initial .tile-main { font-size: 2em !important; }
  .initial .tile-sm-txt { font-size: 1.2em !important; line-height: 28px !important; }
  .initial .tile-sm-txt2 { font-size: 14px !important; }
}

@media screen and (max-width: 767px){
  .initial { height: 100%; background: #f4f5f6; }
  .initial .image-parallax{display: none;}
  #xs-header{display: inline-block;}
  .initial .info { padding-top: 60px !important; position: absolute; left: 0; bottom: 0; height: 50%; } 
  .initial .tile-main { margin-bottom: 10px; }
  
  .pharmacy-soft .bg{background: none; height: 100% !important;}
  .pharmacy-soft{background: #346aa6; min-height: auto;}
  .pharmacy-soft .tile-main{text-align: center;}
  .pharmacy-soft .tile-sm-txt{text-align: center;}
  .pharmacy-soft .parallax-container .triangulo-pattern{display: none;}

  .pharmacy-lite .bg{background: none; height: 100% !important; min-height: 100% !important; }
  .pharmacy-lite{background: #ff5f01; min-height: auto;}
  .pharmacy-lite .tile-main{text-align: center;}
  .pharmacy-lite .tile-sm-txt{text-align: center;}
  .pharmacy-lite .parallax-container .triangulo-pattern2{display: none;}

  .soluciones .bg{background: none; height: 100% !important;}
  .soluciones{background: #55c441; min-height: auto;}
  .soluciones .tile-main{text-align: center;}
  .soluciones .tile-sm-txt{text-align: center;}
  .soluciones .parallax-container .triangulo-pattern3{display: none;}
  
  .info{padding-bottom: 50px;}

  .initial .tile-sm-txt{text-align: center;}
  .initial .tile-main{text-align: center; display: flex !important; justify-content: center !important; }

  .comentario br{display: none;}
  .p-10{border-left: 0px solid #75cfdd;}
  #logo-maderyfarma{width: 100%;max-width: 200px;}
}

@media screen and (max-width: 600px){
  .initial .tile-main { font-size: 28px !important; }
  .initial .tile-sm-txt { font-size: 18px !important; line-height: 20px !important; }
  .initial .tile-sm-txt2 { font-size: 16px !important; }
  .navbarHeight { height: 100px; }

}

@media screen and (max-width: 576px){
  .initial .tile-main { font-size: 28px !important; }
  .initial .tile-sm-txt { font-size: 18px !important; line-height: 20px !important; }
  .initial .tile-sm-txt2 { font-size: 16px !important; }
}

@media screen and (max-width: 480px){
  .initial.parallaxParent{display: inline-block !important;margin-bottom: 0px;}
  .initial .info { position: relative; left: 0; bottom: 70px; height: 100px; background: #f4f5f6; width: 100%; padding-top: 0% !important; } 
}

@media screen and (max-width: 440px){
  .initial .tile-sm-txt{ margin-bottom: 0px !important;}
  .initial .tile-sm-txt2{padding: 0px 10px;}
  .initial .tile-sm-txt2 br{display: none;}
  .initial .info{margin-top: 0px;}
}

