@font-face {
  font-family: FiraSansExtraCondensed;
  src: url('../fonts/firasansextracondensed-regular.ttf'),
  url('../fonts/firasansextracondensed-medium.ttf'), 
  url('../fonts/firasansextracondensed-bold.ttf');
}

body{
  background: -moz-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);
  background: -ms-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);
  overflow-x: hidden;
}
@media (min-width: 951px){
  body {
    margin-top: 1px;
  }
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #333;
}

.navbar-default .navbar-toggle {
  border-color: rgb(196,196,196);
}

#barra-superior{
  top: 0px;
  left: 0px;
  height: 5px;
  width: 100%;
  position: absolute;
  z-index: 1;
  background: -moz-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);
  background: -ms-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);
}

#barra-menu{
  top: 5px;
  left: 0px;
  height: 157px;
  width: 100%;
  position: absolute;
  z-index: 100;
  background: -moz-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
  background: -ms-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
}

#logo{
  top: 6px;
  position: relative;
  z-index: 3;
  text-align: center;
}

#barra-atras-logo-izq{
  top: 94px;
  left: 8%;
  right: 50%;
  height: 2px;
  margin-right: 89px;
  position: absolute;
  background: black;
  z-index: 2;
}

#barra-atras-logo-der{
  top: 94px;
  right: 8%;
  left: 50%;
  height: 2px;
  margin-left: 89px;
  position: absolute;
  background: black;
  z-index: 2;
}

.texto-posventa{
  text-decoration-line: underline;
}





@media (max-width: 550px) {

  .redes-numeros{
    visibility: hidden;
  }

  .pie{
    height: 60px;
    width: 100%;
    z-index: 100;
    position: relative;
    top: 162px;
    background: -moz-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
    background: -ms-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);

  }
  .pie-index{
    height: 60px;
    width: 100%;
    z-index: 100;
    position: absolute;
    bottom: 0px;
    background: -moz-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
    background: -ms-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
  }
  .redes {
    right: 8%;
    position: absolute;
    top: 6px;
    z-index: 100;
    margin-right: 160px;
  }
  .numero1 {
    right: 8%;
    position: absolute;
    top: 4px;
    z-index: 100;
  }
  .numero2 {
    right: 8%;
    position: absolute;
    top: 26px;
    z-index: 100;
    text-align: right;
  }
  .whatsapp {
    margin-bottom: 5px;
  }
}

@media (max-width: 550px) and (orientation: portrait) {
  .image-portrait{
    height: calc(100vh - 222px)!important;
    object-fit:cover;
  }
}
@media (min-width: 551px) and (orientation: portrait) {
  .image-portrait{
    height: calc(100vh - 162px)!important;
    object-fit:cover;
  }
}
@media (orientation: landscape){
  .image-portrait{
    height: calc(100vh - 162px)!important;
    object-fit:cover;
  }
}
@media (max-height: 500px) and (orientation: landscape){
  .image-portrait{
    height: 100vh!important;
    object-fit:cover;
  }
}
.image-portrait2{
    height: 100vh!important;
    object-fit:cover;
  }

@media (min-width: 551px) and (max-width: 950px) {

  .pie{
    visibility: hidden;
  }

  .pie-index{
    visibility: hidden;
  }

  .redes {
    right: 8%;
    position: absolute;
    top: 8px;
    z-index: 100;
  }
  .numero1 {
    right: 8%;
    position: absolute;
    top: 41px;
    z-index: 100;
    text-align: right;
  }
  .numero2 {
    right: 8%;
    position: absolute;
    top: 67px;
    z-index: 100;
    text-align: right;
  }
  .whatsapp {
    margin-bottom: 10px;
  }
}

@media (min-width: 951px) and (max-width: 1350px) {

  .pie{
    visibility: hidden;
  }

  .pie-index{
    visibility: hidden;
  }

  .redes {
    right: 8%;
    position: absolute;
    top: 13px;
    z-index: 100;
  }

  .numero1 {
    right: 8%;
    margin-left: 5px;
    position: absolute;
    top: 48px;
    z-index: 100;
    margin-right: 112px;
  }

  .numero2 {
    right: 8%;
    margin-left: 5px;
    position: absolute;
    top: 48px;
    z-index: 100;
  }
  .whatsapp {
    margin-bottom: 10px;
  }
}

