html {
  font-size: 16px;
  font-weight: 100;
  overflow-x: hidden; }

body {
  font-family: 'Montserrat', sans-serif;
  background-color: #fff;
  margin-bottom: -15px;
  padding-right: 0 !important; }

#mainNav {
  min-height: 56px;
  background-color: #fff; }

#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.75rem;
  color: #64a19d;
  border: 1px solid #64a19d; }

#mainNav .navbar-toggler:focus {
  outline: none; }

#mainNav .navbar-brand {
  color: #161616;
  font-weight: 700;
  padding: .9rem 0; }

#mainNav .navbar-nav .nav-item:hover {
  color: fade(white, 80%);
  outline: none;
  background-color: transparent; }

#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
  outline: none;
  background-color: transparent; }

@media (min-width: 992px) {
  #mainNav {
    padding-top: 0;
    margin-top: -35px !important;
    padding-bottom: 0;
    border-bottom: none;
    background-color: #fff;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out; }

  #mainNav .navbar-brand {
    padding: .5rem 0;
    color: rgba(255, 255, 255, 0.5); }

  #mainNav .nav-link {
    -webkit-transition: none;
    transition: none;
    padding: 2rem 1.5rem;
    color: #424242; }

  #mainNav .nav-link:hover {
    color: #424242; }

  #mainNav .nav-link:active {
    color: white; }

  #mainNav.navbar-shrink {
    background-color: #fff; }

  #mainNav.navbar-shrink .navbar-brand {
    color: #161616; }

  #mainNav.navbar-shrink .nav-link {
    color: #161616;
    padding: 1.5rem 1.5rem 1.25rem;
    border-bottom: 0.25rem solid transparent; }

  #mainNav.navbar-shrink .nav-link:hover {
    color: #64a19d; }

  #mainNav.navbar-shrink .nav-link:active {
    color: #467370; }

  #mainNav.navbar-shrink .nav-link.active {
    color: #98c939;
    outline: none;
    border-bottom: 0.25rem solid #98c939; } }
.h4 {
  margin-bottom: 0.5rem;
  font-weight: 300;
  line-height: 1.2; }

.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  background-size: cover; }

.image_1 {
  text-align: center;
  color: #FFF;
  background-color: #000;
  width: 100%;
  padding: 10px 0 70px 0;
  display: block; }

.content-image {
  background-image: url(../images/image3_mew.jpg);
  padding-top: 33%;
  background-size: 103.3%;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative; }

.text-content {
  position: absolute;
  top: 26%;
  right: 15%;
  font-size: 59px;
  text-align: left;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: -1px; }

.automatizacion {
  color: #FFFFFF;
  text-align: center;
  background: #000;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  background-image: url(../images/image4_new.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 102%;
  position: relative; }

.process {
  position: absolute;
  top: 25%;
  left: 50%;
  width: 441px;
  margin-left: -220px;
  font-size: 45px; }

.image_2 {
  background-color: #388E3C;
  color: #FFF;
  background-image: url(../images/bussines.jpg);
  padding: 55px 0;
  background-size: cover;
  height: 750px; }

.image_3 {
  background-color: #b6b7bb;
  display: block;
  background-image: url(../images/image6_new.jpg);
  width: 100%;
  height: 0;
  padding-top: 57%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  text-align: center; }

.container-text {
  position: absolute;
  color: white;
  top: 39%;
  left: 50%;
  width: 493px;
  margin-left: -200px;
  font-weight: 500;
  text-align: left;
  line-height: 34px; }

.bracket {
  float: left;
  font-size: 155px;
  line-height: 110px;
  position: relative;
  top: -19px;
  font-weight: 600;
  margin-right: 10px; }

.bracket-2 {
  float: left;
  font-size: 120px;
  position: relative;
  top: -47px;
  font-weight: 600; }

.content-process {
  display: inline-block;
  line-height: 37px; }

.just {
  color: #343e48;
  text-align: center;
  padding: 80px 0;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: -1px; }

#iconEmail {
  font-size: 2.3rem; }

.wereprojects {
  background-image: url("../images/imagen1nw.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  .wereprojects p {
    color: white; }
  .wereprojects span {
    font-weight: bold; }

.projects {
  background-color: #35353f;
  color: white; }
  .projects p {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    font-size: .8rem; }

.services {
  background-color: white;
  color: #1d2124; }
  .services p {
    font-size: .8rem; }
  .services .tit-services {
    color: #98c939;
    font-weight: bold; }

.info-images {
  background-color: #1d2124;
  color: white;
  background-image: url("../images/image3_mew.jpg");
  padding-top: 33%;
  background-size: 103.3%;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative; }

#contactForm {
  margin-bottom: -25px; }

.google-maps {
  height: 52vh;
  position: relative; }

#map {
  width: 100%;
  height: 100%; }

.jumbotron {
  margin-bottom: 0;
  background-color: #222222;
  color: #e7e8ea; }

.tutio_info {
  background-color: #9bc639 !important;
  border-color: #9bc639 !important;
  color: #FFF; }

.indicator {
  font-size: 0.8rem; }

.carousel-caption.software {
  position: absolute;
  bottom: 5%;
  left: 10%;
  z-index: 13;
  color: #000;
  text-align: left; }
  .carousel-caption.software h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem; }
  .carousel-caption.software p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem; }

