@charset "utf-8";
/* CSS Document */

.margin-top10{
	margin-top:10px
}
.margin-top20{
	margin-top:20px
}
.margin-top30{
	margin-top:30px
}
.margin-top40{
	margin-top:40px
}
.margin-top50{
	margin-top:50px
}
.margin-top60{
	margin-top:60px
}
.margin-top70{
	margin-top:70px
}
.margin-top80{
	margin-top:80px
}
.margin-top90{
	margin-top:90px
}
.margin-top100{
	margin-top:100px
}
.margin-top110{
	margin-top:110px
}
.margin-top120{
	margin-top:120px
}
.margin-top130{
	margin-top:130px
}
.margin-top140{
	margin-top:140px
}
.margin-top150{
	margin-top:150px
}
.margin-bottom10{
	margin-bottom:10px
}
.margin-bottom20{
	margin-bottom:20px
}
.margin-bottom30{
	margin-bottom:30px
}
.margin-bottom40{
	margin-bottom:40px
}
.margin-bottom50{
	margin-bottom:50px
}
.margin-bottom60{
	margin-bottom:60px
}
.margin-bottom70{
	margin-bottom:70px
}
.margin-bottom80{
	margin-bottom:80px
}
.margin-bottom90{
	margin-bottom:90px
}
.margin-bottom100{
	margin-bottom:100px
}
.margin-bottom110{
  margin-bottom:110px
}
.margin-bottom120{
  margin-bottom:120px
}
.margin-bottom160{
  margin-bottom:160px
}
.margin-bottom190{
  margin-bottom:190px
}
.r10{
  margin-right: 10px;
}
.r20{
  margin-right: 20px;
}
.r30{
  margin-right: 30px;
}
.r40{
  margin-right: 40px;
}
.r50{
  margin-right: 50px;
}
.pad-l{
	margin-left: 19px;
	font-size: 20px;
    line-height: 1;
}
.pad-l2{
	margin-left: 19px;
	font-size: 16px;
    line-height: 1;
}
.padt1{
  padding-top: 10px;
}
.padt2{
  padding-top: 20px;
}
.padt3{
  padding-top: 30px;
}
.padt4{
  padding-top: 40px;
}
.padt5{
  padding-top: 50px;
}
.padt6{
  padding-top: 60px;
}
.padt7{
  padding-top: 70px;
}
.padt8{
  padding-top: 80px;
}
.padt9{
  padding-top: 90px;
}
.padt10{
  padding-top: 100px;
}
.padb1{
  padding-bottom: 10px;
}
.padb2{
  padding-bottom: 20px;
}
.padb3{
  padding-bottom: 30px;
}
.padb4{
  padding-bottom: 40px;
}
.padb5{
  padding-bottom: 50px;
}
.padb6{
  padding-bottom: 60px;
}
.padb7{
  padding-bottom: 70px;
}
.padb8{
  padding-bottom: 80px;
}
.padb9{
  padding-bottom: 90px;
}
.padb10{
  padding-bottom: 100px;
}