@media (min-width: 1351px){

  .pie{
    visibility: hidden;
  }

  .pie-index{
    visibility: hidden;
  }

  .redes {
    right: 8%;
    margin-right: 280px;
    position: absolute;
    top: 48px;
    z-index: 100;
  }

  .numero1 {
    right: 8%;
    margin-left: 5px;
    position: absolute;
    top: 48px;
    z-index: 100;
    margin-right: 112px;
  }

  .numero2 {
    right: 8%;
    margin-left: 5px;
    position: absolute;
    top: 48px;
    z-index: 100;
  }
  .whatsapp {
    margin-bottom: 10px;
  }

}

.numero{
  font-weight: bold;
  font-size: 20px;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  letter-spacing: 0.05em;
  color: rgb(9,61,161);
}

.numero-contactenos{
  font-weight: bold;
  font-size: 18px;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  letter-spacing: 0.05em;
  color: rgb(255,255,255);
}

.menu, .menu-portafolio{
  text-transform: uppercase;
  list-style-type: none;
  font-weight: bold;
  padding: 0;
  font-size: 18px;
  text-align: center;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  letter-spacing: 0.04em;
  position: relative;
  z-index: 2000;
}

.menu a {
  color: black;
}

.menu-portafolio a {
  color: rgb(9,61,161);
  display: block;
}

  .menu li {
    border-image-source: -moz-linear-gradient(0deg, rgb(95,150,226), rgb(9,61,161));
    border-image-source: -webkit-linear-gradient(0deg, rgb(95,150,226), rgb(9,61,161));
    border-image-source: -ms-linear-gradient(0deg, rgb(95,150,226), rgb(9,61,161));
  }

.menu li ul li{
  background: -moz-linear-gradient( 0deg, rgb(165,165,165) 0%, rgb(255,255,255) 50%, rgb(225,225,225) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(165,165,165) 0%, rgb(255,255,255) 50%, rgb(225,225,225) 100%);
  background: -ms-linear-gradient( 0deg, rgb(165,165,165) 0%, rgb(255,255,255) 50%, rgb(225,225,225) 100%);
}

  .menu-portafolio li {
    background: -moz-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
    background: -ms-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
  }

.menu-portafolio li:hover {
  background: #428bca;
}

.menu-portafolio li ul li{
  background: -moz-linear-gradient( 0deg, rgb(235,235,255) 0%, rgb(170,190,255) 50%, rgb(235,235,255) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(235,235,255) 0%, rgb(170,190,255) 50%, rgb(2235,235,255) 100%);
  background: -ms-linear-gradient( 0deg, rgb(235,235,255) 0%, rgb(170,190,255) 50%, rgb(235,235,255) 100%);
}
.menu-portafolio li a:hover > ul {
  background: -moz-linear-gradient( 0deg, rgb(235,235,255) 0%, rgb(170,190,255) 50%, rgb(235,235,255) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(235,235,255) 0%, rgb(170,190,255) 50%, rgb(2235,235,255) 100%);
  background: -ms-linear-gradient( 0deg, rgb(235,235,255) 0%, rgb(170,190,255) 50%, rgb(235,235,255) 100%);
}

.menu-portafolio li ul li ul li {
  background: -moz-linear-gradient( 0deg, rgb(165,165,165) 0%, rgb(255,255,255) 50%, rgb(225,225,225) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(165,165,165) 0%, rgb(255,255,255) 50%, rgb(225,225,225) 100%);
  background: -ms-linear-gradient( 0deg, rgb(165,165,165) 0%, rgb(255,255,255) 50%, rgb(225,225,225) 100%);
}

.menu-portafolio li ul li ul li ul li {
  background: -moz-linear-gradient( 0deg, rgb(170,190,255) 0%, rgb(235,235,235) 50%, rgb(170,190,255) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(170,190,255) 0%, rgb(235,235,235) 50%, rgb(170,190,255) 100%);
  background: -ms-linear-gradient( 0deg, rgb(170,190,255) 0%, rgb(235,235,235) 50%, rgb(170,190,255) 100%);
}

