.montserrat-200 {

  font-family: "Montserrat", serif;

  font-optical-sizing: auto;

  font-weight: 200;

  font-style: normal;

}

.montserrat-400 {

  font-family: "Montserrat", serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

}

.montserrat-600 {

  font-family: "Montserrat", serif;

  font-optical-sizing: auto;

  font-weight: 600;

  font-style: bold;

}

.montserrat-800 {

  font-family: "Montserrat", serif;

  font-optical-sizing: auto;

  font-weight: 800;

  font-style: bold;

}

*{

	margin:0;

	 scroll-behavior: smooth;

	 font-family: "Montserrat", serif;

}

body{

	overflow-x:hidden;



}

.wrapper{

	max-width: 1444px;

	position:relative;

	margin:0 auto;

}

.container{

	position:relative;

	float:left;

	width:100%;

}

.in{

	position:relative;

	float:left;

	width:90%;

	left:5%;

}

.in-2{

	position:relative;

	float:left;

	width:95%;

	left:2.5%;

}

.in-22{

	position:relative;

	float:left;

	width:95%;

}

.in-3{

	position:relative;

	float:left;

	width:98%;

	left:1%;

}

.mar-80{

	margin-top:60px;

	margin-bottom:60px;

}

.mar-60{

	margin-top:100px;

	margin-bottom:100px;

}

.mar-40{

	margin-top:40px;

	margin-bottom:40px;

}

.mar-30{

	margin-top:30px;

	margin-bottom:30px;

}

.mar-20{

	margin-top:20px;

	margin-bottom:20px;

}

.mar-10{

	margin-top:10px;

	margin-bottom:10px;

}

.mar-15{

	margin-top:15px;

	margin-bottom:15px;

}

.mart-20{

	margin-top:20px;

}

.txt-cnt{

	text-align:center;

}

.txt-rig{

	text-align:right;

}

.txt-jus{

	text-align:justify;

}

.txt-lft{

	text-align:left;

}

.logo{

	position:relative;

	float:left;

	width:35%;

}

.logo img{

	max-width:100%;

}

.acciones{

	position:relative;

	float:left;

	width:65%;

	margin-top:15px;

}

.acciones img{

	max-width:30px;

}

.boton-h{

	background-color:white;

	border:1px solid white;

	margin-right:20px;

	font-size: 12px;

}

#slider{

	z-index:-1;

}

/****************************************/

#headermen {

	position:relative;

	margin:0 auto;

	width:100%;

	font-family: "Montserrat", serif;

	z-index:999;

}	

.nav{

	position:relative;

	z-index:999;

	width:100%;

	margin: 0;

	padding:0;

}

ul, ol {

	list-style:none;

}	

.nav > li {

	float:left;

}			

.nav li a {

	background-color:#670722;

	color:#fff;

	text-decoration:none;

	padding:10px 12px;

	display:block;

	font-weight:700;

	font-size: 14px;

}

		

.nav li a:hover {

	background-color:#6d6e71;

}

			

.nav li ul {

	display:none;

	position:absolute;

	min-width: 90%;

	z-index:999;

	margin-left: 0px;

	left:0;

	background: #670722;

}

	

.nav li:hover > ul {

	display:block;

	margin-left: 0;

    padding-left: 0;

}

			

.nav li ul li {

	position:relative;

	z-index:999;

}

			

.nav li ul li ul {

	right:-140px;

	top:0px;

	z-index:999;

}

.cl-33{

	position:relative;

	float:left;

	width:33.33%;

}	

.submenu {

	 padding: 3px 5px !important;

}		

/****************************************/

#menu{

	background-color:#670722;

	color:white;

	font-family: "Montserrat", serif;

	font-optical-sizing: auto;

	font-weight: 400;

	font-style: normal;

}

.info{

	position:relative;

	float:left;

	background-color:#670722;

	color:white;

	font-family: "Montserrat", serif;

	font-weight: 400;

	font-style: normal;

	width:75%;

	left:25%;

	font-size:13px;

	margin-top:-70px;

	z-index:999;

}

.col25{

	position:relative;

	float:left;

	width:25%;

}

.col20{

	position:relative;

	float:left;

	width:40%;

}

.col20 img{

	max-width:100%;

}

.col80{

	position:relative;

	float:left;

	width:60%;

}

.ah1{

	font-size:40px;

	margin-bottom:40px;

}

