/* ---- IMAGE EFFECTS ---- */

img.fadein {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
       opacity: 0.8;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
}
@keyframes fadein {
    from {opacity:0;}
    to {opacity:0.8;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:0.8;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:0.8;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity:0.8;}
}

img.fadein:hover {
    opacity: 1.0;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
}

/* @group GLOBAL IMAGES */

img.socialbtn{
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	max-height: 20px;
	max-width: 20px;
	min-height: 20px;
	min-width: 20px;
	border: 0;
}
img.socialbtn:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

img.clickableImg{
	opacity: 1;
	-moz-opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;

}
img.clickableImg:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}



/* @end */