@media (max-width: 767px) {
  .menu a {
    display: block;
  }
  .menu {
  transform: scale(0.7,1);
}
  .menu, .menu-portafolio{
  text-transform: uppercase;
  list-style-type: none;
  font-weight: bold;
  padding: 0;
  font-size: 18px;
  text-align: center;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  letter-spacing: 0.04em;
  position: relative;
  z-index: 2000;
}
  .menu li {
    display: block;
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    border-image-slice: 10;
  }
  .centrar-menu{
    margin: auto;
    width: 130px;
  }
    .menu-portafolio {
    left: 0px;
    right: 0px;
    position: absolute;
    z-index: 2000;
  }
  .menu-portafolio li ul, .menu-portafolio li ul li ul {
    left: 0px;
    right: 0px;
    position: absolute;
    z-index: 2000;
  }
  
  .menu-portafolio a {
    display: block;
    transform: scale(0.7,1);
  }
  .centrar-menu-portafolio{
    margin: auto;
    width: 130px;
  }

  .navbar-collapse {
    border-top: none;
}

  .margen20{
    margin: 20px;
    width: calc(100vw - 40px)!important;
  }
  #menu-portafolio-contenedor{
    position: absolute;
    width: 100%;
    display: block;
    z-index: 4000;
  }
}

@media (min-width: 768px) {
  .menu{
    margin-top: 14px;
  }
  .menu, .menu-portafolio{
  text-transform: uppercase;
  list-style-type: none;
  font-weight: bold;
  padding: 0;
  font-size: 18px;
  text-align: center;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  letter-spacing: 0.04em;
  transform: scale(0.7,1);
  position: relative;
  z-index: 2000;
}
  .menu li {
    display: inline;
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    margin: 0px 25px 0px 25px;
    border-image-slice: 10;
  }
  .menu-portafolio{
    margin-top: 7px;
  }

  .menu-portafolio li {
    display: inline-flex;
    margin-left: 7px;
    margin-right: 7px;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height:0.9;
  }
  .menu-portafolio li ul li ul {
  top: -1px;
  left: 100%;
  }
  .menu-portafolio li ul li ul li{
    top: -3px;
    margin-left: 5px;
  }
  .menu-portafolio li ul li {
  margin-top: 4px;
  }
  .centrar-menu-portafolio {
  margin-left: -25%;
  margin-right: -25%;
}
}

.menu li ul li{
  display: inline;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-image-source: -moz-linear-gradient(0deg, rgb(95,150,226), rgb(9,61,161));
  border-image-source: -webkit-linear-gradient(0deg, rgb(95,150,226), rgb(9,61,161));
  border-image-source: -ms-linear-gradient(0deg, rgb(95,150,226), rgb(9,61,161));
  margin-left: 0px;
  margin-right: 0px;
  border-image-slice: 10;
  margin-top: 5px;
}

.menu li ul li a {
  display: block;
  padding: 3px 8px;
  clear: both;
  font-weight: bold;
  line-height: 1;
  color: #333;
  white-space: nowrap;
}

.menu li a:hover, a:focus {
  color: #093DA1;
  text-decoration: none;

}

.menu-portafolio li ul li {
  display: inline-flex;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 0.9;
  position: relative;
}

.menu-portafolio li ul {

}

.menu-portafolio li ul li a {
  display: inline-flex;
  padding: 3px 8px;
  clear: both;
  font-weight: bold;
  line-height: 1;
  color: #333;
  white-space: nowrap;
  min-width: -webkit-fill-available;
}

.menu-portafolio li a:hover {
  color: white;
  text-decoration: none;
}

.nombre-boton{
  left: 0px;
  top: 4px;
  position: absolute;
  text-transform: uppercase;
  list-style-type: none;
  font-weight: bold;
  font-size: 18px;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  letter-spacing: 0.05em;
  transform: scale(0.85,1);
  color: white;
}

.boton-proyecto{
  padding-left: 93px;

}


.open>.dropdown-menu {
    display: inline-grid;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 0px;
  font-size: 18px;
}