.col33{

	position:relative;

	float:left;

	width:33.33%;

}

.oh{

	overflow:hidden;

}

.producto{

	position: relative;

    float: left;

    width: 100%;

    /*border-radius: 20px;*/

	font-family: "Montserrat", serif;

	margin-bottom:20px;

	cursor:pointer;

}

.producto img{

	width: 100%;

    margin: 0;

    padding: 0;

    margin-top: -20px;

	transform: scale(1.2);

}

.producto h2{

	font-style:italic;

	text-align:center;

	margin-bottom:15px;

	font-size:17px;

}

.titl{

	background: #670722;

    color: white;

	min-height:75px;

}

.titl h2{

	width:90%;

	text-align:center;

	left:5%;

	position: relative;

	margin-top:15px;

}

.col50{

	position:relative;

	float:left;

	width:50%;

}

.mask{

	position: absolute;

    width: 100%;

    height: 100%;

    /*background: #670722d6;*/

    background: rgb(103 7 34 / 0%);

	bottom:-500px;

	z-index:99;

}

.botonesmask{

	position:absolute;

	bottom:75%;

	width:100%;

	text-align:right;

}

.pro img{

	transition: all 0.7s ease-out;

}

.pro:hover .mask{

	bottom:0px;

	transition: all 0.7s ease-out;

}

.pro:hover img{

	transform:scale(1.4);

	transition: all 0.7s ease-out;

}

.btn{

	/*border-radius: 20px;*/

    padding: 10px;

    border: 1px solid white;

    width: 75%;

}

.btn:hover{

	background-color:black;

	color:white;

	transition: all 0.7s ease-out;

}

.bttn{

	background: #670722;

    color: white;

    border: 1px solid #670722;

    padding: 8px 20px;

    border-radius: 20px;

	font-weight:bold;

}

.ver-mas{

	background-color:#a8a9ad;

	color:white;

}

.cotizar{

	background-color:#670722;

	color:white;

}

.minibanner{

	border-radius:8px;

	position: relative;

    float: left;

    left: 0%;

    width: 100%;

    background-image: url(../imagenes/corteplasmabanner.png);

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 400px;

    color: white;

    font-family: "Montserrat", serif;

    font-size: 20px;

	background-position:center;

}

.minibanner h2{

	font-size: 45px;

    margin-top: 50px;

}

.minibanner2{

	border-radius:8px;

	position: relative;

    float: left;

    left: 0%;

    width: 100%;

    background-image: url(../imagenes/oxicortebanner.png);

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 400px;

    color: white;

    font-family: "Montserrat", serif;

    font-size: 20px;

	background-position:center;

}

.minibanner2 h2{

	font-size: 45px;

    margin-top: 50px;

}

.btn-servicios{

	background-color: white;

    color: #670722;

    font-size: 18px;

    padding: 10px 20px 10px 20px;

    border: 1px solid white;

    border-radius: 20px;

	cursor:pointer;

}

.btn-servicios:hover{

    background-color: #670722;

	color: white;

	transition: all 0.7s ease-out;

}

.bttm{

	position:absolute;

	bottom:40px;

}

#aceros_moreli{

	font-family: "Montserrat", serif;

}

#aceros_moreli img{

	width:100%;

}

.subtitulo{

	font-size:24px;

	color:#670722;

	font-family: "Montserrat", serif;

}

.titulo{

	font-size:40px;

	font-weight:800;

	margin-bottom:20px;

	font-family: "Montserrat", serif;

}

.f24{

	font-size:20px;

}

.btn-conoce{

	background-color: #670722;

    color: #fff;

    font-size: 18px;

    padding: 10px 20px 10px 20px;

    border: 1px solid white;

    border-radius: 20px;

	cursor:pointer;

}

.btn-conoce:hover{

	background-color:black;

	transition: all 0.7s ease-out;

}

#marcas{

	font-family: "Montserrat", serif;

}

#marcas img{

	max-width:350px;

	filter: grayscale(100%);

}

#marcas img:hover{

	filter: grayscale(0%);

	transition: all 0.7s ease-out;

}



#banner{

	background-image:url('../imagenes/fondo-banner.png');

	background-size:cover;

	color:white;

	font-family: "Montserrat", serif;

}

#banner h1{

	font-size: 40px;

    margin-top: 18px;

    line-height: 56px;

}

.col-40{

	position:relative;

	float:left;

	width:40%;

}

.col-60{

	position:relative;

	float:left;

	width:60%;

}

.btn-cotiza{

	background: white;

    padding: 10px 18px 10px 18px;

    font-size: 24px;

    border-radius: 20px;

    border: 1px solid white;

    position: relative;

    top: -8px;

    margin-left: 5px;

	cursor:pointer;

}

.btn-cotiza:hover{

	background-color:black;	

	color:white;

	transition: all 0.7s ease-out;

}

.info-mapa{

	background-color:#670722;

	color:white;

	width:40%;

	height:100%;

	position:absolute;

	z-index:99;

	right:0;

	font-family: "Montserrat", serif;

}

#footer{

	background-color:black;

	color:white;

	font-family: "Montserrat", serif;

	

}

#footer a{

	color:white;

	text-decoration:none;

	

}

#footer a:hover{

	color:#670722;

	transition: all 0.7s ease-out;

}

#footer h3{

	

	

}

#footer img{

	width:100%;

}

.col-30{

	position:relative;

	float:left;

	width:25%;

}

.col-70{

	position:relative;

	float:left;

	width:75%;

}

.col-25{

	position:relative;

	float:left;

	width:25%;

}

.col-33{

	position:relative;

	float:left;

	width:33.33%;

}

.circulo{

	width: 35px;

    height: 35px;

    position: relative;

    float: left;

    background-color: white;

    border-radius: 50%;

    color: #670722;

    text-align: center;

    line-height: 35px;

}

.circulo:hover{

	background-color: #670722;

	color: white;

	transition: all 0.7s ease-out;

}

.inp{

	border:1px solid white;

	width:100%;

	padding-top:5px;

	padding-bottom:5px;

	margin-top:10px;

	margin-bottom:10px;

}

.send{

	border:1px solid #670722;

	background-color: #670722;

    color: #fff;

	padding-top:5px;

	padding-bottom:5px;

	margin-top:15px;

}

.menuresponsivo{

	display:none;

}

/* Modal Content/Box */

.modal {

	display: none;

    position: fixed;

    z-index: 1000;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgb(103 7 34 / 92%);

    /* box-shadow: 10px 10px 5px 0px rgb(196 196 196 / 75%); */

    /* -webkit-box-shadow: 10px 10px 5px 0px rgb(196 196 196 / 75%); */

    -moz-box-shadow: 10px 10px 5px 0px rgba(196,196,196,0.75);

}

.modal-content {

    width: 100%;

    left: 0%;

    position: relative;

    float: left;

    top: 0%;

    border-radius: 6px;

}

.titulo-ventana-modal{

	background: #0b5a42;

    color: white;

    text-align: center;

    padding-top: 15px;

    padding-bottom: 15px;

    margin: 0;

}

.in-modal-times{

	position: absolute;

    float: left;

    width: 90%;

    left: 5%;

    top: 10px;

    z-index: 999;

}	

/* The Close Button */

.close {

  color: #fff;

  float: right;

  font-size: 28px !important;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: black;

  text-decoration: none;

  cursor: pointer;

}

#menuRes a{

	color:white;

	text-decoration:none;

}

#menuRes button{

	width: 100%;

    text-align: left;

    padding-top: 10px;

    padding-bottom: 10px;

    background: rgb(255 255 255 / 0%);

    color: white;

    border: none;

}

#menuRes button:hover{

	background-color:black;

}

.whatsapp {

    position: fixed;

    right: 20px;

    z-index: 999;

    bottom: 20px;

}

#banner-nosotros{

	min-height:380px;

	background-image:url('../imagenes/banner_nosotros2.png');

	background-size:cover;

	background-position:center;

	z-index:-1;

}

.in-banner-nosotros{

	position: absolute;

    width: 90%;

    left: 5%;

    bottom: 60px;

    font-size: 23px;

    font-family: "Montserrat", serif;

    color: white;

}

.barraizq{

    border-left: 9px solid #670722;

    padding-left: 10px;

	text-shadow: #0b0b0b 17px 0px 16px;

}

.color_rojo{

	color:#670722;

}

#acerca_nosotros{

	 font-family: "Montserrat", serif;

}

.col60{

	width:60%;

	position:relative;

	float:left;

}

.col40{

	width:40%;

	position:relative;

	float:left;

}

.col40 img{

	max-width:95%;

}

