*{
  font-family: 'Montserrat', sans-serif;
}
body{
  padding-right: 0 !important;
  padding-top: 104px;
}
.logos-top{
  padding: 10px 0;
  background: #4470b3;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  min-height: 104px;
}
.navbar{
  background: #4470b3;
}
a, a h5{
  color: #999999 !important;
}
a:hover, a:hover h5{
  color: #3c6299 !important;
}
.navbar a{
  color: #999999 !important;
}
.navbar a:hover{
  color: #4470b3 !important;
}
.navbar a.active{
  color: #4470b3 !important;
}
header nav .navbar-nav > li > a{
  text-transform: none;
}
.navbar-fixed-top {
  top: 0;
  background: #FFF;
}
#home{
  /*margin-top: 104px;*/
}
.navbar-nav > li {
  /*width: 25%;*/
  text-align: center;
}
.navbar-collapse{
  width: 100%;
}
.navbar-nav{
  width: 100%;
}
header nav .navbar-nav > li > a{
  margin: 0 10px;
}
.header-social-icon:first-child{
  border-left: 2px solid #4470b3;
}
.header-social-icon img{
  max-width: 22px;
  margin-left: 10px;
}
h5{
  color: #4470b3;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 5px;
}
h6{
  color: #4470b3;
  font-weight: 800;
  font-size: 17px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
h6 a{
  color: #4470b3;
}
h6 a:hover, a:active {
  color: #4470b3;
}
section {
  padding: 50px 0;
}
.que-list{
  text-align: left;
  color: #4470b3;
  font-weight: bold;
  list-style-type: none;
  margin-top: 30px;
}
.que-list li:before{
  font-family: 'FontAwesome';
  content: '\f054';
  margin:0 0 0 -28px;
  color: #4470b3;
  font-size: 25px;
  margin-top: 15px;
  position: absolute;
}

.que-list li{
  margin-bottom: 20px;
}
#que2{
  background: #4470b3;
}
#que2 h5{
  color: #FFF;
  font-weight: 700;
}
.subrayado:before {
  content : "";
  position: absolute;
  left    : 50%;
  bottom  : -10px;
  height  : 5px;
  width   : 60px;
  border-bottom: 5px solid  #4470b3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
#que3, #como3{
  font-weight: 500;
  font-size: 18px;
  color: #4470b3;
}
#que3 img, #como3 img{
  margin-bottom: 14px;
}
.gris{
  color: #333333;
}
.como-items{
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  padding-left: 60px;
  padding-right: 60px;
  text-align: left;
  line-height: 18px;
  margin-bottom: 20px;
}
.como-items:before{
  font-family: 'FontAwesome';
  content: '\f054';
  margin: 20px 0 0 -50px;
  color: #4470b3;
  font-size: 45px;
  position: absolute;
}
.modal{
  z-index: 99999;
}
.modal-open {
  overflow: auto;
}
.modal-title{
  font-size: 18px;
  font-weight: 800;
}
.modal-body h3{
  font-size: 22px;
  font-weight: 800;
}
#como3 p{
  margin-bottom: 10px;
  color: #333333;
}
#mercados h6{
  color: #4470b3;
  font-size: 16px;
  line-height: 22px;
}
.mercados-columnas{
  padding-right: 40px;
  padding-left: 40px;
}
.mercados-columnas img{
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
#mercados p{
  text-align: left;
  color: #333333;
  font-size: 14px;
  line-height: 20px;
}
#mercados .subrayado:before {
  border-bottom: 2px solid  #4470b3;
}
#mercados2{
  background: #4470b3;
  padding: 60px 0;
}
#mercados2 h5{
  color: #FFF;
  font-weight: 300;
}
.beneficios-item{
  background: #4470b3;
  padding: 5px;
  text-align: center;
}
#beneficios p{
  margin-top: 10px;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