@media (max-width: 767px) {
  #contenido, #contenido2, #contenido4{
    padding-top: 30px;
  }
  #contenido3, #contenido6 {
    padding-top: 0px;
  }
  #contenido5{
    padding-top: 60px;
  }
  #contenido, #contenido2, #contenido7, #contenido6 {
    top: 162px;
    width: 100%;
    position: relative;
    z-index: 1;
    bottom: 0px;
  }
  #contenido3, #contenido4, #contenido5{
    top: 135px;
    width: 100%;
    position: relative;
    z-index: 1;
    bottom: 0px;
  }
  .contenedor-texto {    
    padding-top: 60px;
  }
}

@media (min-width: 768px) {
  #contenido{
    padding-top: 100px;
  }

  #contenido5{
    padding-top: 40px;
  }

  #contenido2{
    padding-top: 60px;
  }
  #contenido3, #contenido6{
    padding-top: 0px;
  }
  #contenido4{
    padding-top: 5px;
  }
  #contenido, #contenido2, #contenido3, #contenido4, #contenido5, #contenido6, #contenido7{
    top: 161px;
    width: 100%;
    z-index: 1;
    bottom: 0px;
    position: relative;
  }  
}

@media (min-width: 992px) and (max-width: 1199px) {
  #contenido, #contenido2 {
    padding-top: 130px;
  }

  #contenido5{
    padding-top: 40px;
  }

  #contenido3, #contenido4{
    padding-top: 5px;
  }
  #contenido, #contenido2, #contenido3, #contenido4, #contenido5, #contenido6, #contenido7{
    top: 162px;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0px;
  }  
}

@media (min-width: 1200px) {
  #contenido, #contenido2{
    padding-top: 55px;
  }
  #contenido5{
    padding-top: 60px;
  }

  #contenido3, #contenido6{
    padding-top: 0px;
  }
  #contenido4{
    padding-top: 5px;
  }
  #contenido, #contenido2, #contenido3, #contenido4, #contenido5, #contenido6, #contenido7{
    top: 162px;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0px;
  }  
}

.texto{
  font-family: 'FiraSansExtraCondensed', sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: white;
  text-align: justify;
  margin-bottom: 60px;
  z-index: -1;
  position: inherit;
}

.oculto{
  display: none;
}

.texto h1, #contenido5 h1, .titulo {
  text-transform: uppercase;
  text-align: center;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  font-size: 24px;
  line-height : 36px;
  display: inline;
  border-style: solid;
  border-width: 0px 0px 4px 0px;
  border-image-source: -moz-linear-gradient(0deg, rgb(255,255,255), rgb(164,165,166));
  border-image-source: -webkit-linear-gradient(0deg, rgb(255,255,255), rgb(164,165,166));
  border-image-source: -ms-linear-gradient(0deg, rgb(255,255,255), rgb(164,165,166));
  border-image-slice: 10;
  color: white;
  position: relative;
  z-index: 100;
}
.texto h2 {
  text-transform: uppercase;
  text-align: center;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  font-size: 22px;
  display: inline;
  border-style: solid;
  border-width: 0px 0px 4px 0px;
  border-image-source: -moz-linear-gradient(0deg, rgb(255,255,255), rgb(164,165,166));
  border-image-source: -webkit-linear-gradient(0deg, rgb(255,255,255), rgb(164,165,166));
  border-image-source: -ms-linear-gradient(0deg, rgb(255,255,255), rgb(164,165,166));
  border-image-slice: 10;
  color: white;
  position: relative;
  z-index: 100;

}
#contenido7 h1 {
  text-transform: uppercase;
  text-align: center;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  font-size: 24px;
  display: inline;
  border-style: solid;
  border-width: 0px 0px 4px 0px;
  border-image-source: -moz-linear-gradient(0deg, rgb(255,255,255), rgb(164,165,166));
  border-image-source: -webkit-linear-gradient(0deg, rgb(255,255,255), rgb(164,165,166));
  border-image-source: -ms-linear-gradient(0deg, rgb(255,255,255), rgb(164,165,166));
  border-image-slice: 10;
  color: white;
  position: absolute;
  z-index: 100;
  margin-left: 30px;
}
.borde-texto{
  text-shadow: 2px 2px 0 #5187d7;
}

.texto-contactenos {
  text-transform: uppercase;
  text-align: center;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  font-weight: normal;
  font-size: 24px;
  display: inline-flex;
  color: white;
  transform: scale(0.75,1);
  margin-left: -22px;
  margin-bottom: -1px;
}

