@font-face {
    font-family: 'Conv_PSL299pro';
    src:url(PSL299pro.eot);
    src:local('☺'), url(PSL299pro.woff) format('woff'), url(PSL299pro.ttf) format('truetype'), url(PSL299pro.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: url(Kanit-Regular.eot);
    src: local('☺'), url(Kanit-Regular.woff) format('woff'), url(Kanit-Regular.ttf) format('truetype'), url(Kanit-Regular.svg) format('svg')
}

@font-face {
    font-family: 'Kanit-Medium';
    font-style: normal;
    font-weight: normal;
    src: url(Kanit-Medium.eot);
    src: local('☺'), url(Kanit-Medium.woff) format('woff'), url(Kanit-Medium.ttf) format('truetype'), url(Kanit-Medium.svg) format('svg')
}

@font-face {
    font-family: 'Kanit-Light';
    font-style: normal;
    font-weight: bold;
    src: url(Kanit-Light.eot);
    src: local('☺'), url(Kanit-Light.woff) format('woff'), url(Kanit-Light.ttf) format('truetype'), url(Kanit-Light.svg) format('svg')
}

@font-face {
    font-family: 'kanitbold';
    src: url('kanit-bold-webfont.woff2') format('woff2'),
         url('kanit-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.mouse-animate {
    animation: fadeInDown-Mouse 0.3s ease;
    animation-iteration-count: infinite;
}
@keyframes fadeInDown-Mouse {
  20% {
    filter: saturate(100%);
  }
	
  60% {
    filter: saturate(300%);
  }	

  to {
    filter: saturate(100%);
  }
}

.fadeInDown-Mouse {
  animation-name: fadeInDown-Mouse;
}