/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or Overwriting Default Theme Styles
-----------------------------------------------------------------*/

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 100;
    font-stretch: normal;
    font-style: normal;
    src: url('../woff2/iosevka-thin.woff2') format('woff2');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 100;
    font-stretch: expanded;
    font-style: normal;
    src: url('../woff2/iosevka-extendedthin.woff2') format('woff2'), url('ttf/iosevka-extendedthin.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 100;
    font-stretch: normal;
    font-style: oblique;
    src: url('../woff2/iosevka-thinoblique.woff2') format('woff2'), url('ttf/iosevka-thinoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 100;
    font-stretch: normal;
    src: url('../woff2/iosevka-thinoblique.woff2') format('woff2'), url('ttf/iosevka-thinoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 100;
    font-stretch: expanded;
    font-style: oblique;
    src: url('../woff2/iosevka-extendedthinoblique.woff2') format('woff2'), url('ttf/iosevka-extendedthinoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 100;
    font-stretch: expanded;
    src: url('../woff2/iosevka-extendedthinoblique.woff2') format('woff2'), url('ttf/iosevka-extendedthinoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 100;
    font-stretch: normal;
    font-style: italic;
    src: url('../woff2/iosevka-thinitalic.woff2') format('woff2'), url('ttf/iosevka-thinitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 100;
    font-stretch: expanded;
    font-style: italic;
    src: url('../woff2/iosevka-extendedthinitalic.woff2') format('woff2'), url('ttf/iosevka-extendedthinitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 200;
    font-stretch: normal;
    font-style: normal;
    src: url('../woff2/iosevka-extralight.woff2') format('woff2'), url('ttf/iosevka-extralight.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 200;
    font-stretch: expanded;
    font-style: normal;
    src: url('../woff2/iosevka-extendedextralight.woff2') format('woff2'), url('ttf/iosevka-extendedextralight.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 200;
    font-stretch: normal;
    font-style: oblique;
    src: url('woff2/iosevka-extralightoblique.woff2') format('woff2'), url('ttf/iosevka-extralightoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 200;
    font-stretch: normal;
    src: url('woff2/iosevka-extralightoblique.woff2') format('woff2'), url('ttf/iosevka-extralightoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 200;
    font-stretch: expanded;
    font-style: oblique;
    src: url('woff2/iosevka-extendedextralightoblique.woff2') format('woff2'), url('ttf/iosevka-extendedextralightoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 200;
    font-stretch: expanded;
    src: url('woff2/iosevka-extendedextralightoblique.woff2') format('woff2'), url('ttf/iosevka-extendedextralightoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 200;
    font-stretch: normal;
    font-style: italic;
    src: url('woff2/iosevka-extralightitalic.woff2') format('woff2'), url('ttf/iosevka-extralightitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 200;
    font-stretch: expanded;
    font-style: italic;
    src: url('woff2/iosevka-extendedextralightitalic.woff2') format('woff2'), url('ttf/iosevka-extendedextralightitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    src: url('woff2/iosevka-light.woff2') format('woff2'), url('ttf/iosevka-light.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 300;
    font-stretch: expanded;
    font-style: normal;
    src: url('woff2/iosevka-extendedlight.woff2') format('woff2'), url('ttf/iosevka-extendedlight.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 300;
    font-stretch: normal;
    font-style: oblique;
    src: url('woff2/iosevka-lightoblique.woff2') format('woff2'), url('ttf/iosevka-lightoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 300;
    font-stretch: normal;
    src: url('woff2/iosevka-lightoblique.woff2') format('woff2'), url('ttf/iosevka-lightoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 300;
    font-stretch: expanded;
    font-style: oblique;
    src: url('woff2/iosevka-extendedlightoblique.woff2') format('woff2'), url('ttf/iosevka-extendedlightoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 300;
    font-stretch: expanded;
    src: url('woff2/iosevka-extendedlightoblique.woff2') format('woff2'), url('ttf/iosevka-extendedlightoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    src: url('woff2/iosevka-lightitalic.woff2') format('woff2'), url('ttf/iosevka-lightitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 300;
    font-stretch: expanded;
    font-style: italic;
    src: url('woff2/iosevka-extendedlightitalic.woff2') format('woff2'), url('ttf/iosevka-extendedlightitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    src: url('woff2/iosevka-regular.woff2') format('woff2'), url('ttf/iosevka-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 400;
    font-stretch: expanded;
    font-style: normal;
    src: url('woff2/iosevka-extended.woff2') format('woff2'), url('ttf/iosevka-extended.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 400;
    font-stretch: normal;
    font-style: oblique;
    src: url('woff2/iosevka-oblique.woff2') format('woff2'), url('ttf/iosevka-oblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 400;
    font-stretch: normal;
    src: url('woff2/iosevka-oblique.woff2') format('woff2'), url('ttf/iosevka-oblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 400;
    font-stretch: expanded;
    font-style: oblique;
    src: url('woff2/iosevka-extendedoblique.woff2') format('woff2'), url('ttf/iosevka-extendedoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 400;
    font-stretch: expanded;
    src: url('woff2/iosevka-extendedoblique.woff2') format('woff2'), url('ttf/iosevka-extendedoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 400;
    font-stretch: normal;
    font-style: italic;
    src: url('woff2/iosevka-italic.woff2') format('woff2'), url('ttf/iosevka-italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 400;
    font-stretch: expanded;
    font-style: italic;
    src: url('woff2/iosevka-extendeditalic.woff2') format('woff2'), url('ttf/iosevka-extendeditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    src: url('woff2/iosevka-medium.woff2') format('woff2'), url('ttf/iosevka-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 500;
    font-stretch: expanded;
    font-style: normal;
    src: url('woff2/iosevka-extendedmedium.woff2') format('woff2'), url('ttf/iosevka-extendedmedium.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 500;
    font-stretch: normal;
    font-style: oblique;
    src: url('woff2/iosevka-mediumoblique.woff2') format('woff2'), url('ttf/iosevka-mediumoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 500;
    font-stretch: normal;
    src: url('woff2/iosevka-mediumoblique.woff2') format('woff2'), url('ttf/iosevka-mediumoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 500;
    font-stretch: expanded;
    font-style: oblique;
    src: url('woff2/iosevka-extendedmediumoblique.woff2') format('woff2'), url('ttf/iosevka-extendedmediumoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 500;
    font-stretch: expanded;
    src: url('woff2/iosevka-extendedmediumoblique.woff2') format('woff2'), url('ttf/iosevka-extendedmediumoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    src: url('woff2/iosevka-mediumitalic.woff2') format('woff2'), url('ttf/iosevka-mediumitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 500;
    font-stretch: expanded;
    font-style: italic;
    src: url('woff2/iosevka-extendedmediumitalic.woff2') format('woff2'), url('ttf/iosevka-extendedmediumitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    src: url('woff2/iosevka-semibold.woff2') format('woff2'), url('ttf/iosevka-semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 600;
    font-stretch: expanded;
    font-style: normal;
    src: url('woff2/iosevka-extendedsemibold.woff2') format('woff2'), url('ttf/iosevka-extendedsemibold.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 600;
    font-stretch: normal;
    font-style: oblique;
    src: url('woff2/iosevka-semiboldoblique.woff2') format('woff2'), url('ttf/iosevka-semiboldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 600;
    font-stretch: normal;
    src: url('woff2/iosevka-semiboldoblique.woff2') format('woff2'), url('ttf/iosevka-semiboldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 600;
    font-stretch: expanded;
    font-style: oblique;
    src: url('woff2/iosevka-extendedsemiboldoblique.woff2') format('woff2'), url('ttf/iosevka-extendedsemiboldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 600;
    font-stretch: expanded;
    src: url('woff2/iosevka-extendedsemiboldoblique.woff2') format('woff2'), url('ttf/iosevka-extendedsemiboldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 600;
    font-stretch: normal;
    font-style: italic;
    src: url('woff2/iosevka-semibolditalic.woff2') format('woff2'), url('ttf/iosevka-semibolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 600;
    font-stretch: expanded;
    font-style: italic;
    src: url('woff2/iosevka-extendedsemibolditalic.woff2') format('woff2'), url('ttf/iosevka-extendedsemibolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    src: url('woff2/iosevka-bold.woff2') format('woff2'), url('ttf/iosevka-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 700;
    font-stretch: expanded;
    font-style: normal;
    src: url('woff2/iosevka-extendedbold.woff2') format('woff2'), url('ttf/iosevka-extendedbold.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 700;
    font-stretch: normal;
    font-style: oblique;
    src: url('woff2/iosevka-boldoblique.woff2') format('woff2'), url('ttf/iosevka-boldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 700;
    font-stretch: normal;
    src: url('woff2/iosevka-boldoblique.woff2') format('woff2'), url('ttf/iosevka-boldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 700;
    font-stretch: expanded;
    font-style: oblique;
    src: url('woff2/iosevka-extendedboldoblique.woff2') format('woff2'), url('ttf/iosevka-extendedboldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 700;
    font-stretch: expanded;
    src: url('woff2/iosevka-extendedboldoblique.woff2') format('woff2'), url('ttf/iosevka-extendedboldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 700;
    font-stretch: normal;
    font-style: italic;
    src: url('woff2/iosevka-bolditalic.woff2') format('woff2'), url('ttf/iosevka-bolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 700;
    font-stretch: expanded;
    font-style: italic;
    src: url('woff2/iosevka-extendedbolditalic.woff2') format('woff2'), url('ttf/iosevka-extendedbolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    src: url('woff2/iosevka-extrabold.woff2') format('woff2'), url('ttf/iosevka-extrabold.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 800;
    font-stretch: expanded;
    font-style: normal;
    src: url('woff2/iosevka-extendedextrabold.woff2') format('woff2'), url('ttf/iosevka-extendedextrabold.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 800;
    font-stretch: normal;
    font-style: oblique;
    src: url('woff2/iosevka-extraboldoblique.woff2') format('woff2'), url('ttf/iosevka-extraboldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 800;
    font-stretch: normal;
    src: url('woff2/iosevka-extraboldoblique.woff2') format('woff2'), url('ttf/iosevka-extraboldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 800;
    font-stretch: expanded;
    font-style: oblique;
    src: url('woff2/iosevka-extendedextraboldoblique.woff2') format('woff2'), url('ttf/iosevka-extendedextraboldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 800;
    font-stretch: expanded;
    src: url('woff2/iosevka-extendedextraboldoblique.woff2') format('woff2'), url('ttf/iosevka-extendedextraboldoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 800;
    font-stretch: normal;
    font-style: italic;
    src: url('woff2/iosevka-extrabolditalic.woff2') format('woff2'), url('ttf/iosevka-extrabolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 800;
    font-stretch: expanded;
    font-style: italic;
    src: url('woff2/iosevka-extendedextrabolditalic.woff2') format('woff2'), url('ttf/iosevka-extendedextrabolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    src: url('woff2/iosevka-heavy.woff2') format('woff2'), url('ttf/iosevka-heavy.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 900;
    font-stretch: expanded;
    font-style: normal;
    src: url('woff2/iosevka-extendedheavy.woff2') format('woff2'), url('ttf/iosevka-extendedheavy.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 900;
    font-stretch: normal;
    font-style: oblique;
    src: url('woff2/iosevka-heavyoblique.woff2') format('woff2'), url('ttf/iosevka-heavyoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 900;
    font-stretch: normal;
    src: url('woff2/iosevka-heavyoblique.woff2') format('woff2'), url('ttf/iosevka-heavyoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 900;
    font-stretch: expanded;
    font-style: oblique;
    src: url('woff2/iosevka-extendedheavyoblique.woff2') format('woff2'), url('ttf/iosevka-extendedheavyoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web Oblique';
    font-display: swap;
    font-weight: 900;
    font-stretch: expanded;
    src: url('woff2/iosevka-extendedheavyoblique.woff2') format('woff2'), url('ttf/iosevka-extendedheavyoblique.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 900;
    font-stretch: normal;
    font-style: italic;
    src: url('woff2/iosevka-heavyitalic.woff2') format('woff2'), url('ttf/iosevka-heavyitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Iosevka Web';
    font-display: swap;
    font-weight: 900;
    font-stretch: expanded;
    font-style: italic;
    src: url('woff2/iosevka-extendedheavyitalic.woff2') format('woff2'), url('ttf/iosevka-extendedheavyitalic.ttf') format('truetype');
}







@font-face {
    font-family: 'mononoki-web';
    src: url('../woff2/mononoki-Bold.woff2') format('woff2'),
    url('../woff2/mononoki-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'mononoki-web';
    src: url('../woff2/mononoki-Regular.woff2') format('woff2'),
    url('../woff2/mononoki-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'mononoki-web';
    src: url('../woff2/mononoki-Italic.woff2') format('woff2'),
    url('../woff2/mononoki-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'mononoki-web';
    src: url('../woff2/mononoki-BoldItalic.woff2') format('woff2'),
    url('../woff2/mononoki-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}





.glass-bg {
    border:transparent;
    padding: 25px;
    background: rgba(244, 244, 246, 0.20);
    border-radius: 2px;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(5px);
}
.shadow {
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
}

.blur-light {
    filter: blur(3px) opacity(50%);
}
.blur-1 {
    filter: blur(1px)
}
.blur-2 {
    filter: blur(2px)
}
.blur-3 {
    filter: blur(3px)
}
.blur-4 {
    filter: blur(4px)
}
.blur-5 {
    filter: blur(5px)
}

.opa-10 {
opacity: 10%;
}

.opa-20 {
    opacity: 20%;
}

.opa-30 {
    opacity: 30%;
}

.opa-40 {
    opacity: 40%;
}
.opa-50 {
    opacity: 50%;
}
.opa-60 {
    opacity: 60%;
}
.opa-70 {
    opacity: 70%;
}
.opa-80 {
    opacity: 80%;
}
.opa-90 {
    opacity: 90%;
}

@media (max-width: 600px) { /* Target only devices below 600px */
.header-area {
    position: fixed;
    z-index: 999; /* So that it is not under the other elements */
    }
}