.texto p {
  margin-top: 20px;
}

.contenedor-texto{
  position: relative;
  z-index: -1;
}

.container-fluid .row {
  margin-left: 0px;
  margin-right: 0px;
}

.nopadding {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.ancho100 {
  width: 100%;
}


.imagen{
  margin-bottom: 60px;
}

.imagen250{
  max-width: 250px;
}

#menu-principal .navbar-default {
  background: -moz-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
  background: -ms-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 15%, rgb(255,250,250) 20%, rgb(255,255,255) 25%, rgb(196,196,196) 62%, rgb(255,255,255) 84%, rgb(153,153,153) 100%);
}

#menu-portafolio-contenedor .navbar-default {
  background: -moz-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);
  background: -webkit-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);
  background: -ms-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);}

  .navbar-toggle {
    margin-right: 8%;
  }

  .myCarousel{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .carousel-indicators {
    bottom: 30px;
  }

  .carousel-pie-pagina {
    position: absolute;
    bottom: 0px;
    right: 25px;
    z-index: 10;
    color: black;
    font-weight: bold;
    padding: 0;
    font-size: 18px;
    text-align: center;
    font-family: 'FiraSansExtraCondensed', sans-serif;
    letter-spacing: 0.05em;
    transform: scale(0.85,1);
  }
  .carousel-pie-pagina2 {
    position: relative;
    bottom: 50px;
    margin-bottom: -61px;
    z-index: 10;
    color: #0a3ea2;
    font-weight: bold;
    padding: 0;
    font-size: 18px;
    text-align: center;
    font-family: 'FiraSansExtraCondensed', sans-serif;
    letter-spacing: 0.05em;
    transform: scale(0.85,1);
    background: rgba(255, 255, 255, 0.64);
    max-width: fit-content;
  }

  .carousel-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
  }

  .carousel-indicators .active {
    margin: 0;
    background: -moz-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 50%, rgb(153,153,153) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 50%, rgb(153,153,153) 100%);
    background: -ms-linear-gradient( 0deg, rgb(179,179,179) 0%, rgb(255,255,255) 50%, rgb(153,153,153) 100%);

  }

  .carousel-indicators li {
    display: inline-block;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background: -moz-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);
    background: -ms-linear-gradient( 0deg, rgb(95,150,226) 0%, rgb(9,61,161) 100%);
  }

  @media (max-width: 767px){
    .carousel-indicators li {
      width: 17px;
      height: 17px;
      border-radius: 17px;
    }
    .carousel-indicators .active {
      width: 17px;
      height: 17px;
    }
  }

  @media (min-width: 768px){
    .carousel-indicators li {
      width: 27px;
      height: 27px;
      border-radius: 27px;
    }
    .carousel-indicators .active {
      width: 27px;
      height: 27px;
    }
     .carrusel{
    width: 60%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;  
    }
/*    .carrusel:hover{
    width: 100%;
    max-width: -webkit-fill-available;
    margin-left: 5%;
    margin-right: 5%;
}*/
  }

  .glyphicon {
    font-size: 60px;
    padding-top: 60px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .clientes{
    text-align: center;
  }

  .cliente-logo{
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .numero1-contactenos{
    top: 90px;
    position: absolute;
  }

  .numero2-contactenos{
    top: 156px;
    position: absolute;
  }

  .correo{
    top: 222px;
    position: absolute;
  }

  .redes-contactenos{
    top: 288px;
    position: absolute;
  }

  .direccion-contactenos{
    top: 354px;
    position: absolute;
  }

  @media (max-width: 991px){
   .formulario-xs{
    top: 480px;
  }
}

.form-control {
  border-radius: 0px;
}

.boton-contactenos {
  text-transform: uppercase;
  text-align: center;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  font-weight: bold;
  font-size: 24px;
  display: inline-flex;
  color: white;
  transform: scale(0.75,1);
  margin-left: -10px;
  margin-bottom: -1px;
}
.btn-default {    
    background-color: #5f96e2;
}


.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}

.carousel-control .glyphicon-chevron-right {
  position: initial!important;
  float: right;
}

.izq-index, .der-index {
  top: 50%!important;
  position: absolute!important;
  font-size: 70px!important;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  font-weight: bold;
  transform: scale(0.6,1);
}

.izq-index{
  left: 80px!important;
}

.der-index{
  right: 80px!important;
}

.open {
  left: 0px;
  position: relative;
}

.navbar-nav > li > a {
  padding-top: 0;
  padding-bottom: 0;
}
.mainmenu {
  background-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
  border: 0px !important;
}
.navbar-nav > li:last-child > a {
  padding-right: 0px;
  margin-right: 0px;
}
.dropdown-menu {
  padding: 0px 0;
  margin: 0 0 0;
  background: none;
  border: none;
  box-shadow: none;
}


.breadcrumb {
  padding: 0px 0px;
  margin-bottom: 10px;
  list-style: none;
  background-color: transparent;
  border-radius: 0px;
  text-transform: uppercase;
  list-style-type: none;
  font-weight: 300;
  font-size: 16px;
  font-family: 'FiraSansExtraCondensed', sans-serif;
  letter-spacing: 0.05em;
  transform: scale(0.85,1);
  display: contents;
}

.breadcrumb>li {
  color: rgb(19, 90, 224);
}

.breadcrumb>.active {
  color: white;
}

.product-slider #carousel {  margin: 0; }

.product-slider #thumbcarousel {
  margin: 12px 0 12px 0;
  text-align: -webkit-center;
}

