@charset "utf-8";
/* CSS Document */

div.random div{
	
}
/*Prevent images downloaded*/
img {
    pointer-events: none;
}

/*Text zise and weight*/
.anavbar{
	font-size: 0.8em;
}

a{
	text-decoration: none;
	color: dimgray;
}
/*Bacground images*/
#bgimgmatrixap{
	background-image: url(../img/filtro-armonico-matrixap.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 0;
}
#bgimgbartecexp{
	background-image: url(../img/bartec-explosion-proof.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 0;
}
#bglgdisplay{
	background-image: url(../img/solucionesdigitaleslg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 0;
}
#bgimgbartecempresa{
	background-image: url(../img/bartec-empresa.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	padding-top: 0;
}
#bgimgbateriasdynasty{
	background-image: url(../img/bateria-dynasty.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	padding-top: 0;
}
#bgimgbartecempresa-m{
	background-image: url(../img/bartec-empresa-mob.jpg);
	background-position: center;
	background-repeat: no-repeat;	
	padding-top: 0;
}
.bgprod1{
background-image: url(../img/atex.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 0;	
}
/*CSS Animations*/

.animatedlogo {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInDownBig { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-200px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInDownBig { 
    0% { 
        opacity: 0; 
        transform: translateY(-200px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDownBig { 
    -webkit-animation-name: fadeInDownBig; 
    animation-name: fadeInDownBig; 
}

.noise {
  
  animation: interference 3s infinite;
}
@keyframes interference {
    0% {
        transform: skewX(0)
    }

    31% {
        transform: skewX(-2deg)
    }

    31.5% {
        transform: skewX(89deg)
    }

    32% {
        transform: skewX(89deg)
    }

    32.1% {
        transform: skewX(0)
    }

    33% {
        transform: skewX(2deg)
    }

    54% {
        transform: skewX(0deg)
    }

    94% {
  
        transform: skewX(2deg)
    }

    95.1% {
        transform: skewX(-3deg)
    }

    95.2% {
        transform: skewX(-89deg)
    }

    95.3% {
        transform: skewX(2deg)
    }

    100% {
        transform: skewX(0)
    }
}

/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}

/*Dek display on desk and tablet*/
#dek {display:block;}
#mob {display:none;}
div.dek, nav.dek, footer.dek, img.dek, svg.dek, h.dek, p.dek, a.dek {display:block;}
div.mob, nav.mob, footer.mob, img.mob, svg.mob, h.mob, p.mob, a.mob {display:none;}

/*Content when screens bigger than 760 desktops*/
@media (min-width: 760px){
	
	
}
/*Content when screens max 759 min 435 tablets*/
@media (max-width: 759px){
	
	
}
/*Content when screens max 435 mobiles*/
@media (max-width: 435px){
/*mob display in mobiles*/	
#dek {display:none;}
#mob {display:block;}	
div.dek, nav.dek, footer.dek, img.dek, svg.dek, h.dek, p.dek, a.dek {display:none;}
div.mob, nav.mob, footer.mob, img.mob, svg.mob, h.mob, p.mob, a.mob {display:block;}	
	
}