@font-face { font-family: 'Fz'; src: url('../fonts/font/FzPhotograph.woff2') format('woff2'),url('../fonts/font/FzPhotograph.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Vibes'; src: url('../fonts/font/GreatVibes-Regular.woff2') format('woff2'),url('../fonts/font/GreatVibes-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Taken'; src: url('../fonts/font/SVN-TakenbyVultures.woff2') format('woff2'),url('../fonts/font/SVN-TakenbyVultures.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Display Black'; src: url('../fonts/font/PlayfairDisplay-Black.woff2') format('woff2'),url('../fonts/font/PlayfairDisplay-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Play Bold'; src: url('../fonts/font/PlayfairDisplay-Bold.woff2') format('woff2'),url('../fonts/font/PlayfairDisplay-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Play Regular'; src: url('../fonts/font/PlayfairDisplay-Regular.woff2') format('woff2'),url('../fonts/font/PlayfairDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Product-Sans'; src: url('../fonts/font/SVN-ProductSans.woff2') format('woff2'),url('../fonts/font/SVN-ProductSans.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Veneer'; src: url('../fonts/font/SVN-Veneer.woff2') format('woff2'),url('../fonts/font/SVN-Veneer.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Slab Bold'; src: url('../fonts/font/RobotoSlab-Bold.woff2') format('woff2'), url('../fonts/font/RobotoSlab-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Slab Regular'; src: url('../fonts/font/RobotoSlab-Regular.woff2') format('woff2'),url('../fonts/font/RobotoSlab-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Colos'; src: url('../fonts/font/UTMColossalis.woff2') format('woff2'),url('../fonts/font/UTMColossalis.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Revo'; src: url('../fonts/font/SVN-Revolution.woff2') format('woff2'),url('../fonts/font/SVN-Revolution.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Alter'; src: url('../fonts/font/UTMAlterGothic.woff2') format('woff2'),url('../fonts/font/UTMAlterGothic.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: "SVN-Times New Roman"; src: url("../fonts/font/SVN-TimesNewRoman.woff2") format("woff2"), url("../fonts/font/SVN-TimesNewRoman.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: "Helvet"; src: url("../fonts/font/UTMHelvetIns.woff2") format("woff2"), url("../fonts/font/UTMHelvetIns.woff") format("woff"); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'Russ'; src: url('../fonts/font/SVN-Russell.woff2') format('woff2'),url('../fonts/font/SVN-Russell.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Transformer'; src: url('../fonts/font/SVN-Transformer.woff2') format('woff2'),url('../fonts/font/SVN-Transformer.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Busta'; src: url('../fonts/font/UTMBustamalaka.woff2') format('woff2'),url('../fonts/font/UTMBustamalaka.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Euro'; src: url('../fonts/font/SFUEurostileBoldExtendedTwo.woff2') format('woff2'),url('../fonts/font/SFUEurostileBoldExtendedTwo.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'UTM Mother'; src: url('../fonts/font/UTMMother.woff2') format('woff2'),url('../fonts/font/UTMMother.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Attention'; src: url('../fonts/font/MTD.woff2') format('woff2'), url('../fonts/font/MTD.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Oswald Medium'; src: url('../fonts/font/Oswald-Medium.woff2') format('woff2'),url('../fonts/font/Oswald-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Oswald Bold'; src: url('../fonts/font/Oswald-Bold.woff2') format('woff2'),url('../fonts/font/Oswald-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Myriad'; src: url('../fonts/font/MyriadPro-Regular.woff2') format('woff2'),url('../fonts/font/MyriadPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Saira Bold'; src: url('../fonts/font/Saira-Bold.woff2') format('woff2'),url('../fonts/font/Saira-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Caps'; src: url('../fonts/font/UTMBeautifulCaps.woff2') format('woff2'),url('../fonts/font/UTMBeautifulCaps.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Shadow'; src: url('../fonts/font/SFUShadowBTBlackCondensed.woff2') format('woff2'),url('../fonts/font/SFUShadowBTBlackCondensed.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Mirei'; src: url('../fonts/font/DFVN-AOMireille-Regular.woff2') format('woff2'),url('../fonts/font/DFVN-AOMireille-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Core Sans'; src: url('../fonts/font/CoreSansG-Regular.woff2') format('woff2'),url('../fonts/font/CoreSansG-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Avo'; src: url('../fonts/font/UTMAvo.woff2') format('woff2'),url('../fonts/font/UTMAvo.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Avo Bold'; src: url('../fonts/font/UTMAvoBold.woff2') format('woff2'),url('../fonts/font/UTMAvoBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'American'; src: url('../fonts/font/UTMAmericanSans.woff2') format('woff2'),url('../fonts/font/UTMAmericanSans.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Impact'; src: url('../fonts/font/UTMImpact.woff2') format('woff2'),url('../fonts/font/UTMImpact.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Akashi'; src: url('../fonts/font/UTMAkashi.woff2') format('woff2'),url('../fonts/font/UTMAkashi.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Patta'; src: url('../fonts/font/Pattaya-Regular.woff2') format('woff2'),url('../fonts/font/Pattaya-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Dancing'; src: url('../fonts/font/SVN-DancingScript.woff2') format('woff2'),url('../fonts/font/SVN-DancingScript.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Reliant'; src: url('../fonts/font/SVN-Reliant.woff2') format('woff2'),url('../fonts/font/SVN-Reliant.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Noodle'; src: url('../fonts/font/SVN-BigNoodleTitling.woff2') format('woff2'),url('../fonts/font/SVN-BigNoodleTitling.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Ariston'; src: url('../fonts/font/SFUAriston.woff2') format('woff2'),url('../fonts/font/SFUAriston.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Miss'; src: url('../fonts/font/VLMissLeGatees.woff2') format('woff2'),url('../fonts/font/VLMissLeGatees.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 

/* Quick Sand */
@font-face { font-family: 'Quicksand Regular'; src: url('../fonts/font/Quicksand-Regular.woff2') format('woff2'),url('../fonts/font/Quicksand-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Quicksand Bold'; src: url('../fonts/font/Quicksand-Bold.woff2') format('woff2'),url('../fonts/font/Quicksand-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Quicksand Light'; src: url('../fonts/font/Quicksand-Light.woff2') format('woff2'),url('../fonts/font/Quicksand-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Quicksand Medium'; src: url('../fonts/font/Quicksand-Medium.woff2') format('woff2'),url('../fonts/font/Quicksand-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } 

/* OpenSans */
@font-face { font-family: 'Open Semi'; src: url('../fonts/font/OpenSans-SemiBold.woff2') format('woff2'),url('../fonts/font/OpenSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Open Bold'; src: url('../fonts/font/OpenSans-Bold.woff2') format('woff2'),url('../fonts/font/OpenSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Open Regular'; src: url('../fonts/font/OpenSans-Regular.woff2') format('woff2'),url('../fonts/font/OpenSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Open Extra'; src: url('../fonts/font/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/font/OpenSans-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
/* Mulish */
@font-face { font-family: 'Mulish Black'; src: url('../fonts/font/Mulish-Black.woff2') format('woff2'), url('../fonts/font/Mulish-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Mulish Bold'; src: url('../fonts/font/Mulish-Bold.woff2') format('woff2'),url('../fonts/font/Mulish-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Mulish Regular'; src: url('../fonts/font/Mulish-Regular.woff2') format('woff2'), url('../fonts/font/Mulish-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
/* Montserrat */
@font-face { font-family: 'Mont Bold'; src: url('../fonts/font/Montserrat-Bold.woff2') format('woff2'), url('../fonts/font/Montserrat-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Mont Semi'; src: url('../fonts/font/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/font/Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Mont Medium'; src: url('../fonts/font/Montserrat-Medium.woff2') format('woff2'), url('../fonts/font/Montserrat-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Mont Regular'; src: url('../fonts/font/Montserrat-Regular.woff2') format('woff2'), url('../fonts/font/Montserrat-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
/* Roboto */
@font-face { font-family: "Roboto Regular"; src: url("../fonts/font/Roboto-Regular.woff2") format("woff2"), url("../fonts/font/Roboto-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } 
@font-face { font-family: "Roboto Medium"; src: url("../fonts/font/Roboto-Medium.woff") format("woff2"), url("../fonts/font/Roboto-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } 
@font-face { font-family: "Roboto Bold"; src: url("../fonts/font/Roboto-Bold.woff2") format("woff2"), url("../fonts/font/Roboto-Bold.woff") format("woff"); font-weight: bold; font-style: normal; } 
@font-face { font-family: "Roboto Black"; src: url("../fonts/font/Roboto-Black.woff2") format("woff2"), url("../fonts/font/Roboto-Black.woff") format("woff"); font-weight: 900; font-style: normal; } 
@font-face { font-family: "Roboto SemiBold"; src: url("../fonts/font/Roboto-Bold.woff") format("woff2"), url("../fonts/font/Roboto-Bold.woff") format("woff"); font-weight: 600; font-style: normal; } 
@font-face { font-family: "Roboto Regular"; src: url("../fonts/font/Roboto-Regular.woff2") format("woff2"), url("../fonts/font/Roboto-Regular.woff") format("woff"); font-weight: bold; font-style: normal; } 
/* Muli */
@font-face { font-family: "Muli Semi"; src: url("../fonts/font/Muli-SemiBold.woff2") format("woff2"), url("../fonts/font/Muli-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; } 
@font-face { font-family: 'Muli Regular'; src: url('../fonts/font/Muli-Regular.woff2') format('woff2'), url('../fonts/font/Muli-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Muli Bold'; src: url('../fonts/font/Muli-Bold.woff2') format('woff2'), url('../fonts/font/Muli-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
/* Barlow */
@font-face { font-family: 'Barlow Medium'; src: url('../fonts/font/Barlow-Medium.woff2') format('woff2'),url('../fonts/font/Barlow-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Barlow Regular'; src: url('../fonts/font/Barlow-Regular.woff2') format('woff2'),url('../fonts/font/Barlow-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Barlow Bold'; src: url('../fonts/font/Barlow-Bold.woff2') format('woff2'),url('../fonts/font/Barlow-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Barlow Semi'; src: url('../fonts/font/Barlow-SemiBold.woff2') format('woff2'),url('../fonts/font/Barlow-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Barlow Black'; src: url('../fonts/font/Barlow-Black.woff2') format('woff2'),url('../fonts/font/Barlow-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } 
/* Poppins */
@font-face { font-family: 'Display Bold'; src: url('../fonts/font/BeautiqueDisplay-Bold.woff2') format('woff2'),url('../fonts/font/BeautiqueDisplay-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
/* Arial */
@font-face { font-family: 'Arial Bold'; src: url('../fonts/font/SVN-ArialBold.woff2') format('woff2'),url('../fonts/font/SVN-ArialBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Arial Regular'; src: url('../fonts/font/SVN-ArialRegular.woff2') format('woff2'),url('../fonts/font/SVN-ArialRegular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
/* Nunito */
@font-face { font-family: 'Nunito Regular'; src: url('../fonts/font/Nunito-Regular.woff2') format('woff2'),url('../fonts/font/Nunito-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
/* SVN Gilroy */
@font-face { font-family: 'Gilroy Medium'; src: url('../fonts/font/SVN-GilroyMedium.woff2') format('woff2'),url('../fonts/font/SVN-GilroyMedium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Gilroy Bold'; src: url('../fonts/font/SVN-GilroyBold.woff2') format('woff2'), url('../fonts/font/SVN-GilroyBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Gilroy Semi'; src: url('../fonts/font/SVN-GilroySemiBold.woff2') format('woff2'), url('../fonts/font/SVN-GilroySemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Gilroy Regular'; src: url('../fonts/font/SVN-Gilroy.woff2') format('woff2'), url('../fonts/font/SVN-Gilroy.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
/* Taviraj */
@font-face { font-family: 'Tavi Bold'; src: url('../fonts/font/Taviraj-Bold.woff2') format('woff2'), url('../fonts/font/Taviraj-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Tavi Medium'; src: url('../fonts/font/Taviraj-Medium.woff2') format('woff2'),url('../fonts/font/Taviraj-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Tavi Regular'; src: url('../fonts/font/Taviraj-Regular.woff2') format('woff2'),url('../fonts/font/Taviraj-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Tavi Semi'; src: url('../fonts/font/Taviraj-SemiBold.woff2') format('woff2'),url('../fonts/font/Taviraj-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } 
/* Helvetica Neue */
@font-face { font-family: 'Neue Regular'; src: url('../fonts/font/HelveticaNeue.woff2') format('woff2'),url('../fonts/font/HelveticaNeue.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Neue Medium'; src: url('../fonts/font/HelveticaNeue-Medium.woff2') format('woff2'),url('../fonts/font/HelveticaNeue-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Neue Bold'; src: url('../fonts/font/HelveticaNeue-Bold.woff2') format('woff2'),url('../fonts/font/HelveticaNeue-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Neue Light'; src: url('../fonts/font/HelveticaNeue-Light.woff2') format('woff2'),url('../fonts/font/HelveticaNeue-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } 
/* Inter font */
@font-face { font-family: 'Inter Medium'; src: url('../fonts/font/Inter-Medium.woff2') format('woff2'),url('../fonts/font/Inter-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Inter Bold'; src: url('../fonts/font/Inter-Bold.woff2') format('woff2'),url('../fonts/font/Inter-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Inter Regular'; src: url('../fonts/font/Inter-Regular.woff2') format('woff2'),url('../fonts/font/Inter-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 
@font-face { font-family: 'Inter Semi'; src: url('../fonts/font/Inter-SemiBold.woff2') format('woff2'),url('../fonts/font/Inter-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }