* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

/* - - - - - - - - - -  SITIO EN CONSTRUCCIÓN - - - - - - - - - -*/

/* - - - - - - - - - -  FIN SITIO EN CONSTRUCCIÓN - - - - - - - - - -*/
.siteConstruccion {
	background: url(../img/maquinados_4.jpeg) no-repeat center center;
	background-size: cover;
	height: 100vh;
	position: relative;
	color: #fff;
	text-align: center;
}

.sectionOverlay {
	background: linear-gradient(#036FA2,#0095DB);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 80%;
}


.infoContainer img {
	width: 40%;
	margin: 0 auto;
}

.infoContainer i.fas.fa-tools {
	color: #fff;
	font-size: 3em !important;
	padding: 0;
}

.dataContainer p, .dataContainer i {
	color: #fff;
}

.dataContainer i {
	margin: 0;
}

.dataContainer a {
	text-decoration: none;
	color: #fff;
	transition: 0.5s;
}

.dataContainer a:hover {
	color: #fff;
	text-decoration: none;
}

.BorderRight {
	border-right: 1px solid rgba(255,255,255,0.2);
}
/* - - - - - - - - - -  MENÚ - - - - - - - - - -*/

.navbarData span {
	color: #fff;
	margin: 0 1em;
}


.navbarData span i {
	color: #fff!important;
	font-size: 1em !important;
}

.navbarData {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500;
	padding: 0.3em;
	text-align: center;
	background: #00264D;
}

.navbarData a img {
	width: 2%;
	margin: 0 0.5em;
}

.navbarData a {
	color: #fff;
	text-decoration: none;
	transition: 0.5s;
}


.nav-logo {
	max-width: 22%; 
}

.navbar-brand.baterias {
	font-family: 'Roboto',sans-serif;
	font-weight: 700;
	color: rgb(255,0,0);
	text-transform: uppercase;
}

header {
	position: relative;
	z-index: 1000000;
}

p {
	font-size: 1.15em;
}

.navbar{ 
	background: #0095DB !important;
	transition: 0.5s;
	padding: 3em 3em 1em ;
 }

.navbar.scrolled {
	background: rgba(255,255,255,0.9) !important;
	transition: 0.5s;
}

.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: #EFEFEF;
}

.navbar-light .navbar-nav .active>.nav-link:hover {
	color: red;
}

a.nav-link.hover_link {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1em;
    position: relative;
    transition: 0.5s;
} 

a.nav-link.hover_link:before {
	content:'';
	width: 0;
	height: 5px;
	background: #FFF;
	position: absolute;
	top: 100%;
	left: 0;
	transition: .5s;
}

ul.navbar-nav.ml-lg-auto li.nav-item:hover a.nav-link.hover_link:before {
	width: 100%;
}

a.nav-link.hover_link:hover {
	color: #EFEFEF !important;
}

/* - - - - - - - - - - FIN  MENÚ - - - - - - - - - -*/
div.Name {
	width: 100%;
	position: absolute;
	top: 30%;
	z-index: 1;
}

.Name p {
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 1.5em;
	text-align: center;

}
/* - - - - - - - - - - SLIDER - - - - - - - - - -*/

.carousel-inner img {
	width: 100%;
}

.carousel-caption img {
	max-width: 30%;
	margin-bottom: 1em;
}

.carousel-inner .carousel-item {
	height: 100vh;
	width: 100%;
	position: relative;
}

.carousel-overlay {
	position: absolute;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.carousel-item h1 {
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 3em;
	margin-bottom: 1em;

}

.carousel-item p {
	color: #CFCFCF;
}

.carousel-caption {
	position: absolute;
	top: 45%;
}

a.btn-caption {
	padding: 0.6em 2em;
	background: #0095DB;
	color: #fff;
	margin-top: 1em;
	text-decoration: none;;
	border-radius: 1em;
	font-size: 1em;
	transition: 0.5s;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
}

a.btn-caption:hover{
	background: #fff;
	color: #0095DB;
}

/* - - - - - - - - - - SLIDER - - - - - - - - - -*/
/* - - - - - - - - - -  BODY - - - - - - - - - -*/

h2 {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}

p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	color: rgb(137,137,137);
}

section {
	padding: 5em 0;
}

/* - - - - - - - - - -  BODY - - - - - - - - - -*/

/* - - - - - - - - - -  NOSOTROS - - - - - - - - - -*/
.sectionUs {
	text-align: justify;
}

.sectionUs h2 {
	text-align: left;
}

.textUs p {
	color: #fff;
	text-align: left;
}

i.fas.fa-eye {
    font-size: 1em !important;
    margin: 0;
}

i.fas.fa-eye:hover {
	color: #fff;
}

.usContent {
	display: flex;
	align-items: center;
}

.us-item {
	overflow: hidden;
	display: flex;
	align-items: center;
}

.us-img img {
	width: 100%;
}

