@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');



.openSans-300 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
}
.openSans-400 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
}
.openSans-500 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal;
}
.openSans-600 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
}
.openSans-700 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
}
.openSans-800 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-style: normal;
}

.openSansItalic-300 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: italic;
}
.openSansItalic-400 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: italic;
}
.openSansItalic-500 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: italic;
}
.openSansItalic-600 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: italic;
}
.openSansItalic-700 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: italic;
}
.openSansItalic-800 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-style: italic;
}


@font-face {
    font-family: 'IvyMode-R';
    src: url('IvyMode-Regular.eot');
    src: local('Ivy Mode Regular'), local('IvyMode-Regular'),
        url('IvyMode-Regular.eot?#iefix') format('embedded-opentype'),
        url('IvyMode-Regular.woff2') format('woff2'),
        url('IvyMode-Regular.woff') format('woff'),
        url('IvyMode-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IvyMode-LI';
    src: url('IvyMode-LightItalic.eot');
    src: local('Ivy Mode Light Italic'), local('IvyMode-LightItalic'),
        url('IvyMode-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('IvyMode-LightItalic.woff2') format('woff2'),
        url('IvyMode-LightItalic.woff') format('woff'),
        url('IvyMode-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'IvyMode-SBI';
    src: url('IvyMode-SemiBoldItalic.eot');
    src: local('Ivy Mode SemiBold Italic'), local('IvyMode-SemiBoldItalic'),
        url('IvyMode-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('IvyMode-SemiBoldItalic.woff2') format('woff2'),
        url('IvyMode-SemiBoldItalic.woff') format('woff'),
        url('IvyMode-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'IvyMode-TI';
    src: url('IvyMode-ThinItalic.eot');
    src: local('Ivy Mode Thin Italic'), local('IvyMode-ThinItalic'),
        url('IvyMode-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('IvyMode-ThinItalic.woff2') format('woff2'),
        url('IvyMode-ThinItalic.woff') format('woff'),
        url('IvyMode-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'IvyMode-I';
    src: url('IvyMode-Italic.eot');
    src: local('Ivy Mode Italic'), local('IvyMode-Italic'),
        url('IvyMode-Italic.eot?#iefix') format('embedded-opentype'),
        url('IvyMode-Italic.woff2') format('woff2'),
        url('IvyMode-Italic.woff') format('woff'),
        url('IvyMode-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'IvyMode-BI';
    src: url('IvyMode-BoldItalic.eot');
    src: local('Ivy Mode Bold Italic'), local('IvyMode-BoldItalic'),
        url('IvyMode-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('IvyMode-BoldItalic.woff2') format('woff2'),
        url('IvyMode-BoldItalic.woff') format('woff'),
        url('IvyMode-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'IvyMode-B';
    src: url('IvyMode-Bold.eot');
    src: local('Ivy Mode Bold'), local('IvyMode-Bold'),
        url('IvyMode-Bold.eot?#iefix') format('embedded-opentype'),
        url('IvyMode-Bold.woff2') format('woff2'),
        url('IvyMode-Bold.woff') format('woff'),
        url('IvyMode-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'IvyMode-L';
    src: url('IvyMode-Light.eot');
    src: local('Ivy Mode Light'), local('IvyMode-Light'),
        url('IvyMode-Light.eot?#iefix') format('embedded-opentype'),
        url('IvyMode-Light.woff2') format('woff2'),
        url('IvyMode-Light.woff') format('woff'),
        url('IvyMode-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'IvyMode-T';
    src: url('IvyMode-Thin.eot');
    src: local('Ivy Mode Thin'), local('IvyMode-Thin'),
        url('IvyMode-Thin.eot?#iefix') format('embedded-opentype'),
        url('IvyMode-Thin.woff2') format('woff2'),
        url('IvyMode-Thin.woff') format('woff'),
        url('IvyMode-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'IvyMode-SB';
    src: url('IvyMode-SemiBold.eot');
    src: local('Ivy Mode SemiBold'), local('IvyMode-SemiBold'),
        url('IvyMode-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('IvyMode-SemiBold.woff2') format('woff2'),
        url('IvyMode-SemiBold.woff') format('woff'),
        url('IvyMode-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

.IvyMode-600 {
    font-family: IvyMode-SB, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-600Italic {
    font-family: IvyMode-SBI, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-100 {
    font-family: IvyMode-T, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-100Italic {
    font-family: IvyMode-TI, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-300 {
    font-family: IvyMode-L, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-300Italic {
    font-family: IvyMode-LI, verdana, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-Bold {
    font-family: IvyMode-B, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-BoldItalic {
    font-family: IvyMode-BI, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-Italic {
    font-family: IvyMode-I,arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-ThinItalic {
    font-family: IvyMode-TI, verdana, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-SemiBoldItalic {
    font-family: IvyMode-SBI, verdana, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-SemiLightItalic {
    font-family: IvyMode-LI, verdana, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.IvyMode-Regular {
    font-family: IvyMode-R, verdana, arial, helvetica, clean, sans-serif;
    font-weight: normal;
    font-style: normal;
}