#nosotros{
  color: #333333;
  font-weight: 500;
}
#nosotros h6{
  font-weight: 800;
  font-size: 26px;
  color: #4470b3;
  font-weight: 700;
  margin-bottom: 20px;
}
.encabezado{
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 5px;
}
#nosotros p{
  margin-bottom: 20px;
}
.formulario{
  background: #FFF;
  color: #666;
  padding: 20px 60px;
}
.formulario-blanco{
  background: #FFF;
}
.formulario h5{
  color: #4470b3;
  text-align: center;
}
.input-border-bottom{
  background: transparent;
  border: 0;
  border-bottom: 1px solid #666;
  padding: 10px 0;
  margin-bottom: 10px;
}
textarea.input-border-bottom, textarea.input-border-bottom:focus{
  background: transparent;
  border: 1px solid #666;
  padding: 10px 0;
  margin-bottom: 10px;
}
.input-border-bottom:focus{
  border-color: #4470b3 !important
}
::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #666;
}
::-moz-placeholder{ /* Firefox 19+ */
  color: #666;
}
:-ms-input-placeholder{ /* IE 10+ */
  color: #666;
}
:-moz-placeholder{ /* Firefox 18- */
  color: #666;
}
.texto-azul{
  color: #4470b3;
}
.productos .texto-azul{
  color: #4470b3 !important;
}
.texto-naranja{
  color: #f28e00;
}
.btn-azul{
  background: #4470b3;
  color: #FFF !important;
  font-weight: 800;
  padding: 10px 40px;
  border: 1px solid #4470b3;
}
.btn-azul:hover{
  background: #FFF;
  color: #4470b3 !important;
  border: 1px solid #4470b3;
}
.btn-blanco{
  background: #FFF;
  color: #666;
  font-weight: 800;
  padding: 10px 40px;
  border: 1px solid #4470b3;
}
.btn-blanco:hover{
  background: #4470b3;
  color: #FFF;
  border: 1px solid #4470b3;
}
#contacto{
  padding-bottom: 0;
}
footer{
  background-color: #FFF !important;
  color: #4470b3;
  font-size: 14px;
}
.footer-widget-area a{
  color: #FFF !important;
  font-size: 12px;
}
footer h6{
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0px;
}
footer .border-right{
  border-color: #4470b3;
}
.footer-strip{
  font-weight: 700 !important;
}
.footer-contacto h6{
  color: #4470b3;
}
.footer-contacto img{
  width: 80px;
}
.modal{
  top: 30%;
}
.texto-slider{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #FFF;
  z-index: 99;
}
.texto-slider h3{
  color: #FFF;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  text-shadow: 2px 2px 8px #000;
}
.texto-slider h5{
  color: #FFF;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}
.texto-slider{
  max-width: 40%;
}
.front{
  width: 100%;
  height: 330px !important;
}
.back{
  color: #4470b3;
  padding: 10px;
  font-size: 13px;
  line-height: 20px;
  /*border: 3px solid #4470b3;*/
}
.carousel, .carousel .item{
  max-height: 800px;
}
.carousel-inner>.item>img{
  display: inline-block;
}
.tapa{
  max-height: 800px;
  background: #000;
  opacity: 0.5;
  height: 800px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.web{
  background: #FFF;
  text-align: left;
  padding: 8px 0;
  color: #4470b3;
  font-size: 12px;
  font-weight: 500;
}
.web a{
  color: #FFF;
  line-height: 20px;
}
.footer-widget-area a:hover, a:active, .footer-widget-area a h6:hover {
  color: #c7dcf9 !important;
}
#roi a:hover, #roi a:active{
  color: #4470b3;
}
.popover{
  z-index: 99;
  color: #FFF;
}
.popover-content{
  color: #FFF;
}
.roi-calc input.form__control, .roi-calc .select-menu select{
  margin: 0;
}
.roi-calc .sub-total{
  margin-top: 25px;
  margin-bottom: 0px;
}
.qr{
  /*float: right;*/
}
.qr img{
  height: 70px;
  width: auto;
}
.lideres p{
  color: #f28e00;
}
.lideres img{
  max-width: 150px;
}
.valign {
  font-size: 0;
}
.valign > [class*="col"] {
  display: inline-block;
  float: none;
  font-size: 20px;
  font-size: 1rem;
  vertical-align: middle;
}
.valign p{
  font-size: 16px;
  margin-bottom: 0;
}
.bg-azul{
  background: #4470b3;
  color: #FFF;
}
.bg-azul h5, .bg-azul h6{
  color: #FFF;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 0;
}
.bg-azul td{
  background: #698dc2;
  color: #FFF;
  text-transform: uppercase;
}
.newsletter .form-control{
  border: 1px solid #FFF;
  background: #FFF;
  border-radius: 0;
  color: #4470b3;
}
.newsletter button{
  background: #FFF;
  border-radius: 0 !important;
  color: #4470b3 !important;
}
.header{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.header1{
  background: url(../images/header1.jpg) no-repeat center center;
  padding: 260px 0;
  height: 600px;
}
.header2{
  background: url(../images/header2.jpg) no-repeat center center;
  padding: 260px 0;
  height: 600px;
}
.header3{
  background: url(../images/header3.jpg) no-repeat center center;
  padding: 260px 0;
  height: 600px;
}
.header h1, .titulo-xs h1{
  background: #4470b3;
  padding: 10px 40px;
  display: inline-block;
  font-size: 22px;
}
.titulo-xs h1{
  display: block;
}
.page-title-small h1{
  color: #FFF;
  font-weight: 800;
}
.introduccion{
  color: #4470b3 !important;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}
.introduccion.text-center{
  text-align: center;
}
.item-ingenieria {
  position: relative;
}
.item-ingenieria img{
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.item-ingenieria:hover .tapa {
  opacity: 0.7;
}
.item-ingenieria:hover .middle {
  opacity: 1;
}
.item-ingenieria .btn{
  border: 1px solid #FFF;
  color: #FFF;
}
.item-ingenieria .tapa{
  background: #f28e00;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.servicio img{
  max-width: 150px;
}
.servicio-tecnico{
  border-bottom: 2px solid #f28e00;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.servicio-tecnico:last-child{
  border-bottom: 0px;
}
.servicio-tecnico h6{
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 0px;
  text-transform: none;
}
.servicio-tecnico p{
  color: #666666;
  font-weight: 500;
}
.aside-title{
  color: #f28e00;
  font-size: 14px;
}
.list-style-6 li{
  color: #666666;
  font-weight: 500;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #f28e00;
}
.list-style-6 li a:hover{
  color: #f28e00;
}
.list-style-6 li:before {
  font-family: FontAwesome;
  content: "\f061";
  margin-right: 20px;
  color: #f28e00;
}
.list-style-6 li.active a{
  color: #f28e00;
}
.aplicacion:before {
  font-family: FontAwesome;
  content: "\f111";
  margin-right: 20px;
  color: #f28e00;
  font-size: 8px;
}
.map-container{
  height: 350px;
}
.equipos h6{
  font-size: 14px;
}
.equipos p{
  font-size: 12px;
  line-height: 17px;
}
.carousel-control.left, .carousel-control.right{
  background-image: none
}
.submenu{
  background: #f28e00;
  color: #FFF;
  font-size: 20px;
  font-weight: 800;
  padding: 20px 0
}
.submenu a{
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
}
.submenu a:hover{
  color: #4470b3;
}
.submenu a.active{
  color: #4470b3;
}
.cuadro .arriba{
  padding: 10px 0;
  font-size: 18px;
  font-weight: 500;
}
.cuadro .abajo{
  font-size: 14px;
  padding: 10px 0;
  font-weight: 500;
}
.cuadro1 .arriba{
  color: #FFF;
  background: #00394c;
}
.cuadro1 .abajo{
  color: #00394c;
  background: #b3c4ca;
}
.cuadro2 .arriba{
  color: #FFF;
  background: #f28e00;
}
.cuadro2 .abajo{
  color: #00394c;
  background: #fcdeb3;
}
.cuadro3 .arriba{
  color: #FFF;
  background: #4470b3;
}
.cuadro3 .abajo{
  color: #00394c;
  background: #feebb3;
}
.cuadro4 .arriba{
  color: #00394c;
  background: #ffd56c;
}
.cuadro4 .abajo{
  color: #00394c;
  background: #fff3d3;
}
a.texto-azul:hover{
  color: #f28e00;
}
a.texto-naranja:hover{
  color: #00394c;
}
.bg-matrix{
  background: url(../images/matrix-bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.brochure{
  background: #FFF;
  color: #00394c;
  padding: 20px 40px;
  font-size: 20px;
  display: inline-block;
  font-weight: 700;
}
.brochure:hover{
  background: #00394c;
  color: #FFF;
}
.list-style-6{
  font-size: 12px;
}
.latest-post li{
  width: 100%;
  padding: 2px 0;
}
.latest-post li div {
  line-height: 25px;
}
.latest-post li:first-child div {
  line-height: 15px;
}
.logo-mixto{
  max-width: 90px;
}
th {
  text-align: left;
}
.table{
  font-weight: 500;
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f2f2f2;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border-top: 0;
  padding: 12px;
}
.table>thead>tr>th {
  border-bottom: 0;
  padding: 12px;
}
.header-contacto a{
  color: #FFF !important;
}
.header-contacto a:hover{
  color: #c7dcf9 !important
}
.tooltip-arrow, .tooltip > .tooltip-inner {
  background-color: #4470b3 !important;
}
.tooltip.top .tooltip-inner {
  background-color: #4470b3;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #4470b3;
}
.borde{
  border: 2px solid #4470b3;
  padding: 20px;
}
@media (max-width: 1199px) {
  .front{
    height: 300px !important;
  }
  .back{
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 991px) {
  .navbar-nav > li {
    width: 100%;
  }
  .modal{
    top: 10%;
  }
  .front{
    height: 280px !important;
  }
  .back{
    font-size: 10px;
    line-height: 14px;
  }
  nav .accordion-menu {
    padding: 0 15px;
  }
  .navbar {
    min-height: 35px;
  }
  .navbar-toggle{
    margin-bottom: 5px;
  }
  nav.navbar.bootsnav{
    position: relative;
  }
  #home {
    margin-top: 0px;
  }
  nav.navbar.bootsnav .navbar-nav {
    background-color: rgba(68, 112, 179, 0.95);
  }
  .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a{
    padding: 18px 15px 18px;
  }
  body{
    padding-top: 0px;
  }
  nav.navbar.bootsnav .navbar-toggle {
    margin-right: 20px;
  }
  .navbar a {
    color: #FFF !important;
  }
  .navbar a.active{
    color: #1e314c !important;
  }
  .productos h5{
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .que-img{
    margin-top: 50px;
  }
  h5{
    line-height: 40px;
  }
  #que2 h5{
    font-size: 20px;
    line-height: 30px;
  }
  header.sticky nav.navbar-fixed-top.header-light{
    background: transparent;
  }
  .texto-slider{
    max-width: 80%;
  }
  .texto-slider h3{
    line-height: 18px;
    font-size: 16px;
  }
  .texto-slider h5{
    line-height: 16px;
    font-size: 14px;
  }
  .front{
    height: 330px !important;
  }
  .back{
    font-size: 14px;
    line-height: 20px;
  }
  .valign p{
    padding: 20px 60px;
  }
  .submenu a{
    margin-bottom: 10px;
    display: inline-block;
  }
  .productos h5{
    margin-top: 0px;
  }
  .header1, .header2, .header3{
    padding: 120px 0;
    height: auto;
  }
  .latest-post li div {
    float: none;
    width: 100%;
    padding-left: 0;
  }
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px 2px;
    font-size: 11px;
  }
  .latest-post .visible-xs {
    display: inline-block!important;
  }
}