.btn-us {
	width: 100%;
	background: #fff;
	color: #0095DB;
	border: 1px solid #0095DB !important;
	text-transform: uppercase;
	font-family: "Open Sans" sans-serif;
}

.btn-us:hover {
	background:  #0095DB;
}

div.card.card-body {
	font-family: "Roboto" sans-serif;
	color: #fff;
	font-size: 0.9em;
	background:  #0095DB;
}

/* - - - - - - - - - -  FIN NOSOTROS - - - - - - - - - -*/
/* - - - - - - - - - -  SERVICIOS - - - - - - - - - -*/
.sectionService {
	font-family: 'Roboto', sans-serif;
	background: #EFEFEF;
}

.sectionService h2 {
	text-align: center;
}


.card {
	position: relative;
	margin: 1.2em 0;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

.card .post-image {
	height: 300px;
}

.card .post-image img {
	transition: 0.5s;
	width: 150%;
}


.infoContainer {
	text-align: center;
	transition: .5s;
}


.infoContainer .imgBx img {
	width: 25%;
}

.infoContainer .textContent h5 {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 0.7em 0;
	color: #0095DB;
}

.infoContainer .textContent p {
	font-family: "Roboto", sans-serif;
	font-size: 0.9em;
} 

.paileria {
	bottom: -143px;
	transition: .5s;
}

.paileria:hover .textContent {
	bottom: 5px;
}

.fas, .fal, .far, .fab {
	font-size: 2em !important;
	margin-bottom: .9em;
}

div.row.mainContainerBx div.col-md-3 a {
	color: #0095DB;
	padding: 0.7em 1.5em;
	border: 1px solid #0095DB;
	margin-top: 0.8em;
	text-decoration: none;
	position: relative;
	transition: 0.5s;
}

div.row.mainContainerBx div.col-md-3 a:hover {
	background: #0095DB;
	color: #fff;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
}


.mainContainerBx {
	text-align: center;
    margin-bottom: 3em;
}

.infoContainer {
	height: 150px;
}

div.card.card-body.textUs ul {
	list-style: none;
	text-align: center;
}

/* - - - - - - - - - -  FIN SERVICIOS - - - - - - - - - -*/
/* - - - - - - - - - -  MAQUINARIA - - - - - - - - - -*/
.maquina-margin {
	margin-bottom: 1em;
}

.maquinasBox {
	text-align: center;
}

.machineContainer {
	height: 14em;
	overflow: hidden;
}
.machineContainer img {
	width: 100%;
}

.maquinasBox h4 {
	margin: 1em auto;
}

a.boton-info {
	position: relative;
	padding: 0.5em;
	width: 50%;
	margin: 0 auto;
	border: 2px solid #0095DB;
	font-family: "Open Sans" sans-serif;
	color: #0095DB;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	overflow: hidden;
	transition: 0.5s;
}

a.boton-info:hover {
	color: #fff;
}

a.boton-info:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0095DB;
	transform: translateX(100%);
	transition: 0.5s;
	z-index: -1;
	color: #fff;
}

a.boton-info:hover:before {
	transform: translateX(0%);
}

h5.mb-0 button {
	color: #0095DB;
	text-decoration: none;
	font-size: 0.8em;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	transition: .5s;
}

h5.mb-0 button:hover {
	color: #898989;
	text-decoration: none;
}	

div.card-header {
	background: #fff;
}

.card-body {
	background: #0095DB;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 0.9em;
}

.card-body ul.listBx li {
	list-style: none;
}

/* - - - - - - - - - -  FIN MAQUINARIA - - - - - - - - - -*/
/* - - - - - - - - - -  PORTAFOLIO  - - - - - - - - - -*/

.sectionPortfolio {
	background: #fff;
}

/* - - - - - - - - - - FIN PORTAFOLIO  - - - - - - - - - -*/
/* - - - - - - - - - - PRODUCTS  - - - - - - - - - -*/
p.Productos_subtitle {
	text-align: center;
}

.sectionProductos {
	background: #EFEFEF;
}

.listShowContent  {
	display: flex;
	justify-content: center;
	align-items: center;
}

.imgShow {
	width: 100%;
	margin: 50px auto 20px;
}

.imgShow img {
	width: 100%;
	border: 4px solid #fff;
	box-shadow: 0 5px 25px rgba(0,0,0,0.5);
}


ul.thumb {
	margin: 0 auto;
	padding: 0;
}

ul.thumb li {
	list-style: none;
	margin: 0 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-family: "Open Sans",sans-serif;
	transition: ease 0.5s;
}

