@font-face {
font-family: 'InImporFont';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hmIqOjjg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hv.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hsKKSTjw.ttf) format("truetype");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hvIqOjjg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hv.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hsKKSTjw.ttf) format("truetype");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hnIqOjjg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hv.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hsKKSTjw.ttf) format("truetype");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hoIqOjjg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hv.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hsKKSTjw.ttf) format("truetype");
unicode-range: U+0370-03FF
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hkIqOjjg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hv.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hsKKSTjw.ttf) format("truetype");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hlIqOjjg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hv.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hsKKSTjw.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hv.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV-hsKKSTjw.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0d.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0ef8pkAg.ttf) format("truetype");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0d.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0ef8pkAg.ttf) format("truetype");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0d.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0ef8pkAg.ttf) format("truetype");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0d.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0ef8pkAg.ttf) format("truetype");
unicode-range: U+0370-03FF
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0d.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0ef8pkAg.ttf) format("truetype");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0d.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0ef8pkAg.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0d.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUJ0ef8pkAg.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-Vg.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-VeJuCqY.ttf) format("truetype");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-Vg.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-VeJuCqY.ttf) format("truetype");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-Vg.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-VeJuCqY.ttf) format("truetype");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-Vg.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-VeJuCqY.ttf) format("truetype");
unicode-range: U+0370-03FF
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-Vg.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-VeJuCqY.ttf) format("truetype");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-Vg.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-VeJuCqY.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-Vg.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8-VeJuCqY.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UQ.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UpccXcg.ttf) format("truetype");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UQ.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UpccXcg.ttf) format("truetype");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UQ.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UpccXcg.ttf) format("truetype");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UQ.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UpccXcg.ttf) format("truetype");
unicode-range: U+0370-03FF
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UQ.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UpccXcg.ttf) format("truetype");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UQ.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UpccXcg.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot);
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Uw.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UQ.woff) format("woff"), url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1UpccXcg.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format("woff2");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hlEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hlEN2JQEk.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hlEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hlEN2JQEk.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19lEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19lEN2JQEk.ttf) format("truetype");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19lEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19lEN2JQEk.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19lEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19lEN2JQEk.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15lEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15lEN2JQEk.ttf) format("truetype");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15lEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15lEN2JQEk.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15lEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15lEN2JQEk.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111VFteOcEg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111lEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111lEN2JQEk.ttf) format("truetype");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111lEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111lEN2JQEk.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111lEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111lEN2JQEk.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xVFteOcEg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xlEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xlEN2JQEk.ttf) format("truetype");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xlEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xlEN2JQEk.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xlEw.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm81xlEN2JQEk.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9V1tvEv-L.ttf) format("truetype");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9V1tvEv-L.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9V1tvEv-L.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6V1tvEv-L.ttf) format("truetype");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6V1tvEv-L.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6V1tvEv-L.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7V1tvEv-L.ttf) format("truetype");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7V1tvEv-L.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7V1tvEv-L.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4V1tvEv-L.ttf) format("truetype");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4V1tvEv-L.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4V1tvEv-L.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5V1tvEv-L.ttf) format("truetype");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5V1tvEv-L.ttf) format("truetype");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: 'InFont';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot);
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrFJE.eot?#iefix) format("embedded-opentype"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format("woff2"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5V1g.woff) format("woff"), url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5V1tvEv-L.ttf) format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
body {
font-family: "InFont", sans-serif;
overflow-x: hidden
}
@media (min-width: 576px) {
body {
font-size: 12px
}
}
@media (min-width: 992px) {
body {
font-size: 14px
}
}
a {
text-decoration: none;
color: #000000
}
a:hover {
color: #000000;
text-decoration: none
}
ol,
ul {
list-style: none;
padding: 0
}
.box-shadow {
border-radius: 0px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 4px 8px 0 rgba(0, 0, 0, 0.2)
}
.container {
width: 98% !important;
max-width: 1500px !important
}
@media (max-width: 767px) {
.container {
width: 100% !important
}
.box-shadow {
border-radius: 0
}
}
.rounded-8px {
border-radius: 0px
}
section {
margin-bottom: 1.5rem
}
.main-body {
position: relative;
left: 0
}
.full-shadow {
overflow: hidden
}
.full-shadow .shadow-box {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
opacity: .5
}
.d-scroll {
overflow: hidden
}
.d-scroll::-webkit-scrollbar {
width: 5px
}
.d-scroll::-webkit-scrollbar-button {
background: transparent;
height: 0
}
.d-scroll::-webkit-scrollbar-thumb {
background: #999;
border-radius: 0px
}
.d-scroll::-webkit-scrollbar-thumb:hover {
background: #999;
border-radius: 0px
}
.d-scroll::-webkit-scrollbar-track {
background: transparent
}
.d-scroll::-webkit-scrollbar-track-piece {
background: transparent
}
.d-scroll::-webkit-scrollbar-corner {
background: transparent
}
.d-scroll::-webkit-resizer {
background: transparent
}
.d-scroll.vertical {
overflow-y: auto
}
.d-scroll.horizontal {
overflow-x: auto
}
.membership-badge {
background-image: url("../image/icons/icon-status-perusahaan.svg");
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: block;
transform: scale(1.3);
overflow: hidden;
margin: 0;
margin-right: 5px;
position: relative;
opacity: 1
}
.membership-badge.free {
background-position-x: -76px;
background-position-y: 0
}
.membership-badge.basic {
background-position-x: -1px;
background-position-y: -24px
}
.membership-badge.gold {
background-position-x: -3px;
background-position-y: 0
}
.membership-badge.prioritas {
background-position-x: -28px;
background-position-y: -24px
}
.membership-badge.exclusive {
background-position-x: -50px;
background-position-y: -24px
}
.membership-badge::after {
content: '';
top: 0;
transform: translateX(100%);
height: 220px;
position: absolute;
z-index: 1;
width: 24px;
animation: slide 5s infinite;
background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
background: -webkit-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
background: -o-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%)
}
@keyframes slide {
0% {
transform: translateX(-100%)
}
100% {
transform: translateX(100%)
}
}
.membership-name {
font-size: 12px
}
.membership-name.gold {
color: #ff6600
}
.membership-name.prioritas {
color: #2266cc
}
.membership-name.exclusive {
color: #af0000
}
.box-year {
border-radius: 50px;
line-height: 24px;
margin-left: 10px;
font-size: 12px;
padding: 0 12px;
font-weight: bold;
color: #fff;
background-color: gray
}
.box-year.exclusive {
background-color: #ff0000;
}
.box-year.prioritas {
background-color: #0000ff;
}
.box-year.gold {
background-image: linear-gradient(95deg, #ff4500, orange)
}
.in-autocomplete {
display: flex;
flex-direction: column;
position: absolute;
color: #212529;
background-color: white;
top: 45px !important;
left: 0 !important;
border-radius: 0px;
z-index: inherit;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25), 0 4px 8px 0 rgba(0, 0, 0, 0.2);
font-size: 14px;
max-height: 100vh;
overflow-x: hidden;
overflow-y: auto;
line-height: 1
}
.in-autocomplete .ui-menu-item {
display: block
}
.in-autocomplete .ui-menu-item:first-child {
margin-top: 5px
}
.in-autocomplete .ui-menu-item:last-child {
margin-bottom: 5px
}
.in-autocomplete .ui-menu-item .ui-state-active {
background: #eee;
color: #212529;
border: 0
}
.in-autocomplete .ui-menu-item .ui-menu-item-wrapper {
display: block;
padding: 7px 24px;
text-transform: capitalize
}
@media (max-width: 575px) {
.in-autocomplete {
top: 40px !important;
margin-left: 0;
border-radius: 0;
box-shadow: none;
border: 1px solid #2266cc !important;
border-top: none !important
}
}
.in-web-header {
background-color: #2266cc;
color: #ffffff;
z-index: 1000
}
.in-web-header .topbar {
font-size: .8125rem;
height: 2.125rem;
padding-top: 0;
padding-bottom: 0
}
.in-web-header .topbar .nav-col .nav-link {
padding: 0 .4375rem
}
.in-web-header .topbar .nav-col .nav-link .media-link {
background-color: white;
border-radius: 0%;
display: inline-block;
width: 16px;
height: 16px;
margin-left: 5px
}
.in-web-header .topbar .nav-col .nav-link .media-link .icon-socmed {
-webkit-mask: url("../image/icons/social-media.svg") 0 0 no-repeat;
-webkit-mask-size: auto 16px;
mask: url("../image/icons/social-media.svg") 0 0 no-repeat;
mask-size: auto 16px;
background: #2266cc;
display: inline-block;
width: 14px;
height: 14px
}
.in-web-header .topbar .nav-col .nav-link .media-link .icon-socmed.fb {
-webkit-mask-position-x: 0;
mask-position-x: 0
}
.in-web-header .topbar .nav-col .nav-link .media-link .icon-socmed.twitter {
-webkit-mask-position-x: -16px;
mask-position-x: -16px
}
.in-web-header .topbar .nav-col .nav-link .media-link .icon-socmed.linkedin {
-webkit-mask-position-x: -32px;
mask-position-x: -32px
}
.in-web-header .topbar .nav-col .nav-link .media-link .icon-socmed.youtube {
-webkit-mask-position-x: -48px;
mask-position-x: -48px
}
.in-web-header .topbar .nav-col .nav-link .media-link .icon-socmed.instagram {
-webkit-mask-position-x: -64px;
mask-position-x: -64px
}
.in-web-header .topbar .nav-col .nav-link.separator {
border-right: 2px solid
}
.in-web-header .topbar .btn-language {
background-color: #4e85d6;
padding: 5px 15px;
border-radius: 0px;
color: #ffffff
}
.in-web-header .topbar .dropdown-language {
font-size: 12px
}
.in-web-header .bottombar .in-logo {
height: 46px;
width: auto
}
.in-web-header .bottombar .logo-mobile {
display: block;
width: 45px;
height: 40px;
background-color: #fff;
-webkit-mask: url("../image/logo-mobile.svg") no-repeat;
mask: url("../image/logo-mobile.svg") no-repeat
}
.in-web-header .bottombar .search-group {
background-color: #ffffff;
border-radius: 0px;
margin-top: 5px;
margin-bottom: 6px
}
.in-web-header .bottombar .search-group input[type="text"] {
padding-left: 24px;
background: none;
border: 0;
height: 40px;
line-height: inherit
}
.in-web-header .bottombar .search-group input[type="text"]:focus {
box-shadow: none
}
.in-web-header .bottombar .search-group .search-select {
width: 150px;
flex-grow: 0;
border: 0;
border-left: 2px solid #ced4d4;
background-color: transparent
}
.in-web-header .bottombar .search-group .search-select:focus {
border: 0;
border-left: 2px solid #ced4d4;
box-shadow: none
}
.in-web-header .bottombar .search-group .btn-search {
border-radius: 0px !important;
background-color: #fc5000;
color: #ffffff;
padding: .375rem .90rem
}
@media (max-width: 575px) {
.in-web-header .bottombar .search-group {
background-color: #4e85d7;
border-radius: 0
}
.in-web-header .bottombar .search-group .form-control {
padding-left: 5px !important;
color: #fff !important
}
.in-web-header .bottombar .search-group .btn-search {
background-color: transparent;
padding-left: 0;
padding-right: 0;
position: absolute;
right: 10px
}
}
.in-web-header .bottombar .btn-login {
color: white;
text-transform: uppercase;
display: inline-block;
border: 1px solid #ddd;
width: 120px;
border-radius: 0px;
text-align: center;
height: 38px;
line-height: 35px;
font-weight: bold;
text-decoration: none;
background-color: transparent
}
.in-web-header .bottombar .header-shopping-cart-icon {
display: block;
width: 40px;
height: 40px;
-webkit-mask-size: 40px;
-o-mask-size: 40px;
-moz-mask-size: 40px;
mask-size: 40px;
cursor: pointer;
background-color: #fff;
transform: scale(0.8)
}
.in-web-header .bottombar .header-account-dropdown .header-account-icon {
width: 45px;
height: 45px;
background-color: #fff;
-webkit-mask-size: 45px;
-o-mask-size: 45px;
-moz-mask-size: 45px;
mask-size: 45px;
cursor: pointer;
display: block
}
.in-web-header .bottombar .header-account-dropdown .dropdown-menu {
padding: 10px 0
}
.in-web-header .bottombar .header-account-dropdown .dropdown-menu li {
display: block
}
.in-web-header .bottombar .header-account-dropdown .dropdown-menu li:hover a {
color: #000;
background-color: #f5f5f5
}
.in-web-header .bottombar .header-account-dropdown .dropdown-menu li a {
display: block;
color: #5d5d5d;
padding: 10px;
font-size: 14px;
font-weight: 400
}
.share .jssocials-share-link {
border-radius:0%
}
.share .jssocials-share-link .fab {
width: 1em;
font-size: 1em
}
.in-web-footer {
background-color: #f9f9f9;
padding-top: 40px;
padding-bottom: 10px;
line-height: 1.5
}
@media (max-width: 575px) {
.in-web-footer {
margin-bottom: 70px;
padding-top: 10px;
border-top: 1px solid #ccc
}
}
.in-web-footer .footer-title {
font-size: 16px;
font-weight: 700
}
.in-web-footer .footer-description {
font-size: 14px
}
.in-web-footer .footer-description a {
display: block;
margin-bottom: 5px
}
.in-web-footer .footer-social ul li {
width: 32px;
height: 32px;
background: #ffffff;
border-radius: 0%;
margin-right: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
display: inline-block
}
.in-web-footer .footer-social ul li .footer-socmed {
-webkit-mask: url("../image/icons/social-media.svg") 0 0 no-repeat;
mask: url("../image/icons/social-media.svg") 0 0 no-repeat;
background: #2266cc;
display: inline-block;
width: 32px;
height: 32px
}
.in-web-footer .footer-social ul li .footer-socmed.facebook {
-webkit-mask-position-x: 0;
mask-position-x: 0
}
.in-web-footer .footer-social ul li .footer-socmed.twitter {
-webkit-mask-position-x: -32px;
mask-position-x: -32px
}
.in-web-footer .footer-social ul li .footer-socmed.linkdin {
-webkit-mask-position-x: -64px;
mask-position-x: -64px
}
.in-web-footer .footer-social ul li .footer-socmed.youtube {
-webkit-mask-position-x: -96px;
mask-position-x: -96px
}
.in-web-footer .footer-social ul li .footer-socmed.instagram {
-webkit-mask-position-x: -128px;
mask-position-x: -128px
}
.in-web-footer .second-row {
border-top: 1px solid #ccc
}
.in-web-footer .in-apps img {
max-width: 200px
}
.tree-menu {
padding-top: 10px
}
.tree-menu li {
display: block;
padding: 5px;
padding-right: 0px
}
.tree-menu li li {
padding-left: 20px
}
.tree-menu li li li {
padding-left: 30px
}
.tree-menu li .icon-tree,
.tree-menu li a {
display: table-cell
}
.tree-menu li .icon-tree {
cursor: pointer;
padding-right: 10px
}
.tree-menu .child {
display: none
}
.tree-menu .selected {
font-weight: bold
}
.tree-menu .active+.child {
display: block
}
.paging {
margin: 0px;
padding: 15px 0px
}
.paging li a,
.paging li span {
padding: 12px;
text-align: center;
line-height: 14px;
display: block;
min-width: 38px;
min-height: 38px;
font-size: 14px;
font-weight: 700;
margin: 0px 5px
}
.paging li .selected {
color: #fff;
background-color: #26c;
border-radius: 0px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
cursor: pointer
}
.menu-footer {
background-color: #fff;
box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.25), 0 -6px 10px 0 rgba(0, 0, 0, 0.2) !important
}
.menu-footer a,
.menu-footer button {
display: flex;
font-size: 14px;
flex-direction: column;
text-align: center;
background-color: transparent;
border: none
}
.menu-footer a i,
.menu-footer button i {
display: block;
width: 30px;
height: 30px;
background-color: #000;
line-height: 30px;
mask-size: 30px;
align-self: center;
-webkit-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-moz-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
.menu-footer a .icon-home,
.menu-footer button .icon-home {
-webkit-mask-image: url("../image/icons/home_black_24dp.svg");
-o-mask-image: url("../image/icons/home_black_24dp.svg");
-moz-mask-image: url("../image/icons/home_black_24dp.svg");
mask-image: url("../image/icons/home_black_24dp.svg")
}
.menu-footer a .icon-category,
.menu-footer button .icon-category {
-webkit-mask-image: url("../image/icons/category_black_24dp.svg");
-o-mask-image: url("../image/icons/category_black_24dp.svg");
-moz-mask-image: url("../image/icons/category_black_24dp.svg");
mask-image: url("../image/icons/category_black_24dp.svg")
}
.menu-footer a .icon-mail,
.menu-footer button .icon-mail {
-webkit-mask-image: url("../image/icons/email_black_24dp.svg");
-o-mask-image: url("../image/icons/email_black_24dp.svg");
-moz-mask-image: url("../image/icons/email_black_24dp.svg");
mask-image: url("../image/icons/email_black_24dp.svg")
}
.icon-account {
-webkit-mask-image: url("../image/icons/person_black_24dp.svg");
-o-mask-image: url("../image/icons/person_black_24dp.svg");
-moz-mask-image: url("../image/icons/person_black_24dp.svg");
mask-image: url("../image/icons/person_black_24dp.svg");
-webkit-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-moz-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
.icon-shopping-cart {
-webkit-mask-image: url("../image/icons/cart-shopping-solid.svg");
-o-mask-image: url("../image/icons/cart-shopping-solid.svg");
-moz-mask-image: url("../image/icons/cart-shopping-solid.svg");
mask-image: url("../image/icons/cart-shopping-solid.svg");
-webkit-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-moz-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
.copy-row {
width: 100%
}
.bb-1 {
border-bottom: 1px solid #ccc
}
.text-blue {
color: #2266cc
}
.text-orange {
color: #0026fc;
font-weight: bold
}
.modal-iframe {
width: 100%;
height: 100%;
min-height: 100%;
border-radius: .3rem
}
.login-modal .modal-dialog {
max-width: 500px;
height: 600px
}
.login-modal .modal-dialog .modal-content {
height: inherit
}
.login-modal .modal-dialog .modal-content .modal-body {
padding: 0
}
.login-modal .modal-dialog .modal-content .modal-body .modal-iframe {
height: 600px
}
.loading-modal .modal-dialog {
max-width: 100px;
max-height: 50px
}
.loading-modal .modal-dialog .modal-content {
height: inherit
}
.loading-modal .modal-dialog .modal-content modal-body {
padding: 0
}
.loading-modal .modal-dialog .modal-content modal-body .modal-iframe {
height: 50px
}
.forgot-password-modal .modal-dialog {
max-width: 700px;
height: 350px
}
.forgot-password-modal .modal-dialog .modal-content {
height: inherit
}
.forgot-password-modal .modal-dialog .modal-content .modal-body {
padding: 0
}
.register-modal .modal-dialog {
max-width: 800px;
height: 700px
}
.register-modal .modal-dialog .modal-content {
height: inherit
}
.register-modal .modal-dialog .modal-content .modal-body {
padding: 0
}
.login-mobile .modal-dialog {
max-width: 100%;
height: 100%;
margin: 0
}
.login-mobile .modal-dialog .modal-content {
border-radius: 0;
background-clip: unset;
border: none
}
@media (min-width: 700px) and (max-width: 768px) {
.img-billboard {
width: 100%
}
}
.best-deal-modal .modal-dialog {
max-width: 90%;
height: 700px
}
.best-deal-modal .modal-dialog .modal-content {
height: inherit
}
.best-deal-modal .modal-dialog .modal-content .modal-body {
padding: 0
}
.account-footer {
width: 100%;
height: 100vh;
position: fixed;
top: 100%;
left: 0;
background-color: #fff;
transition: all .3s ease-out;
z-index: 1070
}
.account-footer.open {
top: 0
}
.account-footer .head-section {
padding: 10px;
font-size: 16px;
border-bottom: 1px solid #eee
}
.account-footer .head-section i {
font-weight: 700;
font-size: 18px;
cursor: pointer
}
.account-footer .first-section ul li {
padding: 10px;
width: 100%
}
.account-footer .first-section ul li:hover {
background-color: #eee;
font-weight: 700
}
.account-footer .first-section ul li a i {
width: 40px;
font-size: 16px
}
.wrapper {
margin-left: auto;
margin-right: auto
}
.col-5-percent {
flex: 0 0 auto;
width: 5%
}
.col-10-percent {
flex: 0 0 auto;
width: 10%
}
.col-15-percent {
flex: 0 0 auto;
width: 15%
}
.col-20-percent {
flex: 0 0 auto;
width: 20%
}
.col-25-percent {
flex: 0 0 auto;
width: 25%
}
.col-30-percent {
flex: 0 0 auto;
width: 30%
}
.col-35-percent {
flex: 0 0 auto;
width: 35%
}
.col-40-percent {
flex: 0 0 auto;
width: 40%
}
.col-45-percent {
flex: 0 0 auto;
width: 45%
}
.col-50-percent {
flex: 0 0 auto;
width: 50%
}
.col-55-percent {
flex: 0 0 auto;
width: 55%
}
.col-60-percent {
flex: 0 0 auto;
width: 60%
}
.col-65-percent {
flex: 0 0 auto;
width: 65%
}
.col-70-percent {
flex: 0 0 auto;
width: 70%
}
.col-75-percent {
flex: 0 0 auto;
width: 75%
}
.col-80-percent {
flex: 0 0 auto;
width: 80%
}
.col-85-percent {
flex: 0 0 auto;
width: 85%
}
.col-90-percent {
flex: 0 0 auto;
width: 90%
}
.col-95-percent {
flex: 0 0 auto;
width: 95%
}
.col-100-percent {
flex: 0 0 auto;
width: 100%
}
@media (min-width: 576px) {
.col-sm-5-percent {
flex: 0 0 auto;
width: 5%
}
.col-sm-10-percent {
flex: 0 0 auto;
width: 10%
}
.col-sm-15-percent {
flex: 0 0 auto;
width: 15%
}
.col-sm-20-percent {
flex: 0 0 auto;
width: 20%
}
.col-sm-25-percent {
flex: 0 0 auto;
width: 25%
}
.col-sm-30-percent {
flex: 0 0 auto;
width: 30%
}
.col-sm-35-percent {
flex: 0 0 auto;
width: 35%
}
.col-sm-40-percent {
flex: 0 0 auto;
width: 40%
}
.col-sm-45-percent {
flex: 0 0 auto;
width: 45%
}
.col-sm-50-percent {
flex: 0 0 auto;
width: 50%
}
.col-sm-55-percent {
flex: 0 0 auto;
width: 55%
}
.col-sm-60-percent {
flex: 0 0 auto;
width: 60%
}
.col-sm-65-percent {
flex: 0 0 auto;
width: 65%
}
.col-sm-70-percent {
flex: 0 0 auto;
width: 70%
}
.col-sm-75-percent {
flex: 0 0 auto;
width: 75%
}
.col-sm-80-percent {
flex: 0 0 auto;
width: 80%
}
.col-sm-85-percent {
flex: 0 0 auto;
width: 85%
}
.col-sm-90-percent {
flex: 0 0 auto;
width: 90%
}
.col-sm-95-percent {
flex: 0 0 auto;
width: 95%
}
.col-sm-100-percent {
flex: 0 0 auto;
width: 100%
}
}
@media (min-width: 768px) {
.col-md-5-percent {
flex: 0 0 auto;
width: 5%
}
.col-md-10-percent {
flex: 0 0 auto;
width: 10%
}
.col-md-15-percent {
flex: 0 0 auto;
width: 15%
}
.col-md-20-percent {
flex: 0 0 auto;
width: 20%
}
.col-md-25-percent {
flex: 0 0 auto;
width: 25%
}
.col-md-30-percent {
flex: 0 0 auto;
width: 30%
}
.col-md-35-percent {
flex: 0 0 auto;
width: 35%
}
.col-md-40-percent {
flex: 0 0 auto;
width: 40%
}
.col-md-45-percent {
flex: 0 0 auto;
width: 45%
}
.col-md-50-percent {
flex: 0 0 auto;
width: 50%
}
.col-md-55-percent {
flex: 0 0 auto;
width: 55%
}
.col-md-60-percent {
flex: 0 0 auto;
width: 60%
}
.col-md-65-percent {
flex: 0 0 auto;
width: 65%
}
.col-md-70-percent {
flex: 0 0 auto;
width: 70%
}
.col-md-75-percent {
flex: 0 0 auto;
width: 75%
}
.col-md-80-percent {
flex: 0 0 auto;
width: 80%
}
.col-md-85-percent {
flex: 0 0 auto;
width: 85%
}
.col-md-90-percent {
flex: 0 0 auto;
width: 90%
}
.col-md-95-percent {
flex: 0 0 auto;
width: 95%
}
.col-md-100-percent {
flex: 0 0 auto;
width: 100%
}
}
@media (min-width: 992px) {
.col-lg-5-percent {
flex: 0 0 auto;
width: 5%
}
.col-lg-10-percent {
flex: 0 0 auto;
width: 10%
}
.col-lg-15-percent {
flex: 0 0 auto;
width: 15%
}
.col-lg-20-percent {
flex: 0 0 auto;
width: 20%
}
.col-lg-25-percent {
flex: 0 0 auto;
width: 25%
}
.col-lg-30-percent {
flex: 0 0 auto;
width: 30%
}
.col-lg-35-percent {
flex: 0 0 auto;
width: 35%
}
.col-lg-40-percent {
flex: 0 0 auto;
width: 40%
}
.col-lg-45-percent {
flex: 0 0 auto;
width: 45%
}
.col-lg-50-percent {
flex: 0 0 auto;
width: 50%
}
.col-lg-55-percent {
flex: 0 0 auto;
width: 55%
}
.col-lg-60-percent {
flex: 0 0 auto;
width: 60%
}
.col-lg-65-percent {
flex: 0 0 auto;
width: 65%
}
.col-lg-70-percent {
flex: 0 0 auto;
width: 70%
}
.col-lg-75-percent {
flex: 0 0 auto;
width: 75%
}
.col-lg-80-percent {
flex: 0 0 auto;
width: 80%
}
.col-lg-85-percent {
flex: 0 0 auto;
width: 85%
}
.col-lg-90-percent {
flex: 0 0 auto;
width: 90%
}
.col-lg-95-percent {
flex: 0 0 auto;
width: 95%
}
.col-lg-100-percent {
flex: 0 0 auto;
width: 100%
}
}
@media (min-width: 1200px) {
.col-xl-5-percent {
flex: 0 0 auto;
width: 5%
}
.col-xl-10-percent {
flex: 0 0 auto;
width: 10%
}
.col-xl-15-percent {
flex: 0 0 auto;
width: 15%
}
.col-xl-20-percent {
flex: 0 0 auto;
width: 20%
}
.col-xl-25-percent {
flex: 0 0 auto;
width: 25%
}
.col-xl-30-percent {
flex: 0 0 auto;
width: 30%
}
.col-xl-35-percent {
flex: 0 0 auto;
width: 35%
}
.col-xl-40-percent {
flex: 0 0 auto;
width: 40%
}
.col-xl-45-percent {
flex: 0 0 auto;
width: 45%
}
.col-xl-50-percent {
flex: 0 0 auto;
width: 50%
}
.col-xl-55-percent {
flex: 0 0 auto;
width: 55%
}
.col-xl-60-percent {
flex: 0 0 auto;
width: 60%
}
.col-xl-65-percent {
flex: 0 0 auto;
width: 65%
}
.col-xl-70-percent {
flex: 0 0 auto;
width: 70%
}
.col-xl-75-percent {
flex: 0 0 auto;
width: 75%
}
.col-xl-80-percent {
flex: 0 0 auto;
width: 80%
}
.col-xl-85-percent {
flex: 0 0 auto;
width: 85%
}
.col-xl-90-percent {
flex: 0 0 auto;
width: 90%
}
.col-xl-95-percent {
flex: 0 0 auto;
width: 95%
}
.col-xl-100-percent {
flex: 0 0 auto;
width: 100%
}
}
@media (min-width: 1400px) {
.col-xxl-5-percent {
flex: 0 0 auto;
width: 5%
}
.col-xxl-10-percent {
flex: 0 0 auto;
width: 10%
}
.col-xxl-15-percent {
flex: 0 0 auto;
width: 15%
}
.col-xxl-20-percent {
flex: 0 0 auto;
width: 20%
}
.col-xxl-25-percent {
flex: 0 0 auto;
width: 25%
}
.col-xxl-30-percent {
flex: 0 0 auto;
width: 30%
}
.col-xxl-35-percent {
flex: 0 0 auto;
width: 35%
}
.col-xxl-40-percent {
flex: 0 0 auto;
width: 40%
}
.col-xxl-45-percent {
flex: 0 0 auto;
width: 45%
}
.col-xxl-50-percent {
flex: 0 0 auto;
width: 50%
}
.col-xxl-55-percent {
flex: 0 0 auto;
width: 55%
}
.col-xxl-60-percent {
flex: 0 0 auto;
width: 60%
}
.col-xxl-65-percent {
flex: 0 0 auto;
width: 65%
}
.col-xxl-70-percent {
flex: 0 0 auto;
width: 70%
}
.col-xxl-75-percent {
flex: 0 0 auto;
width: 75%
}
.col-xxl-80-percent {
flex: 0 0 auto;
width: 80%
}
.col-xxl-85-percent {
flex: 0 0 auto;
width: 85%
}
.col-xxl-90-percent {
flex: 0 0 auto;
width: 90%
}
.col-xxl-95-percent {
flex: 0 0 auto;
width: 95%
}
.col-xxl-100-percent {
flex: 0 0 auto;
width: 100%
}
}
.floating-contact {
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2) !important;
background-color: #fff
}
.floating-contact>* {
height: 45px;
vertical-align: middle
}
.floating-contact .contact-title {
font-weight: bold;
padding-left: 10px;
padding-right: 10px
}
.floating-contact .contact-title .btn-floating-close {
cursor: pointer
}
.floating-contact a {
display: flex;
align-items: center;
padding-left: 10px;
padding-right: 10px
}
.floating-contact a:hover {
background-color: #eee
}
.floating-contact a:not(:last-child) {
margin-bottom: 5px
}
.floating-contact a i {
margin-right: 5px
}
@media (min-width: 768px) {
.floating-contact {
bottom: 100%;
border-radius: 0px;
left: 5px;
right: 5px;
padding-top: 10px;
padding-bottom: 10px
}
.floating-contact>* {
height: 30px
}
}
.contact-mobile {
background-color: #fff;
box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.25), 0 -6px 10px 0 rgba(0, 0, 0, 0.2) !important;
z-index: 1050
}
.contact-mobile .contact-row .contact-col {
padding-top: 10px;
padding-bottom: 10px
}
.contact-mobile .contact-row .contact-col:not(:last-child) {
border-right: 1px solid #ccc
}
.contact-mobile .contact-row .contact-col .btn-contact {
font-weight: 600
}
.contact-mobile .contact-row .contact-col i {
margin-right: 5px
}
.contact-mobile .contact-row .contact-col .mobile-contact {
width: 100%;
background-color: #fff;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding: 15px 0px;
font-size: 18px;
transition: all ease-in-out 500ms;
bottom: 0
}
.contact-mobile .contact-row .contact-col .mobile-contact.first-appearance {
animation: mobile-slide-up ease-in-out 500ms
}
.contact-mobile .contact-row .contact-col .mobile-contact.slide-close {
bottom: -100%
}
.contact-mobile .contact-row .contact-col .mobile-contact .title {
font-weight: bold;
padding: 15px 10px;
cursor: pointer
}
.contact-mobile .contact-row .contact-col .mobile-contact .contact-detail a {
display: block;
padding: 15px 10px;
width: 100%;
float: left;
text-align: left
}
.contact-mobile .contact-row .contact-col .mobile-contact .contact-detail a:hover {
background-color: #eee
}
.contact-mobile .contact-row .contact-col .mobile-contact .contact-detail a:focus {
box-shadow: none !important
}
@keyframes mobile-slide-up {
0% {
bottom: -100%;
transform: translateY(100%)
}
100% {
bottom: 0;
transform: translateY(0)
}
}
.main-body .container {
margin-top: 15px
}
.main-body .mr-3 {
margin-right: 1rem
}
.main-body .mr-2 {
margin-right: .5rem
}
.main-body .mr-1 {
margin-right: .25rem
}
@media (min-width: 330px) {
.main-body .col-xs-none {
display: none !important
}
}
@media (max-width: 540px) {
.main-body .col-sm-none {
display: none !important
}
}
@media (max-width: 720px) {
.main-body .col-md-none {
display: none !important
}
}
@media (max-width: 960px) {
.main-body .col-lg-none {
display: none !important
}
}
@media (max-width: 1140px) {
.main-body .col-xl-none {
display: none !important
}
}
@media (max-width: 540px) {
.main-body .col-sm-block {
display: block !important
}
}
@media (max-width: 720px) {
.main-body .md-grid {
display: grid !important
}
}
@media (max-width: 992px) {
.main-body .lg-grid {
display: grid !important
}
}
@media (max-width: 540px) {
.main-body .sm-flex {
display: flex !important
}
}
.main-box .company-info,
.main-box .company-description,
.main-box .company-product {
padding: 10px 12px;
border-radius: 0px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2)
}
@media (max-width: 720px) {
.main-box .company-main {
padding-bottom: 1rem
}
}
.main-box .company-main .company-info .name h1 {
font-size: 18px;
font-weight: bold
}
.main-box .company-main .company-info i {
font-size: 16px;
color: #2266cc
}
.main-box .company-main .company-info .box-year {
text-align: center
}
.main-box .company-main .company-info .head i {
width: 24px;
margin-right: 5px
}
.main-box .company-main .company-info .head .address {
font-size: 14px
}
.main-box .company-main .company-info .head span {
font-weight: bold
}
.main-box .company-main .company-info h2 {
font-size: 14px;
font-weight: bolder
}
.main-box .company-main .company-info .domain {
font-weight: bold
}
.main-box .company-main .company-info .domain a {
width: 100%;
overflow: hidden;
display: flex
}
.main-box .company-main .company-info .domain a i {
margin-right: 7px;
width: 24px;
display: flex;
align-items: center;
font-size: 16px;
color: #2266cc
}
.main-box .company-main .company-info .domain a span {
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px
}
@media (min-width: 960px) and (max-width: 992px) {
.main-box .company-main .company-info .domain a span {
max-width: 250px
}
}
.main-box .company-main .company-info .contact-row .contact-col:not(:last-child) {
border-right: 1px solid #ccc
}
@media (max-width: 992px) {
.main-box .company-main .company-info .contact-row .contact-col:not(:last-child) {
border-right: unset
}
}
@media (min-width: 992px) {
.main-box .company-main .company-info .contact-row .px-lg-75 {
padding-left: .75rem !important;
padding-right: .75rem !important
}
}
.main-box .company-main .company-info .contact-row .contact-col {
white-space: nowrap
}
.main-box .company-main .company-info .contact-row .contact-col a.btn-contact {
text-align: left
}
.main-box .company-main .company-info .contact-row .contact-col .btn-contact {
font-weight: 700
}
.main-box .company-main .company-info .contact-row .contact-col .btn-contact:focus {
box-shadow: none
}
.main-box .company-main .company-info .contact-row .contact-col .btn-contact:hover {
background-color: #26c
}
.main-box .company-main .company-info .contact-row .contact-col .btn-contact:hover i {
color: white
}
.main-box .company-main .company-info .contact-row .contact-col .btn-contact:hover span {
color: white
}
.main-box .company-main .company-info .contact-row .contact-col .btn-contact i {
margin-right: 16px
}
.main-box .company-main .company-info .contact-row .contact-col .btn-contact span {
color: black;
font-size: 14px
}
.main-box .company-description {
font-size: 14px
}
.main-box .company-description h2 {
font-size: 18px;
font-weight: bold
}
.main-box .company-description .box-description {
overflow-x: hidden;
height: auto;
line-height: 1.8
}
.main-box .company-description .box-description.less {
max-height: 100px;
overflow-y: hidden;
overflow-x: hidden
}
.main-box .company-description .btn-show {
margin-left: 30px;
border: 1px solid #0026fc;
padding: 8px 25px;
color: #0026fc;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
border-radius: 0px
}
.main-box .company-description .btn-show:hover {
background-color: #0026fc;
color: #fff
}
.main-box .company-product h2,
.main-box .company-product h3 {
margin-top: 10px;
font-size: 18px;
font-weight: bold
}
.main-box .company-product .product-box {
border-radius: 0px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2)
}
.main-box .company-product .product-box img {
width: 100%;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom: 1px solid #ccc
}
.main-box .company-product .product-box h3 {
font-size: 14px;
font-weight: bold;
line-height: 18px;
height: 36px;
overflow: hidden
}
.main-box .company-product .product-box .price {
color: #ff6c00;
overflow: hidden;
font-weight: bold
}
.main-box .company-product .product-box .btn-buy {
border: 1px solid #0026fc;
padding: 8px 25px;
color: #0026fc;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
border-radius: 0px;
width: 100%
}
.main-box .company-product .product-box .btn-buy:hover {
background: #0026fc;
color: white
}
.main-box .company-main .company-category {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
border-radius: 0px
}
.main-box .company-main .company-category .tree {
display: none
}
.main-box .company-main .company-category h2 {
margin-top: 10px;
font-size: 18px;
font-weight: bold;
padding: 1.5rem 0 1rem 1rem
}
.main-box .company-main .company-category .bt-1 {
border-top: 1px solid lightgrey
}
.main-box .company-main .company-category .category-menu {
padding: 1rem 0
}
.main-box .company-main .company-category .category-menu li {
width: 100%;
font-weight: 700;
padding: 1rem 1rem 0rem 1rem;
cursor: pointer
}
.main-box .company-main .company-category .category-menu li a {
width: 80%;
display: inline-block
}
.main-box .company-main .company-category .category-menu li a:active {
color: #26c
}
.main-box .company-main .company-category .category-menu li i {
padding-top: .25rem;
float: right
}
.main-box .company-main .company-category .category-menu li ul.child {
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem
}
@media (min-width: 992px) {
.main-box .company-main {
position: sticky;
top: 120px
}
.main-box .logo {
padding-top: 1rem;
padding-bottom: 1rem
}
}
@media (max-width: 991px) {
.main-box:not(:last-child) {
margin-bottom: 15px
}
.main-box .company-info {
padding-bottom: 0
}
.main-box .logo {
padding-bottom: 1rem
}
}
@media (max-width: 767px) {
.main-box:not(:last-child),
.main-box>.row:not(:last-child) {
border-bottom: 1px solid #ccc
}
.main-box .company-info,
.main-box .company-description,
.main-box .company-product {
padding-left: 0;
padding-right: 0;
border-radius: 0;
box-shadow: none
}
.main-box .company-product .product-box .img-fluid {
max-width: inherit
}
}
@media (min-width: 576px) and (max-width: 991px) {
.main-box .contact-col {
padding-top: 10px;
padding-bottom: 10px
}
.main-box .category-menu {
max-height: 200px;
overflow: scroll
}
.main-box .address {
font-size: 13px
}
}