.product-slider #thumbcarousel .item { text-align: center; }

.product-slider #thumbcarousel .item .thumb { border: 2px solid #cecece; width: 20%; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px; }

.product-slider #thumbcarousel .item .thumb:hover { border-color: #1089c0; }

.product-slider .item img { width: 100%; height: auto; }


@media (min-width: 768px) and (orientation: landscape){
  .slider-proyectos {
    height: calc(100vh - 135px)!important;
    object-fit:cover;
  }  
}

@media (max-width: 767px) and (orientation: landscape){
  .slider-proyectos {
    height: calc(100vh - 136px)!important;
    object-fit:cover;
  }  
}
@media (max-height: 500px) and (orientation: landscape){
  .slider-proyectos {
    height: calc(100vh + 26px)!important;
    object-fit:cover;
  }  
}
@media (min-width: 551px) and (orientation: portrait){
  .slider-proyectos {
    height: calc(100vh - 136px)!important;
    object-fit:cover;
  }  
}

@media (max-width: 550px) and (orientation: portrait){
  .slider-proyectos {
    height: calc(100vh - 196px)!important;
    object-fit:cover;
  }  
}

@media (min-width: 500px){
  .centrar-botones-slider {

    width: 35em;
  }
}
.centrar-botones-slider {
  position: relative;
  display: block;
}




.centrar-proyecto, .centrar-index{
  text-align: -webkit-center;
}

.carousel-control { color: #ddd; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: -10%; }

.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }

.carousel-caption, .carousel-control .fa { font: normal normal normal 60px/56px FontAwesome; }
.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; width: auto; }



.carousel-control.left, .carousel-control.right { 
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  opacity: .9!important;
  color: white;
}

.carousel-control.left:hover, .carousel-control.right:hover { 
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  opacity: .9!important;
  color: black;
}

.img-responsive {
  max-width: 100%;
  width: 100vw;
}


.z-index2000 {
  z-index: 2000;
  position: relative;
}



.modal-tamano{
  width: -webkit-fill-available;
}






.modal {
z-index:1;
display:none;
padding-top:10px;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.8)
}

.modal-content {
    margin: auto;
    display: block;
    position: absolute;
    top: 162px;
    left: 20%;
    transform: translate(-10%, 10px);
    width: 80%;
}


.modal-hover-opacity {
opacity:1;
filter:alpha(opacity=100);
-webkit-backface-visibility:hidden
}

.modal-hover-opacity:hover {
opacity:0.60;
filter:alpha(opacity=60);
-webkit-backface-visibility:hidden
}


.close {
  text-decoration:none;
  float:right;
  font-size:24px;
  font-weight:bold;
  color:white;
  top: 152px;
  position: absolute;
  right: 10px;
}
.container1 {
width:200px;
display:inline-block;
}
.modal-content, #caption {   
  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}


@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}