/* GLOBAL STYLES
-------------------------------------------------- */


/* CSS */

@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/Open_Sans/static/OpenSans-Bold.eot?') format('eot'), 
url('../fonts/Open_Sans/static/OpenSans-Bold.ttf') format('truetype');
	font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/Open_Sans/static/OpenSans-Medium.eot?') format('eot'), 
url('../fonts/Open_Sans/static/OpenSans-Medium.ttf') format('truetype');
	font-display: swap;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/Open_Sans/static/OpenSans-Regular.eot?') format('eot'), 
url('../fonts/Open_Sans/static/OpenSans-Regular.ttf') format('truetype');
	font-display: swap;
}




@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Regular.eot');
    src: url('../fonts/BarlowCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Thin.eot');
    src: url('../fonts/BarlowCondensed-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Bold.eot');
    src: url('../fonts/BarlowCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


/* Padding below the footer and lighter body text */

body {
    padding-top: 0;
    padding-bottom: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
    line-height: 1.2;
	font-size: 14px;
	color: #c8c8c8;
}

b, strong {
  font-weight: 700;
}

h1, h2, h3, h4, h5 {
	font-family: "Barlow Condensed", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff;
}
.text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark p {
	color: #323232;
}

h1 {
	font-size: 36px;
	line-height: 1;
	color: #ffffff;
}
h2 {
	font-size: 30px;
}
.text16 {
	font-size: 16px !important;
}
.text12 {
	font-size: 12px !important;
}
.text36 {
	font-size: 20px !important;
}
h3 {
	font-size: 24px;
    font-weight: 400;
}
hr {
    opacity: 1;
    margin: 5px 0;
    border-top: 2px solid #8c0017;
}

.c-blue {
	color: #153f67;
}





.header {
padding-top: 0;
  background: url(../images/lavadora-industrial.webp) #000 center 50px;
  min-height: 270px;
  color: #fff;
  position: relative;
  background-size: auto 220px;
}


@media (min-width:768px) {
	h1 {
		font-size: 72px;
	}
	.header {
  		background: url(../images/lavadora-industrial.webp) #000 center top;
		padding-top: 20px;
		padding-bottom:80px;
		min-height: 700px;
		background-size:auto;
	}
}




.content-header {
	padding: 10px 10px 0;
}

.img-sello {
	position: absolute;
	bottom: 5px;
}
.img-sello img {
	height: 30px;
}

.box-header {
	margin: 0 -10px;
	padding: 10px 5px;
	background-color: #0d2740;
	height: auto;
	position: relative;
}

.box-header .brand {
	height: 50px;
	width: 50px;

}

.box-paralelogramo {
    background: #153f67;
}

.box-paralelogramo .box-text {
	display: none;
}

.box-contact {
	position: absolute;
	top: 17px;
	right: 0;
	height: 25px;
	width: 326px;

}
.box-contact .title {
/*	display: none;*/

}

.box-contact .lang {
	padding-right: 10px;
	text-transform: none !important;
	float: right;
/*	display: none;*/

}

.box-contact .lang a {
	color: #fff;
	text-decoration: none;

}
.box-contact .lang a:hover {
	color: #8c0017;

}


.box-paralelogramo-phone {
	position: absolute;
	bottom: -14px;
    right: 0;
    width: 150px;
    height: 0;
    border-left: 15px solid transparent;
    border-top: 22px solid #fff;
}


.box-paralelogramo-phone .box-text-contact {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: -19px;
	color: #8c0017;
	font-weight: 700;
}



.btn-fondo {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 18px;
    background: #8c0017;
     -webkit-transform: skew(35deg);
     -moz-transform: skew(35deg);
     -ms-transform: skew(35deg);
     -o-transform: skew(35deg);
     transform: skew(35deg);
	padding: 0px 15px; 
	border-radius: 0;
}
.btn-fondo div {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	-webkit-transform: skew(-35deg);
     -moz-transform: skew(-35deg);
     -ms-transform: skew(-35deg);
     -o-transform: skew(-35deg);
     transform: skew(-35deg);
	font-weight: 700;
}


.box-contact .btn-fondo div {
	font-size: 14px;
}


@media (min-width:1106px) {
	.box-paralelogramo {
		position: absolute;
		top: 10px;
		width: 430px;
		height: 41px;
		background: #153f67;
		 -webkit-transform: skew(35deg);
		 -moz-transform: skew(35deg);
		 -ms-transform: skew(35deg);
		 -o-transform: skew(35deg);
		 transform: skew(35deg);
		z-index: 100;
	}
	.box-paralelogramo.en {
		width: 390px;
	}

	.box-paralelogramo .box-text {
		display: block;
		padding: 5px 40px 5px 110px; 
		 -webkit-transform: skew(-35deg);
		 -moz-transform: skew(-35deg);
		 -ms-transform: skew(-35deg);
		 -o-transform: skew(-35deg);
		 transform: skew(-35deg);
	}
}

@media (min-width:768px) {

	.text36 {
		font-size: 36px !important;
	}

	.content-header {
		padding: 50px 30px 0;
	}

	.img-sello {
		bottom: 20px;
	}
	.img-sello img {
		height: auto;
	}

	.box-header {
		padding: 0;
		margin: 0 10px;
		background-color: #0d2740;
		height: 60px;
		position: relative;
	}

	.box-header .brand {
		position: absolute;
		top: -5px;
		left: 20px;
		height: 80px;
		width: 690px;
		z-index: 1000;
	}



	.box-contact {
		position: absolute;
		top: 10px;
		right: 0;
		height: 50px;
		width: 700px;

	}
	.box-contact .title {
		display: block;
		text-transform: uppercase;
		font-size: 14px;
		margin-bottom: 7px;

	}


	.box-paralelogramo-phone {
		position: absolute;
		bottom: -3px;
		right: -10px;
		width: 475px;
		height: 0;
		border-left: 20px solid transparent;
		border-top: 30px solid #fff;
	}


	.box-paralelogramo-phone .box-text-contact {
		font-family: "Barlow Condensed", sans-serif;
		font-size: 18px;
		text-transform: uppercase;
		margin-top: -26px;
		color: #8c0017;
		font-weight: 700;
	}


	.box-contact .btn-fondo div {
		font-size: 18px;
	}


}








main {
    background:url("../images/fondo.webp") no-repeat center top;	
}

.box1 {
	padding: 20px;
    background:url("../images/fondo-info.webp") repeat-x center top #051b31;	
	border-radius: 30px 30px 0 0;
	
}


.box2 {
	padding: 20px;
    background-color: #172c46;	
	
}

.box3 {
	padding: 20px;
	
}


@media (min-width:768px) {
	.box1, .box2, .box3 {
		padding: 40px;
	}
}

.form-contact {
	border-top: 1px solid #000;
	padding-top: 40px;
}

.form-contact label {
	font-weight: 700;
}

.form-contact .form-check-input {
	--bs-form-check-bg: #e1e1e1;
}

.form-contact .form-control {
  display: block;
  width: 100%;
  padding: 0.175rem 0.40rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #e1e1e1;
  background-clip: padding-box;
  border: var(--bs-border-width) solid #e1e1e1;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-contact textarea {
	height: 98px;
}


.logos {
	text-align: center;
	background-color: #e1e1e1;
	padding: 20px 0;
}

.logos .logo {
    height: 70px;
    width: 120px;
}



footer a {
	color: #fff;
}

footer a.icon-link {
	padding: 5px 10px;
	border-radius: 10px;
}

footer a.icon-link:hover {
	background-color: #8c0017;
}


.header .navbar {
  background:transparent;
  padding-top:0;
  padding-bottom:0;
  color:#fff;
  border-radius:0;
  box-shadow:none;
  border:none;
}









.ir-arriba {
	display:none;
	padding:13px 15px;
	background:#fff;
	font-size:20px;
	color:#031327;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	z-index: 100000;
}

.ir-arriba:hover {
	background:#8c0017;
	color:#fff;
}