/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2023 Schwartzco Inc.
        License: 2306-MJGGFX     
*/


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-SuperItalic-Web.woff2') format('woff2'),
       url('GraphikThai-SuperItalic-Web.woff') format('woff');
  font-weight:  900;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThai-SuperItalic-Web {
  font-family: 'Graphik TH Web';
  font-weight:  900;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-Super-Web.woff2') format('woff2'),
       url('GraphikThai-Super-Web.woff') format('woff');
  font-weight:  900;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThai-Super-Web {
  font-family: 'Graphik TH Web';
  font-weight:  900;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-BlackItalic-Web.woff2') format('woff2'),
       url('GraphikThai-BlackItalic-Web.woff') format('woff');
  font-weight:  800;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThai-BlackItalic-Web {
  font-family: 'Graphik TH Web';
  font-weight:  800;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-Black-Web.woff2') format('woff2'),
       url('GraphikThai-Black-Web.woff') format('woff');
  font-weight:  800;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThai-Black-Web {
  font-family: 'Graphik TH Web';
  font-weight:  800;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-BoldItalic-Web.woff2') format('woff2'),
       url('GraphikThai-BoldItalic-Web.woff') format('woff');
  font-weight:  700;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThai-BoldItalic-Web {
  font-family: 'Graphik TH Web';
  font-weight:  700;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-Bold-Web.woff2') format('woff2'),
       url('GraphikThai-Bold-Web.woff') format('woff');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThai-Bold-Web {
  font-family: 'Graphik TH Web';
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-SemiboldItalic-Web.woff2') format('woff2'),
       url('GraphikThai-SemiboldItalic-Web.woff') format('woff');
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThai-SemiboldItalic-Web {
  font-family: 'Graphik TH Web';
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-Semibold-Web.woff2') format('woff2'),
       url('GraphikThai-Semibold-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThai-Semibold-Web {
  font-family: 'Graphik TH Web';
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-MediumItalic-Web.woff2') format('woff2'),
       url('GraphikThai-MediumItalic-Web.woff') format('woff');
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThai-MediumItalic-Web {
  font-family: 'Graphik TH Web';
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-Medium-Web.woff2') format('woff2'),
       url('GraphikThai-Medium-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThai-Medium-Web {
  font-family: 'Graphik TH Web';
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-RegularItalic-Web.woff2') format('woff2'),
       url('GraphikThai-RegularItalic-Web.woff') format('woff');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThai-RegularItalic-Web {
  font-family: 'Graphik TH Web';
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-Regular-Web.woff2') format('woff2'),
       url('GraphikThai-Regular-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThai-Regular-Web {
  font-family: 'Graphik TH Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-LightItalic-Web.woff2') format('woff2'),
       url('GraphikThai-LightItalic-Web.woff') format('woff');
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThai-LightItalic-Web {
  font-family: 'Graphik TH Web';
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-Light-Web.woff2') format('woff2'),
       url('GraphikThai-Light-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThai-Light-Web {
  font-family: 'Graphik TH Web';
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-ExtralightItalic-Web.woff2') format('woff2'),
       url('GraphikThai-ExtralightItalic-Web.woff') format('woff');
  font-weight:  200;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThai-ExtralightItalic-Web {
  font-family: 'Graphik TH Web';
  font-weight:  200;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-Extralight-Web.woff2') format('woff2'),
       url('GraphikThai-Extralight-Web.woff') format('woff');
  font-weight:  200;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThai-Extralight-Web {
  font-family: 'Graphik TH Web';
  font-weight:  200;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-ThinItalic-Web.woff2') format('woff2'),
       url('GraphikThai-ThinItalic-Web.woff') format('woff');
  font-weight:  100;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThai-ThinItalic-Web {
  font-family: 'Graphik TH Web';
  font-weight:  100;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik TH Web';
  src: url('GraphikThai-Thin-Web.woff2') format('woff2'),
       url('GraphikThai-Thin-Web.woff') format('woff');
  font-weight:  100;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThai-Thin-Web {
  font-family: 'Graphik TH Web';
  font-weight:  100;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-SuperItalic-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-SuperItalic-Web.woff') format('woff');
  font-weight:  900;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThaiLoop-SuperItalic-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  900;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-Super-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-Super-Web.woff') format('woff');
  font-weight:  900;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThaiLoop-Super-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  900;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-BlackItalic-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-BlackItalic-Web.woff') format('woff');
  font-weight:  800;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThaiLoop-BlackItalic-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  800;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-Black-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-Black-Web.woff') format('woff');
  font-weight:  800;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThaiLoop-Black-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  800;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-BoldItalic-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-BoldItalic-Web.woff') format('woff');
  font-weight:  700;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThaiLoop-BoldItalic-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  700;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-Bold-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-Bold-Web.woff') format('woff');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThaiLoop-Bold-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-SemiboldItalic-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-SemiboldItalic-Web.woff') format('woff');
  font-weight:  600;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThaiLoop-SemiboldItalic-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  600;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-Semibold-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-Semibold-Web.woff') format('woff');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThaiLoop-Semibold-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-MediumItalic-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-MediumItalic-Web.woff') format('woff');
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThaiLoop-MediumItalic-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-Medium-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-Medium-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThaiLoop-Medium-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-RegularItalic-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-RegularItalic-Web.woff') format('woff');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThaiLoop-RegularItalic-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-Regular-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-Regular-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThaiLoop-Regular-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-LightItalic-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-LightItalic-Web.woff') format('woff');
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThaiLoop-LightItalic-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-Light-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-Light-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThaiLoop-Light-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-ExtralightItalic-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-ExtralightItalic-Web.woff') format('woff');
  font-weight:  200;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThaiLoop-ExtralightItalic-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  200;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-Extralight-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-Extralight-Web.woff') format('woff');
  font-weight:  200;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThaiLoop-Extralight-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  200;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-ThinItalic-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-ThinItalic-Web.woff') format('woff');
  font-weight:  100;
  font-style:   italic;
  font-stretch: normal;
}

.GraphikThaiLoop-ThinItalic-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  100;
  font-style:   italic;
  font-stretch: normal;
}


@font-face {
  font-family: 'Graphik Thai Loop Web';
  src: url('GraphikThaiLoop-Thin-Web.woff2') format('woff2'),
       url('GraphikThaiLoop-Thin-Web.woff') format('woff');
  font-weight:  100;
  font-style:   normal;
  font-stretch: normal;
}

.GraphikThaiLoop-Thin-Web {
  font-family: 'Graphik Thai Loop Web';
  font-weight:  100;
  font-style:   normal;
  font-stretch: normal;
}