@font-face {
  font-family: "titles";
  src: url("../fonts/Sony_Sketch_EF.ttf");
}
@font-face {
  font-family: "text";
  src: url("../fonts/Agenda-Medium.ttf");
}
h1, h2, h3{
	color: #0f3578 !important;
	font-family: sans-serif;
	text-transform: uppercase;
	line-height: 1 !important;
}
p, li{
	font-family:  sans-serif;
	font-size: 16px;
	color: #202a3b;
}
.green{
	color: #9fc930 !important
}
.blue{
	color: #0f3578 !important
}
.blue2{
  color: #0f55d0 !important
}
.cuote{
	font-style: italic !important;
}
.tj{
  text-align: justify;
}
.wfull{
  width: 100%;
}
/**********************************************************Menu*************************************************/
.logo-w{
  width:260px;
}
.navbar-brand img{
  width: 260px;
}
.header{
  background-color: rgba(255, 255, 255, 0.93);
  position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.header1{
  background-color: rgba(255, 255, 255, 0.93);
}
.menu-top{
	margin-top: -19px;
}
.navbar-text{
  font-weight: 600;
}
.navbar-light .navbar-nav .nav-link{
  font-weight: 600;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(43, 85, 151) !important;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(43, 85, 151) !important;
}
.dropdown-item{
  font-weight: 600 !important;
}
.redes{
	margin-top: -61px;
	background-color: #9fc930;
    margin-bottom: -13px !important;
}
.redes:before{
	content: '';
	/*clip-path: ellipse(98% 99% at 98% 99%);*/
	    clip-path: ellipse(116% 161% at 111% 160%);
    height: 100%;
    width: 12%;
    background-color: #9FC930;
    position: absolute;
    z-index: 1;
    margin-left: -13%;
}
.redes-mov{
	background-color: #9fc930;
}


.dropdown-item:focus, .dropdown-item:hover {
    color: #2b5597 !important;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-menu{
  margin-top: -9px !important;
}


.dropdown-toggle::after {
    font-family: "FontAwesome" !important;
    content: "\f107" !important;
    margin-left: 0.1em !important;
    margin-right: 0.5em !important;
    vertical-align: 0em !important;
    border-top: 0em solid !important;
    border-right: 0em solid transparent !important;
    border-bottom: 0 !important;
    border-left: 0em solid transparent !important;
}


/********************************************Carrusel*****************************************/
/********************************************Carrusel*****************************************/
.carousel-full {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-mfull {
  height: 70vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-sfull {
  height: 50vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    z-index: 15;
    padding-bottom: 0;
    margin-top: 15%;
    margin-bottom: 4%;
    list-style: none;
    display: block !important;
    margin-left: 5% !important;
}
.carousel-indicators li {

    border: 1.5px solid #ffffff;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 25px !important;
    height: 25px !important;
    margin-top: 10px;
    margin-bottom: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5);
    border-radius: 100%
}

.carousel-indicators .active {
    background-color: #1860aa;
}

.carousel-caption {
    position: absolute;
    right: 20% !important;
    bottom: 20px;
    left: 20% !important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    width: 60%;
}

.caption-alert{
    position: absolute;
    left: 16%;
    left: 25%;
    top: 90px;
    z-index: 10;
    color: #000565;
}

.btn-slide2{
  color: #fff;
    background-color: #7b12b2;
    border-color: #ffffff;
    border-radius: 9999em 9999em 9999em 9999em;
    width: 70%;
    height: 45px;
    font-family: 'Nunito', sans-serif;
}

.btn-slide3{
  color: #fff;
    background-color: #1961ab;
    border-color: #ffffff;
    border-radius: 9999em 9999em 9999em 9999em;
    width: 80%;
    height: 45px;
    font-family: 'Nunito', sans-serif;
}
.txt-sld{
  color: #d5dde6 !important;
  font-size: 53px !important;
}

/*pantallas pequeñas */
@media (max-width: 765px) { 
  .carousel-caption {
      left: 12%;
      right: 7%;
      bottom: 15%;
  }

  .carousel-caption-banner {
      left: 12%;
      right: 7%;
  }

  .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    z-index: 15;
    padding-bottom: 0;
    margin-top: 15%;
    margin-bottom: 25%;
    list-style: none;
    display: block !important;
    margin-left: 5% !important;
  }
}
/*estilo de caption*/
.display-4 {
    font-size: 2.5rem;
    font-weight: 350;
    line-height: 1;
    text-align: right;
}
.lead {
    font-size: 1rem;
    font-weight: 200;
    text-align: right;
}


.txt-slide1{    
  width: 33%;
    /* margin-right: 51%; */
    margin-left: -22%;
    margin-bottom: 6%;
}

.h3d{
  height: 80vh;
  background:url(../image/3d.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.hcorte{
  height: 80vh;
  background:url(../image/corte.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.hdoblez{
  height: 80vh;
  background:url(../image/doblez.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.hinsertos{
  height: 80vh;
  background:url(../image/insertos.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.hsoldadura{
  height: 80vh;
  background:url(../image/soldadura.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.hensamble{
  height: 80vh;
  background:url(../image/ensamble.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.serv-txt a{
  text-decoration: none !important;
}
/*************************************************************Titulos*****************************************/
.title-sec{
  font-size: 30px !important;
}

/*****************************************************Somos*************************************************/
.cm-txt{
  border: 2px solid #0f3578;
  border-radius: 6px;
  padding-left: 21px !important;
  padding-right: 21px !important;
  padding-top: 21px !important;
  padding-bottom: 21px !important;
  background: #ebebeb;
}
.pend{
  border: 3px solid #0f3578
}
.pend1-ico{
    margin-left: 63px;
    margin-top: 13px;
    padding-top: 19px;
}
.pend1-ico:before{
  content: '';
    background-image: url(../image/mision-icon.svg);
    background-repeat: no-repeat;
    height: 51px;
    width: 51px;
    position: absolute;
    z-index: 1;
    margin-left: -13%;
    margin-top: -21px;
}
.pend2-ico{
    margin-left: 63px;
    margin-top: 13px;
    padding-top: 19px;
}
.pend2-ico:before{
  content: '';
    background-image: url(../image/vision-icon.svg);
    background-repeat: no-repeat;
    height: 51px;
    width: 51px;
    position: absolute;
    z-index: 1;
    margin-left: -13%;
    margin-top: -21px;
}
.nosotros, .contacto{
  background: url(../image/div.png);
  background-repeat: no-repeat;
  background-position: top;
}
.nosotros-back{
  background: url(../image/nosotros-back.png);
}
.somos h1{
  font-size: 33px
}
.somos h3{
  font-size: 26px
}
.nosotros h1{
  font-size: 33px
}
.nosotros h3{
  font-size: 26px
}
.btn-info {
    color: #fff;
    background-color: #053b80 !important;
    border-color: #03295a !important;
}
.btn-info:hover {
    color: #fff;
    background-color: #02244e !important;
    border-color: #011329 !important;
}
/****************************************************Servicios*******************************************/
.sliderh{
  background: url(../image/back-slider.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.servicios{
  background: url(../image/servicios.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.servicios h2{
  font-size: 23px;
}
.serv-txt{
  padding-right: 9% !important;
  margin-top: -9% !important
}
.serv-txt h3{
  font-weight: 700;
  font-size: 33px;
}
.serv-txt p{
  font-weight: 600;
  font-size: 18px;
}
.servicios a:hover {
    color: #d5dde6 !important;
    text-decoration: underline;
}
/*****************************************************Productos*******************************************/
.productos{
  background: url(../image/prod-back3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.tit-prod{
  color: #fff !important;
    text-shadow: -2px 2px 6px #000;
}
.prod-txt3{
  font-size: 25px;
    text-shadow: -2px 2px 6px #000;
    margin-bottom: 0rem;
}
.prod-div{
  height: 233px;
  width: 100%;
  overflow: hidden;
  padding-right: 0 !important;
    padding-left: 0 !important;
    margin: 1.66%;
    box-shadow: 3px 3px 8px 3px #3e3e3e;
    background: url(../image/marco.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.btn-prod{
  width: 100%;
    height: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
.marco-prod{
  position: absolute;
     top: 30%;
     left: 0;
     width: 100%;
     background: rgba(5, 59, 128, 0.75);
     padding: 20px 23px;
     font-size: 23px !important;
     text-transform: uppercase;
     letter-spacing: 1px; 
     color: #fff;
     border-radius: 1px 1px 0 0;
     z-index: 100;   
}
.marco-prod h2{
font-size: 23px !important;
color: #d5dde6 !important;
}
.racks{
  background-image: url(../image/rack.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.prod-div:hover .trigger .racks,
.prod-div:focus .trigger .racks {
  transform: scale(1.3) rotate(3deg);
}
.racks::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.prod-div:hover .trigger .racks:before,
.prod-div:focus .trigger .racks:before {
  display: block;
}




.kioskos{
  background-image: url(../image/kiosko.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.prod-div:hover button .kioskos,
.prod-div:focus button .kioskos {
  transform: scale(1.3) rotate(3deg);
}
.kioskos::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.prod-div:hover button .kioskos:before,
.prod-div:focus button .kioskos:before {
  display: block;
}


.lockers{
  background-image: url(../image/locker.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.prod-div:hover button .lockers,
.prod-div:focus button .lockers {
  transform: scale(1.3) rotate(3deg);
}
.lockers::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.prod-div:hover button .lockers:before,
.prod-div:focus button .lockers:before {
  display: block;
}





.estanterias{
  background-image: url(../image/estanteria.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.prod-div:hover button .estanterias,
.prod-div:focus button .estanterias {
  transform: scale(1.3) rotate(3deg);
}
.estanterias::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.prod-div:hover button .estanterias:before,
.prod-div:focus button .estanterias:before {
  display: block;
}



.gabinetes{
  background-image: url(../image/gabinete.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.prod-div:hover button .gabinetes,
.prod-div:focus button .gabinetes {
  transform: scale(1.3) rotate(3deg);
}
.gabinetes::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.prod-div:hover button .gabinetes:before,
.prod-div:focus button .gabinetes:before {
  display: block;
}




.iziModal-navigate>button {
    position: fixed;
    bottom: 0;
    top: 0;
    border: 0;
    height: 100%;
    width: 84px;
    background-size: 100%!important;
    cursor: pointer;
    padding: 0;
    opacity: 0.6 !important;
    transition: opacity .3s ease;
    pointer-events: all;
    margin: 0;
    outline: 0;
    text-decoration: none;
}


/*****************************************************Contacto********************************************/
.contacto-back{
  background: #e3e3e3;
}
.contacto{
 background: url(../image/contactob.png);
    background-repeat: no-repeat;
    background-position: 83% 50%;
    background-attachment: fixed;
}
.contacto-sec{
	padding-bottom: 60px;
	
}
.contacto-sec h1{
	padding-top: 15px;
	padding-bottom: 15px;
}
.direccion-ico:before{
	content: '';
	/*clip-path: ellipse(98% 99% at 98% 99%);*/
	background-image: url(../image/direccion-icp.svg);
    height: 30px;
    width: 30px;
    position: absolute;
    z-index: 1;
    margin-left: -11%;
}
.telefono-ico:before{
	content: '';
	/*clip-path: ellipse(98% 99% at 98% 99%);*/
	background-image: url(../image/telefono-ico.svg);
    height: 30px;
    width: 30px;
    position: absolute;
    z-index: 1;
    margin-left: -11%;
}
.mail2-ico:before{
	content: '';e
	/*clip-path: ellipse(98% 99% at 98% 99%);*/
	background-image: url(../image/mail2-ico.svg);
    height: 30px;
    width: 30px;
    position: absolute;
    z-index: 1;
    margin-left: -11%;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #ffffffd9 !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input#name:valid, textarea:valid {
    background: white url(data:image/svg+xml, <svg width="26" height="26"> <circle cx="…one" stroke="white" stroke-width="2" d="M5 15.2l5 5 10-12"/> </svg>) no-repeat 98% 5px;
    border: 3px solid #3599b2 !important;
    transition: background ease 0.2s;
}
/******************************************************Footer******************************************************/
.footer{
  background: #0f3578;
}
.footer p{
	color: #e3e3e3;
	line-height: 1;
}
.footer a{
  color: #e3e3e3;
}
.footer-txt{
	font-size: 13px;
}
/*.footer:before{
	content: '';
	clip-path: ellipse(52% 26% at 50% 100%);
    height: 37%;
    width: 100%;
    background-color: #2b5597;
    z-index: 0;
    margin-top: -17%;
    position: absolute;
    margin-left: -50%;
}*/
/****************************************************Servicios****************************************************/


/**********************************************************Aviso P***********************************/
.aviso h1{
  color: #9fc930 !important;
}
.aviso-txt{
  background: url(../image/back-aviso.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-attachment: fixed;
}

/**************************************************Gelerias Interiores****************************************/

.gallery-div{
  height: 300px;
  width: 90%;
  overflow: hidden;
  padding-right: 0 !important;
    padding-left: 0 !important;
    margin: 0;
    box-shadow: 3px 3px 8px 3px #3e3e3e;
    background: url(../image/marco.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.btn-gallery{
  width: 100%;
    height: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
.marco-gallery{
  position: absolute;
     top: 30%;
     left: 0;
     width: 100%;
     background: rgba(5, 59, 128, 0.75);
     padding: 20px 23px;
     font-size: 23px !important;
     text-transform: uppercase;
     letter-spacing: 1px; 
     color: #fff;
     border-radius: 1px 1px 0 0;
     z-index: 100;   
}
.marco-gallery h2{
font-size: 23px !important;
color: #fff !important;
}


.g3d{
  background-image: url(../image/3db.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.gallery-div:hover .trigger .g3d,
.gallery-div:focus .trigger .g3d {
  transform: scale(1.3) rotate(3deg);
}
.g3d::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.gallery-div:hover .trigger .g3d:before,
.gallery-div:focus .trigger .g3d:before {
  display: block;
}

.gcorte{
  background-image: url(../image/corteb.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.gallery-div:hover .trigger .gcorte,
.gallery-div:focus .trigger .gcorte {
  transform: scale(1.3) rotate(3deg);
}
.gcorte::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.gallery-div:hover .trigger .gcorte:before,
.gallery-div:focus .trigger .gcorte:before {
  display: block;
}

.gdoblez{
  background-image: url(../image/doblezb.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.gallery-div:hover .trigger .gdoblez,
.gallery-div:focus .trigger .gdoblez {
  transform: scale(1.3) rotate(3deg);
}
.gdoblez::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.gallery-div:hover .trigger .gdoblez:before,
.gallery-div:focus .trigger .gdoblez:before {
  display: block;
}

.ginsertos{
  background-image: url(../image/insertosb.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.gallery-div:hover .trigger .ginsertos,
.gallery-div:focus .trigger .ginsertos {
  transform: scale(1.3) rotate(3deg);
}
.ginsertos::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.gallery-div:hover .trigger .ginsertos:before,
.gallery-div:focus .trigger .ginsertos:before {
  display: block;
}

.gsoldadura{
  background-image: url(../image/soldadurab.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.gallery-div:hover .trigger .gsoldadura,
.gallery-div:focus .trigger .gsoldadura {
  transform: scale(1.3) rotate(3deg);
}
.gsoldadura::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.gallery-div:hover .trigger .gsoldadura:before,
.gallery-div:focus .trigger .gsoldadura:before {
  display: block;
}

.gensamble{
  background-image: url(../image/ensambleb.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.gallery-div:hover .trigger .gensamble,
.gallery-div:focus .trigger .gensamble {
  transform: scale(1.3) rotate(3deg);
}
.gensamble::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.gallery-div:hover .trigger .gensamble:before,
.gallery-div:focus .trigger .gensamble:before {
  display: block;
}

.gotros{
  background-image: url(../image/otrosb.png);
  height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.7s ease;
}
.gallery-div:hover .trigger .gotros,
.gallery-div:focus .trigger .gotros {
  transform: scale(1.3) rotate(3deg);
}
.gotros::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52, 73, 94, 0.75);
}

.gallery-div:hover .trigger .gotros:before,
.gallery-div:focus .trigger .gotros:before {
  display: block;
}

button:focus {
    outline: 0px dotted !important;
    outline: 0px !important;
}

@media (min-width: 1880px){
  /*.footer:before{
  content: '';
  clip-path: ellipse(52% 26% at 50% 100%);
    height: 37%;
    width: 100%;
    background-color: #2b5597;
    z-index: 0;
    margin-top: -17%;
    position: absolute;
    margin-left: -50%;
}*/
.full-h{
  min-height: 79vh;
}




}



@media (min-width: 1700px){
 /* .footer:before{
  content: '';
  clip-path: ellipse(52% 26% at 50% 100%);
    height: 37%;
    width: 100%;
    background-color: #2b5597;
    z-index: 0;
    margin-top: -15%;
    position: absolute;
    margin-left: -50%;
}*/
}


@media (min-width: 1440px){
  /*.footer:before{
  content: '';
  clip-path: ellipse(52% 26% at 50% 100%);
    height: 37%;
    width: 100%;
    background-color: #2b5597;
    z-index: 0;
    margin-top: -19%;
    position: absolute;
    margin-left: -50%;
}*/

.full-h{
  min-height: 79vh;
}


}




@media (min-width: 770px){
	.mov{
		display:none !important
	}
}
@media (max-width: 769px){
	.desk{
		display:none !important
	}

  .navbar-brand img{
  width: 190px;
}

.redes-ico{
  float: left !important;
  position: relative;
}

.header{
  background-color: rgba(255, 255, 255, 0.93);
  position: static;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.ml3{
  margin-left: 3% !important;
}
.marco-prod h2 {
    font-size: 16px !important;
    color: #fff !important;
}
.fixed-top {
    position: relative !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.carousel-mfull {
  height: 20vh;
  min-height: 190px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.txt-sld {
    color: #e3e3e3 !important;
    font-size: 16px !important;
}

.h3d{
  height: 30vh;
  background:url(../image/3d.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.hcorte{
  height: 30vh;
  background:url(../image/corte.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.hdoblez{
  height: 30vh;
  background:url(../image/doblez.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.hinsertos{
  height: 30vh;
  background:url(../image/insertos.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.hsoldadura{
  height: 30vh;
  background:url(../image/soldadura.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.hensamble{
  height: 30vh;
  background:url(../image/ensamble.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}



.carousel-caption {
    position: absolute;
    right: 0%;
    bottom: -15% !important;
    left: 50% !important;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
  width: 60% !important;
  opacity: 0;
  transition-delay: 1.5s 
}

.carousel-caption img{

  width: 100%;
}

.carousel-caption2 {
    position: absolute;
    right: 0%;
    bottom: -3% !important;
    left: 50% !important;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
  width: 60% !important;
  opacity: 0;
  transition-delay: 1.5s 
}

.carousel-caption2 img{

  width: 100%;
}
}


.no-gutters {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  > .col,
  > [class*="col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }