@charset "UTF-8";

.body-adjust {
    font-family: EngraversGothicBTW01-Re;
    font-size: 1rem;
    font-weight: 100;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
    color: #212529;
    text-rendering: optimizeLegibility;
	  text-align: center;
	  background-color: #f2eee8;
}
.nav-bar-adjust, a,li{
	text-align:center;
	color: #fff;
	font-family: Roboto;
	font-size: 0.8rem;
}
.nav-img-fixed{
	width: 100%;
}

.container-adjust-right{
	width: 60%;
}
.container-adjust-left{
	width: 10%;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0,0,0,.7);
}

.nav-fixed{
	background-color:#000000;
position: sticky;
 z-index: 100;
 top: 0;
 color:#fff;
 padding-right:10%;
}

.title-icon{
	width:5%;
}

.header-fixed{
	background-color: #0d6efd;
	color: #fff;
}
.nav-fixed .navbar-light .navbar-nav .nav-link{
color: rgba(0,0,0,.9);
}

.nav-fixed .navbar-light .navbar-nav .nav-link:hover,.nav-fixed .navbar-light .navbar-nav .nav-link:focus{
}

.nav-fixed .navbar-light .navbar-nav .nav-link.active{
color: #f10c0c;
}

.carousel-div > h1{
font-size: 3.5vw;
font-family: EngraversGothicBTW01-Re;
margin-top:50%;
position:relative;

}

.carousel-div{
position: absolute;
top:0;
bottom:0;
margin-left: 30%;
display:block;
color :#fff;
font-family: EngraversGothicBTW01-Re;

}

.carousel-div-right-margin{
position: absolute;
bottom:16%;
width:25%;
margin-left: 59%;
background-color: #000000;
height: 26%;
opacity:0;
}