.carousel-caption.industry {
  position: absolute;
  bottom: 5%;
  left: 10%;
  z-index: 13;
  color: #000;
  text-align: left; }
  .carousel-caption.industry h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem; }
  .carousel-caption.industry p {
    font-family: 'Palanquin Dark', sans-serif;
    font-size: 1.2rem; }

.carousel-caption.control {
  position: absolute;
  bottom: 15%;
  left: 50%;
  z-index: 13;
  color: #000;
  text-align: justify; }
  .carousel-caption.control h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3rem; }
  .carousel-caption.control p {
    font-family: 'Palanquin Dark', sans-serif;
    font-size: 1.2rem; }

.modal-footer.whatsapp {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -15px; }

.btn-whatsapp {
  color: #fff;
  background-color: #4ecb5c;
  border-color: #6c757d; }

.btn-whatsapp:hover {
  color: #fff;
  text-decoration: none; }

.encorLogo {
  width: 15%;
  position: absolute; }

.encorLogoR {
  width: 15%;
  position: absolute;
  left: 60%; }

.carousel-caption {
  right: 0% !important; }

@media (max-width: 575.98px) {
  .carousel-item {
    height: 20vh;
    margin-top: 15%; }

  .image_2 {
    height: 250px; }

  .image_3 {
    height: 40vh; }

  .content-image {
    height: 25vh; }

  .text-content {
    top: 50%;
    right: 35%; }

  .carousel-caption.software {
    position: absolute;
    bottom: 15%;
    left: 10%;
    z-index: 13;
    color: #000;
    text-align: left; }
    .carousel-caption.software h2 {
      font-size: 22px; }
    .carousel-caption.software p {
      font-size: 12px; }

  .carousel-caption.industry {
    position: absolute;
    bottom: 10%;
    left: 10%;
    top: 8%;
    z-index: 13;
    color: #000;
    text-align: left; }
    .carousel-caption.industry h2 {
      font-size: 22px; }
    .carousel-caption.industry p {
      font-size: 12px; }

  .carousel-caption.control {
    position: absolute;
    bottom: 0%;
    left: 0%;
    z-index: 13;
    color: #000;
    text-align: center;
    right: 10%; }
    .carousel-caption.control h2 {
      font-family: 'Montserrat', sans-serif;
      font-size: 20px; }
    .carousel-caption.control p {
      font-family: 'Montserrat', sans-serif;
      font-size: 13px; }
    .carousel-caption.control #control {
      font-size: 14px; }

  .navM, .imageL {
    margin-bottom: 0px !important; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .carousel-item {
    height: 50vh;
    margin-top: 9%; }

  .image_2 {
    height: 40vh; }

  .mapa {
    height: 350px; }

  .image_3 {
    height: 40vh; }

  .google-maps {
    height: 60vh; }

  .carousel-caption.control {
    position: absolute;
    bottom: 0%;
    left: 5%;
    z-index: 13;
    color: #000;
    text-align: center;
    right: 10%; }
    .carousel-caption.control h4 {
      font-size: 22px; }
    .carousel-caption.control p {
      font-size: 1.2rem; }

  .encorLogoR {
    width: 15%;
    left: 45%;
    top: 10%; }

  .encorLogo {
    width: 15%;
    left: 45%;
    top: 8%; }

  .carousel-caption.software {
    bottom: 0%;
    left: 8%; }

  .navM, .imageL {
    margin-bottom: 0px !important; } }
@media (min-width: 992px) {
  .wereprojects {
    height: 100vh; }

  .image_2 {
    height: 40vh; }

  .carrousel-about {
    margin-bottom: -12px;
    margin-top: 10px; }

  .wereprojects .h4 {
    font-size: 1.5rem;
    font-family: 'Montserrat', sans-serif;
    top: 5%; }
    .wereprojects .h4 span {
      font-size: 3rem;
      font-family: 'Montserrat', sans-serif; }

  .projects p {
    font-size: 1rem; }

  .carousel-item {
    height: 60vh;
    margin-top: 5%; }

  .google-maps {
    height: 55vh; }

  .carousel-caption.software h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3rem; }
  .carousel-caption.software p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem; }

  .carousel-caption.industry h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3rem; }
  .carousel-caption.industry p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem; } }
@media (min-width: 1200px) {
  .carousel-item {
    height: 100vh;
    margin-top: 2%; }

  .image_2 {
    height: 80vh; }

  .content-image {
    height: 85vh; }

  .text-content {
    top: 30%;
    right: 10%; }
    .text-content div.h4 {
      font-size: 3rem; }

  #contactForm {
    margin-bottom: 0; }

  .carousel-caption.software {
    bottom: 10%; }
    .carousel-caption.software h2 {
      font-family: 'Montserrat', sans-serif;
      font-size: 3rem; }
    .carousel-caption.software p {
      font-family: 'Montserrat', sans-serif;
      font-size: 1rem; }

  .carousel-caption.industry {
    bottom: 15%; }
    .carousel-caption.industry h2 {
      font-family: 'Montserrat', sans-serif;
      font-size: 3rem; }
    .carousel-caption.industry p {
      font-family: 'Montserrat', sans-serif;
      font-size: 1rem; }

  .encorLogoR {
    top: 15%;
    left: 65%; }

  .encorLogo {
    top: 15%;
    left: 15%; }

  .carousel-caption.control {
    left: 55%; }
    .carousel-caption.control h2 {
      font-size: 3rem; }
    .carousel-caption.control p {
      font-size: 1rem; } }

/*# sourceMappingURL=style.css.map */