img.pe-black-and-white.native {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray !important; 
	-webkit-transition: -webkit-filter 0.3s ease-out; 
    -moz-transition: -moz-filter 0.3s ease-out; 
    -ms-transition: -ms-filter 0.3s ease-out; 
    -o-transition: -o-filter 0.3s ease-out; 
    transition: filter 0.3s ease-out;
	-webkit-transform: translateZ(0px);
}

img.pe-black-and-white.native:hover, a:hover img.pe-black-and-white.native {
	-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0); 
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0); 
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: none !important;
}

img.pe-black-and-white.svg-filter {
    -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
	opacity: 1;
	filter:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGZpbHRlciBpZD0iZ3JheXNjYWxlIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIwIi8+PC9maWx0ZXI+PC9zdmc+#grayscale);
}

img.pe-black-and-white.svg-filter:hover,a:hover img.pe-black-and-white.svg-filter {
	opacity: 0 !important;
}

.pe-black-and-white-container svg {
    -o-transition: opacity 0.3s ease-out; 
    -ms-transition: -ms-filter 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
	opacity: 1;
}

.pe-black-and-white-container svg:hover,.pe-black-and-white-container:hover svg {
	opacity: 0 !important;
}