@font-face {
    font-family: 'kanitbold';
    src: url('../fonts/kanit-bold-webfont.woff2') format('woff2'),
         url('../fonts/../fonts/kanit-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kanititalic';
    src: url('../fonts/kanit-italic-webfont.woff2') format('woff2'),
         url('../fonts/kanit-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kanitmedium';
    src: url('../fonts/kanit-medium-webfont.woff2') format('woff2'),
         url('../fonts/kanit-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kanitregular';
    src: url('../fonts/kanit-regular-webfont.woff2') format('woff2'),
         url('../fonts/kanit-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubikbold';
    src: url('../fonts/rubik-bold-webfont.woff2') format('woff2'),
         url('../fonts/rubik-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}@font-face {
    font-family: 'rubikitalic';
    src: url('../fonts/rubik-italic-webfont.woff2') format('woff2'),
         url('../fonts/rubik-italic-webfont.woff') format('woff');
    font-weight: normal; 
    font-style: normal;
}
@font-face {
    font-family: 'rubikmedium';
    src: url('../fonts/rubik-medium-webfont.woff2') format('woff2'),
         url('../fonts/rubik-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubikregular';
    src: url('../fonts/rubik-regular-webfont.woff2') format('woff2'),
         url('../fonts/rubik-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tavirajmedium';
    src: url('../fonts/taviraj-medium-webfont.woff2') format('woff2'),
         url('../fonts/taviraj-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/**fonts**/

@set{
    font-1: 'kanitregular';
    font-1-b: 'kanitbold';
    font-1-i: 'kanititalic';
    font-1-m: 'kanitmedium';
    font-2: 'rubikregular';
    font-2-b: 'rubikbold';
    font-2-i: 'rubikitalic';
    font-2-m: 'rubikmedium';
    font-3: 'tavirajmedium';
}

/**colors**/

@set{
    color-1: #000000; /**Black**/
    color-2: #eed960; /**Gold**/
    color-3: #454545; /**Black**/
    color-4: #ffffff;
    color-5: #d7d7d7; /**Gray**/
    color-6: #f5f5f5; /**Gray**/
    color-7: #fafafa;
    color-8: #ededed;
    color-9: #d6b054;
}

/**Group**/