body{
  color: #646464;
}

.saira-<uniquifier> {
  font-family: "Saira", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.blue-bg{
	background-color: #061452;
}
.red-bg{
	background-color: #A20000;
}
.red-text{
	color: #a20000;
}
.blue-text{
	color: #061452;
}
.poco-gray{
	background-color: #E1DDDD;
}
.fondo{  
 background:url(../img/bg-plant.jpg) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
}
 .fill{
   width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  min-height: 250px;
  padding-top: 20px;
Z }
.parallax{
    background-image: url(../img/bg-mecanics2.png);
             /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
 }

 .full-cta{
   background:url(../img/toroid.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
 }
 .full-chemical{
   background:url(../img/bg-quimica.jpg) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 70vh;
        padding-bottom: 400px;
 }
 .full-organics{
   background:url(../img/bg-inorganics.jpg) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 70vh;
        padding-bottom: 400px;
 }
 .full-pigments{
   background:url(../img/bg-pigmentos.jpg) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 70vh;
        padding-bottom: 400px;
 }
 .full-mechanics{
   background:url(../img/bg-mecanics.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 70vh;
        padding-bottom: 400px;
 }

#topnav .nav-link{
color: #fff;
font-size: 85%;
}
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 1000

.dm-sans-200 {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.dm-sans-800i {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 1000;
  font-style: italic;
}
.dm-sans-800 {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: italic;
}
.imageni{
  transform: scale(var(--escala, 1));
  transition: transform 0.45s;
}
.imageni:hover{
  --escala: 1.2;
  cursor:pointer;
}
.bg-grad{
    background-image: linear-gradient(#194968,#000000 )
  }
  .bg-darkest{
  background-color: #000000;
  columns: #fff;
  font-size: 80%;
}
.bg-darker{
  background-color: rgba(5, 5, 5, .6);
}
.bg-lighter{
  background-color: rgba(255, 255, 255, .8);
}
#footer a{
  color: #fff;
  text-decoration:none;
}
#listed li{
 list-style-image: url(../img/line-dot.png);
}
#mmenu a{
  text-decoration: none;
  color: #fff;
}
#listed-r li{
  list-style-image: url(../img/line-dot-white.png);
}
.rdots{
  list-stye-image: url(../img/line-dot-red.png);
}
.titulo{  
  font-family: "Saira", serif;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: italic;
  font-variation-settings:
    "wdth" 100;
} 
.subtitulo{
 font-family: "Saira", serif;
  font-optical-sizing: auto;
  font-weight: 700 !important;
  font-style: italic;
  font-variation-settings:
    "wdth" 100;
}
.sub-2{  
   font-size: calc(1.275rem + 0.3vw) !important;
  color: #a20000;
  font-weight: 600 !important; 
}

.wapp{
  width: 50px;
  height: 190px;
  position: fixed;  
  z-index: 1090;  
  top: 360px;
  right: 0;
}

.video-container {
  position: relative;
  height: 100vh;
}
.video-container-top {
  position: relative;
  height: 45vh;
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
} 
.video1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: ;
  z-index: -1;
}