﻿@-webkit-keyframes fadeIn {
    0% { opacity: 0;display: block;}
    20% { opacity: 0.2;display: block;}
    40% { opacity: 0.4;display: block;}
    60% { opacity: 0.6;display: block;}
    80% { opacity: 0.8;display: block;}
    100% { opacity: 0.8;display: block;}
}
@-moz-keyframes fadeIn {
    0% { opacity: 0;display: block;}
    20% { opacity: 0.2;display: block;}
    40% { opacity: 0.4;display: block;}
    60% { opacity: 0.6;display: block;}
    80% { opacity: 0.8;display: block;}
    100% { opacity: 0.8;display: block;}
}
@keyframes fadeIn {
    0% { opacity: 0;display: block;}
    20% { opacity: 0.2;display: block;}
    40% { opacity: 0.4;display: block;}
    60% { opacity: 0.6;display: block;}
    80% { opacity: 0.8;display: block;}
    100% { opacity: 0.8;display: block;}
}

@-webkit-keyframes fadeOut {
    100% { opacity: 0.8;display: block;}
    80% { opacity: 0.8;display: block;}
    60% { opacity: 0.6;display: block;}
    40% { opacity: 0.4;display: block;}
    20% { opacity: 0.2;display: block;}
    0% { opacity: 0;display: none;}
}
@-moz-keyframes fadeOut {
    100% { opacity: 0.8;display: block;}
    80% { opacity: 0.8;display: block;}
    60% { opacity: 0.6;display: block;}
    40% { opacity: 0.4;display: block;}
    20% { opacity: 0.2;display: block;}
    0% { opacity: 0;display: none;}
}
@keyframes fadeOut {
    100% { opacity: 0.8;display: block;}
    80% { opacity: 0.8;display: block;}
    60% { opacity: 0.6;display: block;}
    40% { opacity: 0.4;display: block;}
    20% { opacity: 0.2;display: block;}
    0% { opacity: 0;display: none;}
}

@-webkit-keyframes shine {
    0% { border-color: #daa520;opacity: 0.8;color:chocolate; }
    25% { border-color: #f0e68c;opacity: 0.6;color: coral; }
    50% { border-color: #daa520;opacity: 0.8;color:chocolate; }
    75% { border-color: #f0e68c;opacity: 0.6;color: coral; }
    100% { border-color: #daa520;opacity: 0.8;color:chocolate; }
}
@-moz-keyframes shine {
    0% { border-color: #daa520;opacity: 0.8;color:chocolate; }
    25% { border-color: #f0e68c;opacity: 0.6;color: coral; }
    50% { border-color: #daa520;opacity: 0.8;color:chocolate; }
    75% { border-color: #f0e68c;opacity: 0.6;color: coral; }
    100% { border-color: #daa520;opacity: 0.8;color:chocolate; }
}
@keyframes shine {
    0% { border-color: #daa520;opacity: 0.8;color:chocolate; }
    25% { border-color: #f0e68c;opacity: 0.6;color: coral; }
    50% { border-color: #daa520;opacity: 0.8;color:chocolate; }
    75% { border-color: #f0e68c;opacity: 0.6;color: coral; }
    100% { border-color: #daa520;opacity: 0.8;color:chocolate; }
}
