@font-face {
    font-family: 'BloggerSans';
    src: url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-bold.eot');
    src: url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-boldd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-bold.woff2') format('woff2'),
         url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-bold.woff') format('woff'),
         url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-bold.ttf') format('truetype'),
         url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-bold.svg#BloggerSansBold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'BloggerSans';
    src: url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-bold-italic.eot');
    src: url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-bold-italicd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-bold-italic.woff2') format('woff2'),
         url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-bold-italic.woff') format('woff'),
         url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-bold-italic.ttf') format('truetype'),
         url('fonts/blogger-sans/blogger-sans-bold/blogger-sans-bold-italic.svg#BloggerSansBoldItalic') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'BloggerSans';
    src: url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-medium.eot');
    src: url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-mediumd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-medium.woff2') format('woff2'),
         url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-medium.woff') format('woff'),
         url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-medium.ttf') format('truetype'),
         url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-medium.svg#BloggerSansMedium') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'BloggerSans';
    src: url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-medium-italic.eot');
    src: url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-medium-italicd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-medium-italic.woff2') format('woff2'),
         url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-medium-italic.woff') format('woff'),
         url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-medium-italic.ttf') format('truetype'),
         url('fonts/blogger-sans/blogger-sans-medium/blogger-sans-medium-italic.svg#BloggerSansMediumItalic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'BloggerSans';
    src: url('fonts/blogger-sans/blogger-sans-light/blogger-sans-light-italic.eot');
    src: url('fonts/blogger-sans/blogger-sans-light/blogger-sans-light-italicd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/blogger-sans/blogger-sans-light/blogger-sans-light-italic.woff2') format('woff2'),
         url('fonts/blogger-sans/blogger-sans-light/blogger-sans-light-italic.woff') format('woff'),
         url('fonts/blogger-sans/blogger-sans-light/blogger-sans-light-italic.ttf') format('truetype'),
         url('fonts/blogger-sans/blogger-sans-light/blogger-sans-light-italic.svg#BloggerSansLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'BloggerSans';
    src: url('fonts/blogger-sans/blogger-sans-light/blogger-sans-light.eot');
    src: url('fonts/blogger-sans/blogger-sans-light/blogger-sans-lightd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/blogger-sans/blogger-sans-light/blogger-sans-light.woff2') format('woff2'),
         url('fonts/blogger-sans/blogger-sans-light/blogger-sans-light.woff') format('woff'),
         url('fonts/blogger-sans/blogger-sans-light/blogger-sans-light.ttf') format('truetype'),
         url('fonts/blogger-sans/blogger-sans-light/blogger-sans-light.svg#BloggerSansLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

/*@font-face {
font-family:"work-sans";
src:url("fonts/af/d53556/00000000000000003b9b139f/27/l3524?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n3&v=3") format("woff2"),url("fonts/af/d53556/00000000000000003b9b139f/27/d3524?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n3&v=3") format("woff"),url("fonts/af/d53556/00000000000000003b9b139f/27/a3524?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}

@font-face {
font-family:"work-sans";
src:url("fonts/af/0f7d9c/00000000000000003b9b13a0/27/l7cd2?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n4&v=3") format("woff2"),url("fonts/af/0f7d9c/00000000000000003b9b13a0/27/d7cd2?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n4&v=3") format("woff"),url("fonts/af/0f7d9c/00000000000000003b9b13a0/27/a7cd2?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"work-sans";
src:url("fonts/af/e96d05/00000000000000003b9b13a1/27/ld8f0?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n5&v=3") format("woff2"),url("fonts/af/e96d05/00000000000000003b9b13a1/27/dd8f0?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n5&v=3") format("woff"),url("fonts/af/e96d05/00000000000000003b9b13a1/27/ad8f0?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;
}

@font-face {
font-family:"work-sans";
src:url("fonts/af/2b68b7/00000000000000003b9b13a2/27/l99da?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n6&v=3") format("woff2"),url("fonts/af/2b68b7/00000000000000003b9b13a2/27/d99da?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n6&v=3") format("woff"),url("fonts/af/2b68b7/00000000000000003b9b13a2/27/a99da?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;
}

@font-face {
font-family:"work-sans";
src:url("fonts/af/b13a2b/00000000000000003b9b13a3/27/lb17a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n7&v=3") format("woff2"),url("fonts/af/b13a2b/00000000000000003b9b13a3/27/db17a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n7&v=3") format("woff"),url("fonts/af/b13a2b/00000000000000003b9b13a3/27/ab17a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}
*/

@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-Thin.ttf')  format('truetype');
  font-weight:100;
  font-style:regular;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-ExtraLight.ttf')  format('truetype');
  font-weight:200;
  font-style:regular;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-Light.ttf')  format('truetype');
  font-weight:300;
  font-style:regular;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-Regular.ttf')  format('truetype');
  font-weight:400;
  font-style:regular;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-Medium.ttf')  format('truetype');
  font-weight:500;
  font-style:regular;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-SemiBold.ttf')  format('truetype');
  font-weight:600;
  font-style:regular;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-Bold.ttf')  format('truetype');
  font-weight:700;
  font-style:regular;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-ExtraBold.ttf')  format('truetype');
  font-weight:800;
  font-style:regular;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-Black.ttf')  format('truetype');
  font-weight:900;
  font-style:regular;
}

@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-ThinItalic.ttf')  format('truetype');
  font-weight:100;
  font-style:italic;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-ExtraLightItalic.ttf')  format('truetype');
  font-weight:200;
  font-style:italic;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-LightItalic.ttf')  format('truetype');
  font-weight:300;
  font-style:italic;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-Italic.ttf')  format('truetype');
  font-weight:400;
  font-style:italic;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-MediumItalic.ttf')  format('truetype');
  font-weight:500;
  font-style:italic;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-SemiBoldItalic.ttf')  format('truetype');
  font-weight:600;
  font-style:italic;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-BoldItalic.ttf')  format('truetype');
  font-weight:700;
  font-style:italic;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-ExtraBoldItalic.ttf')  format('truetype');
  font-weight:800;
  font-style:italic;
}
@font-face {
  font-family: 'work-sans';
  src: url('fonts/work-sans/WorkSans-BlackItalic.ttf')  format('truetype');
  font-weight:900;
  font-style:italic;
}



@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic; }


@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }


@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic; }


@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(fonts/kanit/Kanit-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic; }


.tk-work-sans { font-family: "work-sans",sans-serif; }
.tk-kanit { font-family: "kanit",sans-serif; }