.carousel-div-right{
position: absolute;
bottom:10%;
display:block;
width:30%;
height: 60%;
margin-left: 60%;
background-color: rgba(0,0,0,0.5);
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.carousel-div-right> p{
margin-right:6%;
margin-left:6%;
margin-top:10%;
font-size: 2vw;
font-family: 'Roboto Slab', serif;
letter-spacing: .01em;
position:relative;
color :#fff;
}

.bg-black{
background-color: #000000;	
}

.section-banner{
background-color: #000000;	
}

.slogan{
font-size: 2vw;
font: GrotesqueMTW01-Condense;
margin-bottom: 10%;
border: 0.3vw solid #fff;
border-right: none;
border-left: none;
}

.section-title-fixed{
margin-top:5%;
margin-bottom:10%;
font-size: 2rem;
font: GrotesqueMTW01-Condense;
border: 0.1vw solid #000000;
border-right: none;
border-left: none;
}

.section-title1-fixed{
margin-bottom:10%;
font-size: 2rem;
font: GrotesqueMTW01-Condense;
border: 0.1vw solid #fff;
border-right: none;
border-left: none;
}

.card-fixed h1{
font-size: 2.5vw;
 position: absolute;
  top: 45%;
    left: 15%;
font-family: 'Roboto Slab', serif;
text-align: center;
}

.container-products-fixed{
font-size: 30px;
font-family: EngraversGothicBTW01-Re;
}

.section-title{
font-size: 200%;
font-family: EngraversGothicBTW01-Re;
}

.card-1:hover{
	background-color: #3e8e41;
	color: white;
  transform: scale(1.1);
     }
.card-1 div{
	background-color: #3e8e41;
     }

.card-2:hover{
	background-color: #f19f4d;
	color: white;
  transform: scale(1.1);
     }
.card-2 div{
	background-color: #f19f4d;
	color: white;
  transform: scale(1.1);
     }
	 
.card-3:hover{
	background-color: #0d6efd;
	color: white;
  transform: scale(1.1);
     }
.card-3 div{
	background-color: #0d6efd;
     }
	 
.card-4:hover{
	background-color: #f19f4d ;
	color: white;
  transform: scale(1.1);
     }	 
.card-4 div{
	background-color: #f19f4d;
     }


.card-img-service-1:hover{
	color: white;
  transform: scale(0.9);
  z-index: 100;
     }
	 .card-img-service-2:hover{
	color: white;
  transform: scale(0.9);
  z-index: 100;
     }
	 .card-img-service-3:hover{
	color: white;
  transform: scale(0.9);
  z-index: 100;
     }
	 .card-img-service-4:hover{
	color: white;
  transform: scale(0.9);
  z-index: 100;
     }

.div-img-back{
	display:flex;
	text-align:center;
	position:relative;
	 top: 15%;
}

.img-back{
	width:3vw;
	height: 3vw;
	float:left;
	position:relative;
	 left: 15%;
	 opacity:0;
}
.div-back{
	float: right;
	position:relative;
	 top: 25%;
	  z-index: 100;
	  color:#fff;
}

.div-back >a{
	  color:#fff;
}

.div-back >a:hover{
	  color:#af956e;
}

.div-img-back:hover > img{
	/*width:4vw;
	height: 4vw;
	transform: scale(1.1);*/
	opacity:1;
	z-index:100;
 
}

.div-img-back:hover > div{

}

.manteinance div{
	background-color: #3e8e41;
     }
	 
.card-5:hover{
	background-color: #0d6efd ;
	color: white;
  transform: scale(1.1);
     }	 
.card-5 div{
	background-color: #0d6efd;
     }
.card-6:hover{
	background-color: #f19f4d ;
	color: white;
  transform: scale(1.1);
     }	 
.card-6 div{
	background-color: #f19f4d;
	color: white;
  transform: scale(1.1);
     }
.card-7:hover{
	background-color: #3e8e41 ;
	color: white;
  transform: scale(1.1);
     }	 
.card-7 div{
	background-color: #3e8e41;
     }
	 
.chatWhatsapp{

}

.chatWhatsapp > img{
	width: 5%;
	min-width: 60px;
	 z-index: 100;
  opacity:0.9;
  position: fixed;
  right:1%;
   top: 85%;

}


.chatWhatsapp > img:hover{
	 transform: scale(1.1);
	 transform: rotate(35deg); 
}

.chatMessenger > img{
	width: 5%;
	min-width: 60px;
	 z-index: 100;
  opacity:0.9;
  position: fixed;
  right:1%;
   top: 74%;

}

.section-posible{
position: relative;
display: inline-block;
text-align: center;
}

.section-posible> img{
width:100%;
}

.section-posible-text{
position: absolute;
top: 50%;
left: 25%;
transform: translate(-50%, -50%);
display:block;
width:35%;
background-color:rgba(0,0,0,0.5);

}

.section-posible-text> h1{
font-size: 2.75vw;
font-family: 'Roboto';
color: #fff;
text-align: left;
}

.section-cards{
  position: relative;
display: inline-block;
text-align: center;
}

.section-cards> img{
width:100%;
}

.section-cards-text1{
width:20%;
height:40%;
  position: absolute;
text-align: center;
background-color:#f2eee8;
top :10%;
left :15%;

}
.section-cards-text2{
width:20%;
height:50%;
  position: absolute;
text-align: center;
background-color:#f2eee8;
top :10%;
left :40%;
}
.section-cards-text3{
width:20%;
height:40%;

  position: absolute;
text-align: center;
background-color:#f2eee8;
top :10%;
left :65%;

}
.section-cards-text1> h1,.section-cards-text2> h1,.section-cards-text3> h1{
	text-align:center;
	color: #000000;
	font-family: Roboto;
	font-size: 2vw;
	font-style: bold;
	margin-top:10%;

}

.section-cards-text1> svg,.section-cards-text2> svg,.section-cards-text3> svg{
	margin-top:10%;

	border-radius: 50%;
}

.section-cards-text1> p,.section-cards-text2> p,.section-cards-text3> p{
	font-size:1.3vw;
	font-style: italic;
	margin-right:5%;
	margin-left:5%;
	margin-bottom:5%;
}

.section-products,.section-service,.section-masterbatch,.section-aditivos{
display:grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  gap: 1% 1%;
margin-top:1%
  }
.section-products-right,.section-service-right,.section-masterbatch-right,.section-aditivos-right{
  grid-column: 2 / 2;
  grid-row: 1;
  position: relative;
display: inline-block;
text-align: center;
}
.section-products-right> img,.section-service-right> img,.section-masterbatch-right> img,.section-aditivos-right>img{
width:100%;
}

.section-products-left,.section-products-left-title,.section-service-left,.section-service-left-title,.section-masterbatch-left,.section-aditivos-left,.section-masterbatch-left-title,.section-aditivos-left-title{
  grid-column: 1 / 2;
  grid-row: 1;
position: relative;
display: inline-block;
text-align: center;
}

.section-products-left> img,.section-service-left> img,.section-masterbatch-left> img,.section-aditivos-left> img{
width:100%;
}

.section-products-left-title> img,.section-service-left-title> img,.section-masterbatch-left-title> img,.section-aditivos-left-title> img{
width:100%;
}

.section-products-left-title> h1,.section-products-left> h1,.section-products-right> h1
,.section-service-left-title> h1,.section-service-left> h1,.section-service-right> h1
{
position:absolute;
font-size: 2vw;
font-family: 'Roboto';
color: #fff;
top: 20%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
background-color:rgba(0,0,0,0.3)
}

.section-products-left> h1,.section-products-right> h1{
position:absolute;
font-size: 2vw;
font-family: 'Roboto';
color: #fff;
top: 50%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
background-color:rgba(0,0,0,0.3);
}

.section-service-left> h1,.section-service-right> h1{
position:absolute;
font-size: 2vw;
font-family: 'Roboto';
color: #fff;
top: 20%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
background-color:rgba(0,0,0,0.3);
}

.section-products-left:hover> img,.section-products-right:hover> img
{
opacity:0.5;
}

.section-service-left:hover,.section-service-right:hover,.section-masterbatch-right:hover,.section-aditivos-right:hover
{
transform: scale(0.95);
}

.section-products-left-title> p ,.section-service-left-title> p{
position:absolute;
font-size: 1.5vw;
font-family: 'Roboto';
color: #fff;
top: 50%;
bottom:0;
left: 50%;
width:100%;
padding-top:10%;
padding-right:10%;
padding-left:10%;
background-color:rgba(0,0,0,0.3);
transform: translate(-50%, -50%);
}

.section-service-left> p,.section-service-right> p{
position:absolute;
font-size: 1.5vw;
font-family: 'Roboto';
color: #fff;
top: 50%;
left: 50%;
width:100%;
padding-top:10%;
padding-right:10%;
padding-left:10%;
padding-bottom:10%;
background-color:rgba(0,0,0,0.3);
transform: translate(-50%, -50%);
}

.container-fixed,.container-fixed-aditivos,.container-fixed-aditivos-p ,.container-fixed-pigmentos,.container-fixed-pigmentos-p ,.container-fixed-nosotros ,.container-fixed-contacto{
	position:relative;
	display: inline-block;
}

.container-fixed > img,.container-fixed-aditivos> img,.container-fixed-aditivos-p> img,.container-fixed-pigmentos> img,.container-fixed-pigmentos-p> img,.container-fixed-nosotros> img,.container-fixed-contacto > img{
	opacity:0.5;
	width:100%;
	height:100%;
}

.container-fixed > h1{
	font-size: 10vw;
	font-family: 'Roboto';
	position:absolute;
	margin-left:2%;
	top:2%;
	color:#fff;
}

.container-fixed-pigmentos > h1,.container-fixed-pigmentos-p > h1{
	font-size: 6vw;
	font-family: 'Roboto';
	position:absolute;
	margin-left:2%;
	top:2%;
	color:#fff;
	text-align:left;
}
.container-fixed-aditivos> h1{
	font-size: 6vw;
	font-family: 'Roboto';
	position:absolute;
	margin-left:2%;
	top:2%;
	color:#fff;
	text-align:left;
}

.container-fixed-nosotros > h1{
	font-size: 7vw;
	font-family: 'Roboto';
	position:absolute;
	margin-left:2%;
	top:2%;
	color:#fff;
	text-align:left;
}

.container-fixed-contacto > h1{
	font-size: 6vw;
	font-family: 'Roboto';
	position:absolute;
	margin-left:2%;
	top:2%;
	color:#fff;
	text-align:left;
}

.container-info-nosotros{
	position:absolute;
	background-color:#fff;
	left:2%;
	right:2%;
	top:8%;
	padding-top:2%;
	padding-bottom:5%;
	text-align:left;
}

.container-info-contacto{
	position:absolute;
	background-color:#fff;
	left:2%;
	right:2%;
	top:8%;
	padding-top:2%;
	padding-bottom:5%;
	text-align:left;
}

.container-info  {
	position:absolute;
	background-color:#fff;
	left:2%;
	right:2%;
	top:10%;
	padding-top:2%;
	padding-bottom:5%;
	text-align:left;
}
.container-info-aditivos  {
	position:absolute;
	background-color:#fff;
	left:2%;
	right:2%;
	top:20.5%;
	padding-top:2%;
	padding-bottom:5%;
	text-align:left;
}

.container-info-pigmentos {
	position:absolute;
	background-color:#fff;
	left:2%;
	right:2%;
	top:16.5%;
	padding-top:2%;
	padding-bottom:5%;
	text-align:left;
}
.container-info-pigmentos-p {
	position:absolute;
	background-color:#fff;
	left:2%;
	right:2%;
	top:16.5%;
	padding-top:2%;
	padding-bottom:5%;
	text-align:left;
}

.side-time{
	font-family: 'Roboto';
	position:absolute;
	right:2%;
	top:5%;
	background-color:#000000;
	color:#fff;
}
.side-time-pigmentos{
	font-family: 'Roboto';
	position:absolute;
	right:2%;
	top:10%;
	background-color:#000000;
	color:#fff;
}
.side-time-pigmentos-p{
	font-family: 'Roboto';
	position:absolute;
	right:2%;
	top:10%;
	background-color:#000000;
	color:#fff;
}

.side-time-aditivos{
	font-family: 'Roboto';
	position:absolute;
	right:2%;
	top:12.5%;
	background-color:#000000;
	color:#fff;
}
.side-time-aditivos-p{
	font-family: 'Roboto';
	position:absolute;
	right:2%;
	top:10%;
	background-color:#000000;
	color:#fff;
}



.side-time> h3,.side-time-pigmentos> h3,.side-time-pigmentos-p> h3,.side-time-aditivos> h3,.side-time-aditivos-p> h3{
	font-size: 2.5vw;
}
.side-time> p,.side-time-pigmentos> p,.side-time-pigmentos-p> p,.side-time-aditivos> p,.side-time-aditivos-p> p{
	font-size: 1vw;
	
}

.p-info{
	font-size: 1.5vw;
	color: #363636;
font-family: 'Circe';
font-weight: normal;
}

.ul-info >li{
	font-size: 1.3vw;
	color: #363636;
font-family: 'Circe';
font-weight: normal;
text-align: left;

}

.h-info{
font-size: 2vw;
font-family: 'Circe Extra Bold';
text-transform: uppercase;
color: #363636;
letter-spacing: 1px;
margin-top: 5%;
}

.h-disponible{
font-size: 2vw;
font-family: 'Circe Extra Bold';
text-transform: uppercase;
color: #363636;
letter-spacing: 1px;
margin-bottom: 3%;
}

.fill{
	display: inline-block;
	height:55vw;
}

.fill2{
	display: inline-block;
	height:20vw;
}
.fill3{
	display: inline-block;
	height:50vw;
}
.fill4{
	display: inline-block;
	height:30vw;
}
.fill5{
	display: inline-block;
	height:60vw;
}

.section-masterbatch-left-title> h1
{
position:absolute;
font-size: 2vw;
font-family: 'Roboto';
color: #fff;
top: 50%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
background-color:rgba(0,0,0,0.3);
}

.section-aditivos-left-title> h1
{
position:absolute;
font-size: 1.4vw;
font-family: 'Roboto';
color: #fff;
top: 50%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
background-color:rgba(0,0,0,0.3);
}

.section-masterbatch-left> h1,.section-masterbatch-right> h1,.section-aditivos-left> h1
{
position:absolute;
font-size: 2vw;
font-family: 'Roboto';
color: #fff;
top: 10%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
background-color:rgba(0,0,0,0.3);
}

.section-aditivos-right>h1
{
position:absolute;
font-size: 1.5vw;
font-family: 'Roboto';
color: #fff;
top: 20%;
left: 50%;
width:100%;
transform: translate(-50%, -50%);
background-color:rgba(0,0,0,0.3);
}


.section-masterbatch-left-title> p ,.section-masterbatch-left-title> p,.section-aditivos-left-title> p {
position:absolute;
font-size: 1vw;
font-family: 'Roboto';
color: #fff;
top: 50%;
bottom:0;
left: 50%;
width:100%;
padding-top:10%;
padding-right:10%;
padding-left:10%;
background-color:rgba(0,0,0,0.3);
transform: translate(-50%, -50%);
text-align:left;
}


.section-masterbatch-left> p,.section-masterbatch-right> p{
position:absolute;
font-size: 1.1vw;
font-family: 'Roboto';
color: #fff;
top: 50%;
left: 50%;
width:100%;
padding-top:10%;
padding-right:10%;
padding-left:10%;
padding-bottom:10%;
background-color:rgba(0,0,0,0.3);
transform: translate(-50%, -50%);
}

.section-aditivos-left> p{
position:absolute;
font-size: 1.4vw;
font-family: 'Roboto';
color: #fff;
top: 50%;
left: 50%;
width:100%;
padding-top:10%;
padding-right:10%;
padding-left:10%;
padding-bottom:10%;
background-color:rgba(0,0,0,0.3);
transform: translate(-50%, -50%);
}


.section-aditivos-right>ul{
position:absolute;
top: 60%;
left: 50%;
width:100%;
padding-top:2%;
padding-right:5%;
padding-left:5%;
padding-bottom:2%;
background-color:rgba(0,0,0,0.3);
transform: translate(-50%, -50%);
}

.section-aditivos-right>ul,li{
font-size: 1.3vw;
font-family: 'Roboto';
}


.btn-fixed{
	margin-left: 15%;
	margin-top: 6%;
	width:30vw;
}