ul.thumb li:hover {
	background: #F0EFEF;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

ul.thumb li a {
	text-decoration: none;
	color: #898989;
}

.thumb li a i.fas.fa-chevron-right {
	font-size: 0.8em !important;
    margin-right: 1em;
    margin-bottom: 0;
}
/* - - - - - - - - - - FIN PRODUCTS  - - - - - - - - - -*/
/* - - - - - - - - - -  CAROUSEL  - - - - - - - - - -*/
.carouselLogo {
	text-align: center;
}

.owlImgContent {
	width: 70%;
    opacity: 30%;
    transition: 0.5s;
    height: 12em;
    margin: 2em auto;
    display: flex;
    align-items: center;
    padding: 1em;
}

.owlImgContent:hover {
	opacity: 100%;
}

.owlImgContent img {
	width: 110% !important;
}

div.item.owlImgContent.ImgJob {
	padding: 0 !important;
	margin: 0 auto !important;
	width: 100%;
	opacity: 100%;
}


/* - - - - - - - - - -  FIN CAROUSEL  - - - - - - - - - -*/
/* - - - - - - - - - - CONTACTO  - - - - - - - - - -*/
section.contacto {
	background: #fff;
	position: relative;
	background-size: cover; 
	padding: 3em;
}

.formBox {
	max-width: 50%;
	margin: 0 auto;
	margin-bottom: 2em;
}

label {
	color: #383838;
	margin-right: 1em;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}

input, select, textarea {
	background: transparent; !important;
	color: #fff;
	border-radius: 5px;
	border-color: red;
	margin-right: 20px;
	transition: 0.5s;
}

input:focus, input:hover, textarea:hover {
	box-shadow: #0095DB;
	background: rgba(137,137,137,0.1) !important;
}

.select-group {
	text-align: center;
}

form input:focus, form textarea:focus {
	outline-color: #D70036;
}

input.btnForm {
	background: #0095DB;
	width: 100%;
	margin-top: 1em;
	color: #fff;
	padding: .6em;
	border-radius: .6em;
	font-family: 'Open Sans', sans-serif;
	transition: all .5s ease;
	cursor: pointer;
	border: none;
}

input.btnForm:hover {
	background: rgba(255,0,0,0.6) !important;
}

.form-control {
	color: #fff;
	border-color: #0095DB;
}
/* - - - - - - - - - -  FIN CONTACTO - - - - - - - - - -*/
.sectionName {
	height: 50vh;
	background: url(../img/maquinados_7.jpeg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

.sectionTitle {
	position: absolute;
	top: 60%;
	left: 0;
	text-align: center;
	width: 100%;
}

.sectionTitle h1 {
	text-transform: uppercase;
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
}


/* - - - - - - - - - -  FOOTER - - - - - - - - - -*/

footer {
	background: linear-gradient(#036FA2,#0095DB);
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: .7em;
	padding: 3em;
	color: #fff;
}

.contentBorderRight {
	border-right: 1px solid rgba(255,255,255,0.2);
}

.footerContent img {
	width: 80%;
}


.footerContent {
	color: #fff;
    max-width: 100%;
    text-align: left;

}


.DataFooter i {
	margin: 0 0.5em 0.5em 0;
	color: #fff;
	font-size: 1em !important;
}

.DataFooter li {
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	color: #fff;
	list-style: none;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 0.8em;
}

.DataFooter li a { 
	color: #fff;
	text-decoration: none;
 }

.footerContent h5 {
	font-weight: 700;
    text-transform: uppercase;
}

.linksFooter a {
	color: #fff;
	text-decoration: none;
	list-style: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
}

.linksFooter a:hover{
	color: #D5D5D5;
}

.linksFooter a li {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 0.5em;
}

li i.fa-chevron-circle-right {
	font-size: 0.8em !important;
	color: #fff;
	margin-right: 0.8em;
}

.socket {
	padding: 1.5em;
	background: #00264D;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
}


.socket p {
	margin: 0;
	color: #fff;
	text-align: center;
}

.socket p a {
	text-decoration: none;
	transition: 0.5s;
}

.socket p a:hover{
	color: #fff;
}



.socket h5 {
	margin: 0;
}
/* - - - - - - - - - -  FOOTER - - - - - - - - - -*/
/* - - - - - - - - - -  RESPONSIVE - - - - - - - - - -*/
@media (min-width: 1024px) {
	.galeria_item {
		width: 21%;
		margin: 1px;
	}
}

@media (max-width: 1024px) {
	.carousel-inner img {
		height: 100vh;
	}

	.formBox {
    	max-width: 100%;
    	margin: 0 auto;
    	margin-bottom: 2em;
	}

	.BorderRight {
		border-right: none;
	}

	.infoContainer img {
		width: 65%;
		margin: 0 auto;
	}
}

@media (max-width: 414px) {
	.carousel-caption {
    	position: absolute;
    	top: 36%;
    	text-align: center;
}

	.carousel-caption h1 {
		font-size: 1.8em;
		}

	.infoContainer img {
		width: 65%;
		margin: 0 auto;
	}
}



/* - - - - - - - - - -  FIN RESPONSIVE - - - - - - - - - -*/