#acerca_nosotros .col40{

	z-index: -1;

}



#mision-vision{

	 font-family: "Montserrat", serif;

	 margin-top:50px;

	 margin-bottom:30px;

}

.cl20{

	width:20%;

	position:relative;

	float:left;

}

.cl20 img{

	margin-top:30px;

	max-width:95%;

}

.cl80{

	width:80%;

	position:relative;

	float:left;

}

.ah1-m{

	color:#670722;

	font-weight:800;

	margin-bottom:10px;

}

#elegirnos{

	background-color:#670722;

	color:white;

}

#elegirnos h2{

	font-weight:400;

}

#elige > .col33{

	min-height:165px;

}

.icono{

	position:relative;

	float:left;

	width:30%;

}

.icono img{

	max-width:100%;

	padding-top:5px;

	padding-bottom:5px;

}

.title{

	position:relative;

	float:left;

	width:70%;

}

.title h2{

	margin-top:20px;

	margin-bottom:10px;

	padding:0;

}



/*****************Servicios*********************/

#banner-servicios{

	min-height:339px;

	background-image:url('../imagenes/banner_servicios2.png');

	background-size:cover;

	background-position:center;

	z-index:-1;

}

.in-banner-servicios{

	position: absolute;

    width: 90%;

    left: 5%;

    bottom: 60px;

    font-size: 23px;

    font-family: "Montserrat", serif;

    color: white;

}

.btn-wp{

	background-color: #29a71a;

    color: white;

    padding: 10px 20px 10px 20px;

    border: 1px solid #29a71a;

    border-radius: 8px;

    font-size: 17px;

}



/*****************Contacto*********************/

#banner-contacto{

	min-height:349px;

	background-image:url('../imagenes/banner_contacto2.png');

	background-size:cover;

	background-position:center;

	z-index:-1;

}

.in-banner-contacto{

	position: absolute;

    width: 90%;

    left: 5%;

    bottom: 60px;

    font-size: 23px;

    font-family: "Montserrat", serif;

    color: white;

}

/**************************************/

#contacto{

	background-image:url('../imagenes/fondo-banner.png');

	background-size:cover;

	color:white;

	min-height:400px;

}

.formulario{

	position: relative;

    float: left;

    width: 70%;

    left: 15%;

    background-color: white;

    margin-top: -260px;

	margin-bottom:80px;

	box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1);

}

.inps{

	width: 100%;

    background-color: #f2f2f2;

    border: 1px solid white;

    font-size: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

}

.ara{

	width: 100%;

    background-color: #f2f2f2;

    border: 1px solid white;

    font-size: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

	resize:none;

}

.cl40{

	position:relative;

	float:left;

	width:40%;

}

.cl60{

	position:relative;

	float:left;

	width:60%;

}

/*****************Productos*********************/

#banner-producto{

	min-height:280px;

	background-size:cover;

	background-position:center;

	z-index:-1;

}

.in-banner-producto{

	position: absolute;

    width: 90%;

    left: 5%;

    bottom: 60px;

    font-size: 23px;

    font-family: "Montserrat", serif;

    color: white;

}

.c50{

	position:relative;

	float:left;

	width:50%;

}

.cl70{

	position:relative;

	float:left;

	width:70%;

}

.cl30{

	position:relative;

	float:left;

	width:30%;

	background-color:#670722;

	color:white;

	font-size: 29px;

	font-weight:bold;

}

.big-button{

	background-color: #29a71a;

    color: white;

    border-radius: 20px;

    font-size: 32px;

    border: 1px solid #29a71a;

    padding: 10px;

    font-weight: bold;

	margin-top:10px;

	margin-bottom:10px;

}

/**************************************/

.medium{

	font-weight:400;

}

.btn-enviar{

	background-color: #670722;

    color: white;

    border: 1px solid #670722;

    padding: 10px 20px;

}

.inpt{

	border:1px solid gainsboro;

	width:100%;

	padding-top:5px;

	padding-bottom:5px;

	margin-top:10px;

	margin-bottom:10px;

}

.txtarea{

	width: 100%;

    border:1px solid gainsboro;

    font-size: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

	resize:none;

}

.foto_principal{

	position:relative;

	float:left;

	width:100%;

}

.foto_mini{

	position:relative;

	float:left;

	width:33.33%;

	margin-top:10px;

}

.foto_mini img{

	border:1px solid black;

	height: 110px;

}

/**************************************/

.accordion {

  background-color: #eee;

  color: #444;

  cursor: pointer;

  padding: 18px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  font-size: 15px;

  transition: 0.4s;

}



.actived, .accordion:hover {

  background-color: #ccc; 

}



.panel {

  padding: 0 18px;

  display: none;

  overflow: hidden;

}

/**************************************/

.brdg{

	border:1px solid gainsboro;

	border-radius:20px;

	padding-top:20px;

	padding-bottom:20px;

	margin-bottom:20px;

}

@media screen and (max-width: 1980px){

	.producto{

		min-height:395px;

	}

}

@media screen and (max-width: 1280px){

	.producto{

		min-height:310px;

	}

}

@media screen and (max-width: 1220px){

	.minibanner{

		width:100%;

		left:0%;

		/*min-height:auto;*/

		background-size:100% 100%;

		padding-bottom:40px;

	}

}

@media screen and (max-width: 1180px){

	.info{

		width:100%;

		left:0px;

		margin-top:0px;

	}

}



@media screen and (max-width: 1165px){

	#banner h1{

		font-size:30px;

		margin-top:20px;

	}

}

@media screen and (max-width: 1080px){

	.titulo{

		font-size:30px;

	}

	.col40{

		width:100%;

	}

	.col40 img{

		max-width: 350px;

	}

	.col60{

		width:100%;

	}

	.cnt{

		text-align:center;

	}

	#nos > .mar-60{

		margin-top:30px;

		margin-bottom:30px;

	}

	#product > .c50{

		width:100%;

	}

}

@media screen and (max-width: 1045px){

	.col33{

		width:50%;

	}

	.producto > .oh{

		text-align:center;

	}

	.producto img{

		max-width:100%;

		position:relative;

		margin:0 auto;

		margin-top:0px;

		margin-left:inherit;

	}

}

@media screen and (max-width: 1040px){

	.logo{

		width:100%;

		text-align:center;

	}

	.logo img{

		max-width:350px;

	}

	.acciones{

		width:100%;

		margin-top:10px;

	}

	.acciones > .txt-rig{

		text-align:center;

	}

}

@media screen and (max-width: 1000px){

	.col-30{

		width:100%;

	}

	#footer img{

		width:230px;

	}

	.col-70{

		width:100%;

	}

}

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

	.col80 > .mar-20 {

		margin-top:5px;

		margin-bottom:25px;

	}

	.col20{

		width:100%;

		text-align:center;

	}

	.col80{

		width:100%;

		text-align:center;

	}

	.titulo {

		font-size: 24px;

	}

	.subtitulo {

		font-size: 16px;

	}

	.f24 {

		font-size: 14px;

	}

	.btn-conoce {

		background-color: #670722;

		color: #fff;

		font-size: 14px;

	}

	.col-40{

		width:100%;

	}

	.col-60{

		width:100%;

		text-align:center;

	}

}

@media screen and (max-width: 877px){

	.col-25{

		width:100%;

	}

	.col-25 > .txt-cnt{

		text-align:left;

	}

}

@media screen and (max-width: 866px){

	.cl70{

		width:100%;

	}

	.cl30{

		width:100%;

	}

	#headermen{

		display:none;

	}

	.menuresponsivo{

		display:block;

		position:relative;

		float:left;

		width:100%;

	}

}

@media screen and (max-width: 800px){

	.info-mapa{

		width:100%;

	}

}

@media screen and (max-width: 750px){

	

	#elige > .col33{

		min-height:auto;

	}

	.col33{

		width:100%;

	}

	.producto{

		min-height:auto;

		padding-bottom:40px;

	}

}

@media screen and (max-width: 700px){

	.bttm{

		position:relative;

		bottom:0px;

	}

	.col50{

		width:100%;

		margin-top:10px;

		margin-bottom:10px;

	}

	.col50 img{

		max-width:90%;

	}

}

@media screen and (max-width: 720px){

	.col-33{

		width:100%;

	}

	.col-33 > .txt-cnt{

		text-align:left;

	}

}

@media screen and (max-width: 650px){

	.col25{

		width:50%;

	}

}

@media screen and (max-width: 500px){

	#banner h1{

		font-size:25px;

	}

	.col25 {

        width: 100%;

    }

	.c50{

		width:100%;

	}

}