@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.blue-onyx {
background-position-x: -28px;
background-position-y: -24px
}
.membership-badge.ruby {
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.blue-onyx {
color: #2266cc
}
.membership-name.ruby {
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.ruby {
background-image: linear-gradient(95deg, #b22222, red)
}
.box-year.blue-onyx {
background-image: linear-gradient(95deg, #26c, #0cf) !important
}
.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: #3381f5;
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: 50%;
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: #ff0000;
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: 50px;
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: 50px;
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: 50px !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: 50px;
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: 50%
}
.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: 50%;
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: 50px;
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: #fc6000;
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%
}
}
.banner-section,
.best-deal-section,
.product-parade-section,
.category-highlight-section,
.latest-product-section,
.latest-company-section,
.bussiness-articles-section,
.bussiness-partner-section,
.homepage-event-section,
.favourite-companies-section,
.homepage-testimonies-section {
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
margin-top: 15px
}
.banner-section .title,
.best-deal-section .title,
.product-parade-section .title,
.category-highlight-section .title,
.latest-product-section .title,
.latest-company-section .title,
.bussiness-articles-section .title,
.bussiness-partner-section .title,
.homepage-event-section .title,
.favourite-companies-section .title,
.homepage-testimonies-section .title {
padding: 15px 10px;
border-bottom: 1px solid #ccc
}
.banner-section .title h2,
.best-deal-section .title h2,
.product-parade-section .title h2,
.category-highlight-section .title h2,
.latest-product-section .title h2,
.latest-company-section .title h2,
.bussiness-articles-section .title h2,
.bussiness-partner-section .title h2,
.homepage-event-section .title h2,
.favourite-companies-section .title h2,
.homepage-testimonies-section .title h2 {
font-size: 20px;
font-weight: 700;
line-height: 20px;
margin-bottom: 0;
text-transform: uppercase
}
.banner-section .main-container,
.best-deal-section .main-container,
.product-parade-section .main-container,
.category-highlight-section .main-container,
.latest-product-section .main-container,
.latest-company-section .main-container,
.bussiness-articles-section .main-container,
.bussiness-partner-section .main-container,
.homepage-event-section .main-container,
.favourite-companies-section .main-container,
.homepage-testimonies-section .main-container {
position: relative
}
.banner-section .main-container .swiper-container,
.best-deal-section .main-container .swiper-container,
.product-parade-section .main-container .swiper-container,
.category-highlight-section .main-container .swiper-container,
.latest-product-section .main-container .swiper-container,
.latest-company-section .main-container .swiper-container,
.bussiness-articles-section .main-container .swiper-container,
.bussiness-partner-section .main-container .swiper-container,
.homepage-event-section .main-container .swiper-container,
.favourite-companies-section .main-container .swiper-container,
.homepage-testimonies-section .main-container .swiper-container {
overflow-x: hidden
}
.banner-section>* {
padding: 0
}
.banner-section .homepage-category {
min-width: 150px;
width: auto;
padding: 0;
margin: 0;
background-color: #fff;
border: 1px solid #ddd;
border-right: none;
border-radius: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25), 8px 2px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 10px 0px rgba(0, 0, 0, 0.1), 8px 2px 10px 0px rgba(0, 0, 0, 0.1)
}
.banner-section .homepage-category.selected {
z-index: 2000;
position: relative;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px
}
.banner-section .homepage-category a {
font-size: 12px
}
.banner-section .homepage-category .category-title {
z-index: inherit;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
text-transform: uppercase;
padding: 0 10px
}
.banner-section .homepage-category .category-title a {
color: #2266cc
}
.banner-section .homepage-category .nav-homepage-category {
z-index: inherit;
display: block
}
.banner-section .homepage-category .nav-homepage-category .cat-menu {
position: relative
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu {
display: block;
position: static;
box-sizing: border-box;
border-bottom: 1px solid #eee
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu {
display: block;
position: relative;
padding: 8px 10px;
height: 30px;
overflow: hidden
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin: -3px 5px 0 0;
transition: .3s;
position: relative;
background-image: url("../image/icons/icon-category.svg");
background-size: inherit;
background-repeat: no-repeat;
background-position-x: -2px;
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3)
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.agrobisnis-produk-pangan {
background-position-y: -146px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.alat-berat {
background-position-y: -218px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.bahan-bangunan {
background-position-y: -2px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.besi-baja {
background-position-y: -75px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.fashion-tekstil-dan-aksesoris {
background-position-y: -337px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.furnitur {
background-position-y: -386px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.kemasan {
background-position-y: -98px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.kesehatan-dan-kecantikan {
background-position-y: -362px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.komputer-dan-laptop {
background-position-y: -266px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.mesin-peralatan-industri {
background-position-y: -50px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.metalurgi-mineral-dan-kimia {
background-position-y: -409px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.peralatan-kantor {
background-position-y: -314px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.peralatan-olahraga-dan-outdoor {
background-position-y: -122px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.perlengkapan-listrik-elektronik {
background-position-y: -26px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.teknologi-dan-telekomunikasi {
background-position-y: -290px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.tekstil {
background-position-y: -435px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category::before {
content: ' ';
display: inline-block;
width: 100%;
height: 100%
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded {
background-color: #fff;
display: none;
position: absolute;
left: 100%;
top: 0;
height: auto;
border: none;
border-left: 1px solid #ddd;
padding: 10px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
height: 200px;
overflow-x: hidden
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded a:hover {
color: #2266cc
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded .second-segment {
height: 100%
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded .second-segment .second-menu {
padding: 8px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded .second-segment .third-segment {
margin-top: 5px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded .second-segment .third-segment .third-menu {
padding: 8px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu:hover {
background-color: #eee
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu:hover .expanded {
display: block
}
.banner-section .homepage-category .nav-homepage-category .cat-menu a {
color: #000000
}
.banner-section .homepage-billboard {
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
}
.banner-section .swiper-container {
position: relative;
overflow-x: hidden
}
.banner-section .swiper-container .swiper-navigation .swiper-button {
border-radius: 8px;
background-image: none;
background-color: white;
width: 25px;
height: 30px;
position: absolute;
bottom: 5px;
cursor: pointer;
background-size: 10px 16px;
background-position: center;
background-repeat: no-repeat;
z-index: 10;
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.7);
border-radius: 0
}
.banner-section .swiper-container .swiper-navigation .swiper-button::before {
content: "";
display: block;
background-image: url("./image/icons/icon-nav-orange.svg");
background-position: center center;
background-repeat: no-repeat;
width: 25px;
height: 30px;
background-color: white
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-prev {
left: 0
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-prev::before {
background-position-x: -1px
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-next {
right: 0
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-next::before {
background-position-x: -23px
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-button-disabled {
display: none
}
.banner-section .swiper-container .swiper-pagination {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
transform: translate3d(0, 0, 0);
z-index: -1
}
.banner-section .swiper-container .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
position: relative;
background: rgba(102, 102, 102, 0.8);
opacity: 1;
margin: 0 5px;
cursor: pointer;
display: inline-block;
border-radius: 100%
}
.banner-section .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: -webkit-linear-gradient(top, #fc0 0%, #ff6c00 100%);
background: linear-gradient(to bottom, #fc0 0%, #ff6c00 100%)
}
.banner-section .swiper-container .swiper-pagination .swiper-pagination-bullet::before {
position: absolute;
top: -8px;
left: 0;
content: "";
display: block;
width: 100%;
height: 8px;
cursor: pointer
}
.banner-section .swiper-container .swiper-pagination .swiper-pagination-bullet::after {
position: absolute;
bottom: -8px;
left: 0;
content: "";
display: block;
width: 100%;
height: 8px;
cursor: pointer
}
.banner-section .swiper-container .swiper-pagination .swiper-pagination-bullet:only-child {
display: none
}
.best-deal-section {
margin-top: 5px;
border-top: 1px solid #ccc;
padding-top: 10px;
font-size: 16px;
font-weight: normal
}
.best-deal-section .left-section {
background-image: linear-gradient(to bottom right, #04a, #25c);
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding: 30px 20px;
color: #fff
}
.best-deal-section .left-section .best-deal-title {
font-weight: bold;
font-size: 24px
}
.best-deal-section .left-section .latest-best-deal-title {
color: white;
font-weight: bold;
font-size: 18px;
margin-bottom: 20px
}
.best-deal-section .left-section .best-deal-homepage {
color: black;
height: 200px
}
.best-deal-section .left-section .best-deal-homepage .best-deal-slide {
padding: 0px 10px;
background-color: white;
border-radius: 8px;
overflow: hidden
}
.best-deal-section .left-section .best-deal-homepage .best-deal-slide .title {
font-weight: 700;
padding: 10px 12px
}
.best-deal-section .left-section .best-deal-homepage .best-deal-slide .description-box {
font-family: "Open Sans", sans-serif;
font-size: 14px
}
.best-deal-section .left-section .best-deal-homepage-button-row {
margin-top: 20px;
margin-bottom: 20px
}
.best-deal-section .left-section .best-deal-homepage-button-row a {
color: black;
background-color: #ffcc00;
padding: 10px 50px;
border-radius: 50px
}
.best-deal-section .right-section {
padding-bottom: 10px
}
.best-deal-section .right-section .best-deal-form-title {
font-size: 20px;
margin-bottom: 20px;
font-weight: 700
}
.best-deal-section .right-section .send-request {
background-color: #fc6000;
border-radius: 10px;
color: white;
font-size: 18px;
text-transform: uppercase;
font-weight: bold
}
.category-highlight-section .root-image {
padding: 0;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px
}
.category-highlight-section .root-image img {
width: 100%;
height: 100%;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px
}
.category-highlight-section .category-list .title .highlight-view-more {
font-size: 13px;
font-weight: 700;
color: #fc6000;
border: 1px solid #fc6000;
border-radius: 50px;
padding: 5px 20px;
transition: all ease-in-out 100ms;
text-transform: uppercase
}
.category-highlight-section .category-list .title .highlight-view-more:hover {
background-color: #fc6000;
color: #fff
}
.category-highlight-section .category-list .second-category {
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 8px
}
.category-highlight-section .category-list .second-category .image-box {
padding: 0
}
.category-highlight-section .category-list .second-category img {
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.category-highlight-section .category-list .second-category a:hover {
color: #517edf
}
.category-highlight-section .category-list .second-category .info {
height: 58px;
overflow: hidden
}
.category-highlight-section .category-list .second-category .info a {
font-weight: 700
}
.category-highlight-section .category-list .second-category .third-box a {
font-weight: 400;
margin-bottom: 5px
}
.category-highlight-section .category-list .bottom-box {
border-top: 1px solid #ccc
}
.category-highlight-section .category-list .bottom-box a {
font-weight: 400
}
.latest-product-section .product-box,
.product-parade-section .product-box {
margin-top: 10px;
padding: 5px
}
.latest-product-section .product-box>.row,
.product-parade-section .product-box>.row {
margin-left: 0;
margin-right: 0;
height: 100%;
border-radius: 0px;
border: 1px solid #eee
}
.latest-product-section .product-box>.row:hover,
.product-parade-section .product-box>.row:hover {
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45)
}
.latest-product-section .product-box>.row>*,
.product-parade-section .product-box>.row>* {
padding: 0
}
.latest-product-section .product-box img,
.product-parade-section .product-box img {
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.latest-product-section .product-box .product-title h3,
.product-parade-section .product-box .product-title h3 {
font-size: 14px;
font-weight: 700;
max-height: 42px;
line-height: 20px;
overflow: hidden
}
.latest-product-section .product-box .product-price .price,
.product-parade-section .product-box .product-price .price {
font-size: 14px;
color: #fc5000
}
.latest-product-section .product-box .company-box .company-info,
.product-parade-section .product-box .company-box .company-info {
font-size: 12px;
max-width: 150px
}
.latest-product-section .product-box .company-box .company-info h4,
.product-parade-section .product-box .company-box .company-info h4 {
font-size: 14px;
font-weight: 400;
overflow: hidden
}
.latest-product-section .product-box .company-box .company-info span,
.product-parade-section .product-box .company-box .company-info span {
display: block;
height: 20px;
overflow: hidden
}
.latest-company-section .latest-company-box {
margin-bottom: 10px
}
.latest-company-section .latest-company-box:hover {
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45)
}
.latest-company-section .latest-company-box:not(:last-child) {
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid #ccc
}
.latest-company-section .latest-company-box .company-box .detail-box h4 {
font-size: 14px;
font-weight: 700
}
.latest-company-section .latest-company-box .company-box .description-box {
font-size: 12px
}
.latest-company-section .latest-company-box .company-box .product-box .img-box img {
border: 1px solid #ccc;
border-radius: 8px
}
.bussiness-articles-section .main-container,
.bussiness-partner-section .main-container,
.homepage-event-section .main-container,
.favourite-companies-section .main-container,
.homepage-testimonies-section .main-container {
padding-left: 0;
padding-right: 0
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button {
border-radius: 10px;
background-image: none;
background-color: white;
width: 25px;
height: 25px;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
background-size: 10px 16px;
background-position: center;
background-repeat: no-repeat;
z-index: 10;
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.7)
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before {
content: "";
border-radius: 10px;
display: block;
background-image: url("./image/icons/icon-nav-orange.svg");
background-position: center center;
background-repeat: no-repeat;
width: 25px;
height: 25px;
background-color: white
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev {
left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before {
background-position-x: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next {
right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before {
background-position-x: -22px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-button-disabled,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-button-disabled,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-button-disabled,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-button-disabled,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-button-disabled {
display: none
}
.bussiness-articles-section .main-container,
.bussiness-partner-section .main-container,
.homepage-event-section .main-container,
.homepage-testimonies-section .main-container {
padding-left: 0;
padding-right: 0
}
.bussiness-articles-section .main-container .swiper-container .swiper-wrapper .swiper-slide,
.bussiness-partner-section .main-container .swiper-container .swiper-wrapper .swiper-slide,
.homepage-event-section .main-container .swiper-container .swiper-wrapper .swiper-slide,
.homepage-testimonies-section .main-container .swiper-container .swiper-wrapper .swiper-slide {
padding: 10px
}
.bussiness-articles-section .main-container .swiper-container .swiper-wrapper .swiper-slide .slide-container,
.bussiness-partner-section .main-container .swiper-container .swiper-wrapper .swiper-slide .slide-container,
.homepage-event-section .main-container .swiper-container .swiper-wrapper .swiper-slide .slide-container,
.homepage-testimonies-section .main-container .swiper-container .swiper-wrapper .swiper-slide .slide-container {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
border-radius: 8px
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-articles-image {
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
height: 175px;
width: 100%;
transition: all ease-out 300ms;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom: 2px solid #eee
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-article-name {
padding: 5px 10px;
height: 48px;
overflow: hidden;
margin-bottom: 10px
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-article-name h3 {
font-size: 14px;
font-weight: 700;
line-height: 1.5
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-article-description {
padding: 5px 10px;
height: 70px;
overflow: hidden;
margin-bottom: 10px
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-article-description p {
height: 100%;
overflow: hidden
}
.bussiness-partner-section .main-container .bussiness-partner-slide .slide-container {
display: flex;
align-items: center;
justify-content: center
}
.bussiness-partner-section .main-container .bussiness-partner-slide .slide-container a {
width: 100%
}
.bussiness-partner-section .main-container .bussiness-partner-slide .slide-container img {
width: 100%;
height: auto
}
.homepage-event-section .main-container .swiper-container .swiper-wrapper .swiper-slide .slide-container img {
border-radius: 8px
}
.favourite-companies-section .main-container {
padding-left: 0;
padding-right: 0
}
.favourite-companies-section .main-container .swiper-slide {
padding: 10px
}
.favourite-companies-section .main-container .swiper-slide .slide-container .favourite-companies-name {
margin-bottom: 10px
}
.favourite-companies-section .main-container .swiper-slide .slide-container .favourite-companies-name h3 {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
line-height: 1.5;
height: 44px;
overflow: hidden
}
.favourite-companies-section .main-container .swiper-slide .slide-container .favourite-companies-description {
font-size: 12px;
line-height: 1.5;
height: 58px;
overflow: hidden
}
.homepage-testimonies-section .testimoni-image {
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 175px;
width: 100%;
transition: all ease-in-out 300ms;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom: 2px solid #eee;
position: relative
}
.homepage-testimonies-section .testimoni-image::before,
.homepage-testimonies-section .testimoni-image::after {
content: "";
position: absolute;
display: block
}
.homepage-testimonies-section .testimoni-image::before {
width: 48px;
height: 48px;
background-image: url("../image/icons/ic_play_arrow_white_48px.svg");
background-repeat: no-repeat;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2
}
.homepage-testimonies-section .testimoni-image::after {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.homepage-testimonies-section .testimoni-name {
padding: 5px 10px;
height: 48px;
overflow: hidden;
margin-bottom: 10px
}
.homepage-testimonies-section .testimoni-name h3 {
font-size: 14px;
font-weight: 700
}
.homepage-testimonies-section .testimoni-description {
padding: 5px 10px;
height: 70px;
overflow: hidden;
margin-bottom: 10px
}
.homepage-testimonies-section .testimoni-description p {
height: 100%;
overflow: hidden
}
.testimoni-video-modal .modal-dialog {
max-width: 888px;
width: 98%
}
.testimoni-video-modal .modal-dialog .modal-content {
padding: 5px
}
.testimoni-video-modal .modal-dialog .modal-content .modal-body {
position: relative;
padding-bottom: calc(var(--aspect-ratio, .5625) * 100%);
height: 0
}
.testimoni-video-modal .modal-dialog .modal-content .modal-body iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.testimoni-video-modal .modal-dialog .modal-content .modal-footer {
border-top: 0;
padding: 5px
}
.main-body {
padding-bottom: 10px
}
@media (min-width: 576px) {
.banner-section .swiper-container {
padding-bottom: 0
}
.banner-section .swiper-container:hover .swiper-navigation .swiper-button,
.banner-section .swiper-container:hover .swiper-pagination {
opacity: 1
}
.banner-section .swiper-container .swiper-navigation .swiper-button {
opacity: 0;
border-radius: 8px;
height: 80px;
top: 50%;
transform: translateY(-50%);
background-size: 27px 44px;
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.banner-section .swiper-container .swiper-navigation .swiper-button::before {
height: 80px
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-prev::before {
background-position-x: -1px
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-next::before {
background-position-x: -23px
}
.banner-section .swiper-container .swiper-pagination {
opacity: 0;
bottom: 10px;
left: 0;
text-align: right;
z-index: 10
}
.best-deal-section {
margin-top: 15px
}
.bussiness-articles-section .swiper-container.navigation-rounded:hover .swiper-navigation .swiper-button,
.bussiness-articles-section .swiper-container.navigation-rounded:hover .swiper-pagination,
.bussiness-partner-section .swiper-container.navigation-rounded:hover .swiper-navigation .swiper-button,
.bussiness-partner-section .swiper-container.navigation-rounded:hover .swiper-pagination,
.homepage-event-section .swiper-container.navigation-rounded:hover .swiper-navigation .swiper-button,
.homepage-event-section .swiper-container.navigation-rounded:hover .swiper-pagination,
.favourite-companies-section .swiper-container.navigation-rounded:hover .swiper-navigation .swiper-button,
.favourite-companies-section .swiper-container.navigation-rounded:hover .swiper-pagination,
.homepage-testimonies-section .swiper-container.navigation-rounded:hover .swiper-navigation .swiper-button,
.homepage-testimonies-section .swiper-container.navigation-rounded:hover .swiper-pagination {
opacity: 1
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button {
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-articles-image:hover {
background-size: 110%;
transition: all ease-in-out 300ms
}
.homepage-testimonies-section .testimoni-image:hover {
background-size: 110%;
transition: all ease-in 300ms
}
.homepage-testimonies-section .testimoni-image:hover::before {
background-image: url("../image/icons/ic_play_arrow_white_48px_red.svg")
}
.main-body {
padding-bottom: 20px
}
}
@media (min-width: 1000px) {
.banner-section {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none
}
.banner-section>* {
padding-left: 12px;
padding-right: 12px
}
.banner-section .homepage-billboard {
width: 100%
}
.banner-section .homepage-billboard .billboard-banner .swiper-slide {
background-color: transparent
}
.banner-section .homepage-billboard .billboard-banner .swiper-slide .slider-section img {
border-radius: 0px
}
.banner-section .banner-spacer {
width: 1.005025125628140703517587939698%
}
.banner-section .homepage-side-banner {
width: 28.643216080402010050251256281407%
}
.banner-section .homepage-side-banner .swiper-slide {
background-color: transparent
}
.banner-section .homepage-side-banner .swiper-slide .slide-container img {
border-radius: 8px
}
.best-deal-section,
.product-parade-section,
.category-highlight-section,
.latest-product-section,
.latest-company-section,
.favourite-companies-section {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
margin: 0;
margin-top: 20px;
border-radius: 8px
}
.best-deal-section .title,
.product-parade-section .title,
.category-highlight-section .title,
.latest-product-section .title,
.latest-company-section .title,
.favourite-companies-section .title {
padding: 20px 12px;
border-bottom: 1px solid #ccc
}
.best-deal-section .title h2,
.product-parade-section .title h2,
.category-highlight-section .title h2,
.latest-product-section .title h2,
.latest-company-section .title h2,
.favourite-companies-section .title h2 {
font-weight: 700
}
.best-deal-section {
padding-top: 0;
padding-bottom: 0
}
.best-deal-section .right-section {
padding-top: 10px
}
.latest-company-section .latest-company-box {
border-bottom: none !important
}
.latest-company-section .latest-company-box:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.latest-company-section .latest-company-box .company-box {
padding: 5px;
border: 1px solid #eee;
border-radius: 8px
}
.latest-company-section .latest-company-box .company-box:hover {
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45)
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button {
border-radius: 50%;
width: 36px;
height: 36px;
background-size: 20px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2)
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before {
border-radius: 50%;
width: 36px;
height: 36px
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev {
left: 15px;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before {
background-position-x: 4px;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next {
right: 15px;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before {
background-position-x: -17px;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%
}
.bussiness-articles-section,
.bussiness-partner-section,
.homepage-event-section,
.homepage-testimonies-section {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-radius: 0px
}
.bussiness-articles-section .title,
.bussiness-partner-section .title,
.homepage-event-section .title,
.homepage-testimonies-section .title {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 0;
border-bottom: none
}
.bussiness-articles-section .title h2,
.bussiness-partner-section .title h2,
.homepage-event-section .title h2,
.homepage-testimonies-section .title h2 {
font-weight: 700
}
.bussiness-articles-section .main-container,
.bussiness-partner-section .main-container,
.homepage-event-section .main-container,
.homepage-testimonies-section .main-container {
padding-left: 3px;
padding-right: 3px
}
}
@media (min-width: 992px) {
.category-highlight-section .category-list .second-category .right-box {
height: 175px
}
.category-highlight-section .category-list .second-category .right-box .info {
height: auto;
margin-top: 10px;
margin-bottom: 5px
}
}
@media (min-width: 1024px) {
.banner-section {
padding-bottom: 0
}
.banner-section .homepage-category {
display: block !important;
height: 340px
}
.banner-section .homepage-billboard {
width: 1000px;
box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.25), 10px 3px 10px 0 rgba(0, 0, 0, 0.2);
border-radius: 0px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.banner-section .homepage-billboard .billboard-banner .swiper-slide .slider-section img {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.banner-section .banner-spacer {
min-width: 10px;
width: auto
}
.banner-section .homepage-side-banner {
width: 230px
}
}
@media (min-width: 1200px) {
.banner-section .homepage-category {
height: auto
}
.banner-section .homepage-billboard {
width: 1000px
}
.banner-section .homepage-side-banner {
width: 285px
}
.category-highlight-section {
padding-bottom: 0
}
.category-highlight-section .category-list .second-category .right-box {
height: 200px
}
.category-highlight-section .category-list .second-category .right-box .info {
height: auto;
margin-top: 10px;
margin-bottom: 5px
}
}
@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: 8px;
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: 8px
}
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: 10px
}
.d-scroll::-webkit-scrollbar-thumb:hover {
background: #999;
border-radius: 10px
}
.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.blue-onyx {
background-position-x: -28px;
background-position-y: -24px
}
.membership-badge.ruby {
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.blue-onyx {
color: #2266cc
}
.membership-name.ruby {
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.ruby {
background-image: linear-gradient(95deg, #b22222, red)
}
.box-year.blue-onyx {
background-image: linear-gradient(95deg, #26c, #0cf) !important
}
.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: 10px;
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: #3381f5;
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: 50%;
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: #ff0000;
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: 50px;
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: 50px;
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: 50px !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: 50px;
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: 50%
}
.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: 50%;
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: 50px;
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: #fc6000;
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%
}
}
.banner-section,
.best-deal-section,
.product-parade-section,
.category-highlight-section,
.latest-product-section,
.latest-company-section,
.bussiness-articles-section,
.bussiness-partner-section,
.homepage-event-section,
.favourite-companies-section,
.homepage-testimonies-section {
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
margin-top: 15px
}
.banner-section .title,
.best-deal-section .title,
.product-parade-section .title,
.category-highlight-section .title,
.latest-product-section .title,
.latest-company-section .title,
.bussiness-articles-section .title,
.bussiness-partner-section .title,
.homepage-event-section .title,
.favourite-companies-section .title,
.homepage-testimonies-section .title {
padding: 15px 10px;
border-bottom: 1px solid #ccc
}
.banner-section .title h2,
.best-deal-section .title h2,
.product-parade-section .title h2,
.category-highlight-section .title h2,
.latest-product-section .title h2,
.latest-company-section .title h2,
.bussiness-articles-section .title h2,
.bussiness-partner-section .title h2,
.homepage-event-section .title h2,
.favourite-companies-section .title h2,
.homepage-testimonies-section .title h2 {
font-size: 20px;
font-weight: 700;
line-height: 20px;
margin-bottom: 0;
text-transform: uppercase
}
.banner-section .main-container,
.best-deal-section .main-container,
.product-parade-section .main-container,
.category-highlight-section .main-container,
.latest-product-section .main-container,
.latest-company-section .main-container,
.bussiness-articles-section .main-container,
.bussiness-partner-section .main-container,
.homepage-event-section .main-container,
.favourite-companies-section .main-container,
.homepage-testimonies-section .main-container {
position: relative
}
.banner-section .main-container .swiper-container,
.best-deal-section .main-container .swiper-container,
.product-parade-section .main-container .swiper-container,
.category-highlight-section .main-container .swiper-container,
.latest-product-section .main-container .swiper-container,
.latest-company-section .main-container .swiper-container,
.bussiness-articles-section .main-container .swiper-container,
.bussiness-partner-section .main-container .swiper-container,
.homepage-event-section .main-container .swiper-container,
.favourite-companies-section .main-container .swiper-container,
.homepage-testimonies-section .main-container .swiper-container {
overflow-x: hidden
}
.banner-section>* {
padding: 0
}
.banner-section .homepage-category {
min-width: 150px;
width: auto;
padding: 0;
margin: 0;
background-color: #fff;
border: 1px solid #ddd;
border-right: none;
border-radius: 0px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25), 8px 2px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 10px 0px rgba(0, 0, 0, 0.1), 8px 2px 10px 0px rgba(0, 0, 0, 0.1)
}
.banner-section .homepage-category.selected {
z-index: 2000;
position: relative;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px
}
.banner-section .homepage-category a {
font-size: 12px
}
.banner-section .homepage-category .category-title {
z-index: inherit;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
text-transform: uppercase;
padding: 0 10px
}
.banner-section .homepage-category .category-title a {
color: #2266cc
}
.banner-section .homepage-category .nav-homepage-category {
z-index: inherit;
display: block
}
.banner-section .homepage-category .nav-homepage-category .cat-menu {
position: relative
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu {
display: block;
position: static;
box-sizing: border-box;
border-bottom: 1px solid #eee
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu {
display: block;
position: relative;
padding: 8px 10px;
height: 30px;
overflow: hidden
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin: -3px 5px 0 0;
transition: .3s;
position: relative;
background-image: url("../image/icons/icon-category.svg");
background-size: inherit;
background-repeat: no-repeat;
background-position-x: -2px;
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3)
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.agrobisnis-produk-pangan {
background-position-y: -146px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.alat-berat {
background-position-y: -218px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.bahan-bangunan {
background-position-y: -2px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.besi-baja {
background-position-y: -75px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.fashion-tekstil-dan-aksesoris {
background-position-y: -337px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.furnitur {
background-position-y: -386px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.kemasan {
background-position-y: -98px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.kesehatan-dan-kecantikan {
background-position-y: -362px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.komputer-dan-laptop {
background-position-y: -266px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.mesin-peralatan-industri {
background-position-y: -50px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.metalurgi-mineral-dan-kimia {
background-position-y: -409px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.peralatan-kantor {
background-position-y: -314px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.peralatan-olahraga-dan-outdoor {
background-position-y: -122px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.perlengkapan-listrik-elektronik {
background-position-y: -26px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.teknologi-dan-telekomunikasi {
background-position-y: -290px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category.tekstil {
background-position-y: -435px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .root-menu .icon-category::before {
content: ' ';
display: inline-block;
width: 100%;
height: 100%
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded {
background-color: #fff;
display: none;
position: absolute;
left: 100%;
top: 0;
height: auto;
border: none;
border-left: 1px solid #ddd;
padding: 10px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
height: 200px;
overflow-x: hidden
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded a:hover {
color: #2266cc
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded .second-segment {
height: 100%
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded .second-segment .second-menu {
padding: 8px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded .second-segment .third-segment {
margin-top: 5px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu .expanded .second-segment .third-segment .third-menu {
padding: 8px
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu:hover {
background-color: #eee
}
.banner-section .homepage-category .nav-homepage-category .cat-menu .list-menu:hover .expanded {
display: block
}
.banner-section .homepage-category .nav-homepage-category .cat-menu a {
color: #000000
}
.banner-section .homepage-billboard {
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
}
.banner-section .swiper-container {
position: relative;
overflow-x: hidden
}
.banner-section .swiper-container .swiper-navigation .swiper-button {
border-radius: 0px;
background-image: none;
background-color: white;
width: 25px;
height: 30px;
position: absolute;
bottom: 5px;
cursor: pointer;
background-size: 10px 16px;
background-position: center;
background-repeat: no-repeat;
z-index: 10;
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.7);
border-radius: 0
}
.banner-section .swiper-container .swiper-navigation .swiper-button::before {
content: "";
display: block;
background-image: url("./image/icons/icon-nav-orange.svg");
background-position: center center;
background-repeat: no-repeat;
width: 25px;
height: 30px;
background-color: white
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-prev {
left: 0
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-prev::before {
background-position-x: -1px
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-next {
right: 0
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-next::before {
background-position-x: -23px
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-button-disabled {
display: none
}
.banner-section .swiper-container .swiper-pagination {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
transform: translate3d(0, 0, 0);
z-index: -1
}
.banner-section .swiper-container .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
position: relative;
background: rgba(102, 102, 102, 0.8);
opacity: 1;
margin: 0 5px;
cursor: pointer;
display: inline-block;
border-radius: 100%
}
.banner-section .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: -webkit-linear-gradient(top, #fc0 0%, #ff6c00 100%);
background: linear-gradient(to bottom, #fc0 0%, #ff6c00 100%)
}
.banner-section .swiper-container .swiper-pagination .swiper-pagination-bullet::before {
position: absolute;
top: -8px;
left: 0;
content: "";
display: block;
width: 100%;
height: 8px;
cursor: pointer
}
.banner-section .swiper-container .swiper-pagination .swiper-pagination-bullet::after {
position: absolute;
bottom: -8px;
left: 0;
content: "";
display: block;
width: 100%;
height: 8px;
cursor: pointer
}
.banner-section .swiper-container .swiper-pagination .swiper-pagination-bullet:only-child {
display: none
}
.best-deal-section {
margin-top: 5px;
border-top: 1px solid #ccc;
padding-top: 10px;
font-size: 16px;
font-weight: normal
}
.best-deal-section .left-section {
background-image: linear-gradient(to bottom right, #04a, #25c);
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding: 30px 20px;
color: #fff
}
.best-deal-section .left-section .best-deal-title {
font-weight: bold;
font-size: 24px
}
.best-deal-section .left-section .latest-best-deal-title {
color: white;
font-weight: bold;
font-size: 18px;
margin-bottom: 20px
}
.best-deal-section .left-section .best-deal-homepage {
color: black;
height: 200px
}
.best-deal-section .left-section .best-deal-homepage .best-deal-slide {
padding: 0px 10px;
background-color: white;
border-radius: 8px;
overflow: hidden
}
.best-deal-section .left-section .best-deal-homepage .best-deal-slide .title {
font-weight: 700;
padding: 10px 12px
}
.best-deal-section .left-section .best-deal-homepage .best-deal-slide .description-box {
font-family: "Open Sans", sans-serif;
font-size: 14px
}
.best-deal-section .left-section .best-deal-homepage-button-row {
margin-top: 20px;
margin-bottom: 20px
}
.best-deal-section .left-section .best-deal-homepage-button-row a {
color: black;
background-color: #ffcc00;
padding: 10px 50px;
border-radius: 50px
}
.best-deal-section .right-section {
padding-bottom: 10px
}
.best-deal-section .right-section .best-deal-form-title {
font-size: 20px;
margin-bottom: 20px;
font-weight: 700
}
.best-deal-section .right-section .send-request {
background-color: #fc6000;
border-radius: 10px;
color: white;
font-size: 18px;
text-transform: uppercase;
font-weight: bold
}
.category-highlight-section .root-image {
padding: 0;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px
}
.category-highlight-section .root-image img {
width: 100%;
height: 100%;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px
}
.category-highlight-section .category-list .title .highlight-view-more {
font-size: 13px;
font-weight: 700;
color: #fc6000;
border: 1px solid #fc6000;
border-radius: 50px;
padding: 5px 20px;
transition: all ease-in-out 100ms;
text-transform: uppercase
}
.category-highlight-section .category-list .title .highlight-view-more:hover {
background-color: #fc6000;
color: #fff
}
.category-highlight-section .category-list .second-category {
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 8px
}
.category-highlight-section .category-list .second-category .image-box {
padding: 0
}
.category-highlight-section .category-list .second-category img {
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.category-highlight-section .category-list .second-category a:hover {
color: #517edf
}
.category-highlight-section .category-list .second-category .info {
height: 58px;
overflow: hidden
}
.category-highlight-section .category-list .second-category .info a {
font-weight: 700
}
.category-highlight-section .category-list .second-category .third-box a {
font-weight: 400;
margin-bottom: 5px
}
.category-highlight-section .category-list .bottom-box {
border-top: 1px solid #ccc
}
.category-highlight-section .category-list .bottom-box a {
font-weight: 400
}
.latest-product-section .product-box,
.product-parade-section .product-box {
margin-top: 10px;
padding: 5px
}
.latest-product-section .product-box>.row,
.product-parade-section .product-box>.row {
margin-left: 0;
margin-right: 0;
height: 100%;
border-radius: 8px;
border: 1px solid #eee
}
.latest-product-section .product-box>.row:hover,
.product-parade-section .product-box>.row:hover {
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45)
}
.latest-product-section .product-box>.row>*,
.product-parade-section .product-box>.row>* {
padding: 0
}
.latest-product-section .product-box img,
.product-parade-section .product-box img {
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.latest-product-section .product-box .product-title h3,
.product-parade-section .product-box .product-title h3 {
font-size: 14px;
font-weight: 700;
max-height: 42px;
line-height: 20px;
overflow: hidden
}
.latest-product-section .product-box .product-price .price,
.product-parade-section .product-box .product-price .price {
font-size: 14px;
color: #fc5000
}
.latest-product-section .product-box .company-box .company-info,
.product-parade-section .product-box .company-box .company-info {
font-size: 12px;
max-width: 150px
}
.latest-product-section .product-box .company-box .company-info h4,
.product-parade-section .product-box .company-box .company-info h4 {
font-size: 14px;
font-weight: 400;
overflow: hidden
}
.latest-product-section .product-box .company-box .company-info span,
.product-parade-section .product-box .company-box .company-info span {
display: block;
height: 20px;
overflow: hidden
}
.latest-company-section .latest-company-box {
margin-bottom: 10px
}
.latest-company-section .latest-company-box:hover {
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45)
}
.latest-company-section .latest-company-box:not(:last-child) {
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid #ccc
}
.latest-company-section .latest-company-box .company-box .detail-box h4 {
font-size: 14px;
font-weight: 700
}
.latest-company-section .latest-company-box .company-box .description-box {
font-size: 12px
}
.latest-company-section .latest-company-box .company-box .product-box .img-box img {
border: 1px solid #ccc;
border-radius: 8px
}
.bussiness-articles-section .main-container,
.bussiness-partner-section .main-container,
.homepage-event-section .main-container,
.favourite-companies-section .main-container,
.homepage-testimonies-section .main-container {
padding-left: 0;
padding-right: 0
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button {
border-radius: 10px;
background-image: none;
background-color: white;
width: 25px;
height: 25px;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
background-size: 10px 16px;
background-position: center;
background-repeat: no-repeat;
z-index: 10;
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.7)
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before {
content: "";
border-radius: 10px;
display: block;
background-image: url("./image/icons/icon-nav-orange.svg");
background-position: center center;
background-repeat: no-repeat;
width: 25px;
height: 25px;
background-color: white
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev {
left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before {
background-position-x: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next {
right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before {
background-position-x: -22px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-button-disabled,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-button-disabled,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-button-disabled,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-button-disabled,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-button-disabled {
display: none
}
.bussiness-articles-section .main-container,
.bussiness-partner-section .main-container,
.homepage-event-section .main-container,
.homepage-testimonies-section .main-container {
padding-left: 0;
padding-right: 0
}
.bussiness-articles-section .main-container .swiper-container .swiper-wrapper .swiper-slide,
.bussiness-partner-section .main-container .swiper-container .swiper-wrapper .swiper-slide,
.homepage-event-section .main-container .swiper-container .swiper-wrapper .swiper-slide,
.homepage-testimonies-section .main-container .swiper-container .swiper-wrapper .swiper-slide {
padding: 10px
}
.bussiness-articles-section .main-container .swiper-container .swiper-wrapper .swiper-slide .slide-container,
.bussiness-partner-section .main-container .swiper-container .swiper-wrapper .swiper-slide .slide-container,
.homepage-event-section .main-container .swiper-container .swiper-wrapper .swiper-slide .slide-container,
.homepage-testimonies-section .main-container .swiper-container .swiper-wrapper .swiper-slide .slide-container {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
border-radius: 8px
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-articles-image {
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
height: 175px;
width: 100%;
transition: all ease-out 300ms;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom: 2px solid #eee
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-article-name {
padding: 5px 10px;
height: 48px;
overflow: hidden;
margin-bottom: 10px
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-article-name h3 {
font-size: 14px;
font-weight: 700;
line-height: 1.5
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-article-description {
padding: 5px 10px;
height: 70px;
overflow: hidden;
margin-bottom: 10px
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-article-description p {
height: 100%;
overflow: hidden
}
.bussiness-partner-section .main-container .bussiness-partner-slide .slide-container {
display: flex;
align-items: center;
justify-content: center
}
.bussiness-partner-section .main-container .bussiness-partner-slide .slide-container a {
width: 100%
}
.bussiness-partner-section .main-container .bussiness-partner-slide .slide-container img {
width: 100%;
height: auto
}
.homepage-event-section .main-container .swiper-container .swiper-wrapper .swiper-slide .slide-container img {
border-radius: 8px
}
.favourite-companies-section .main-container {
padding-left: 0;
padding-right: 0
}
.favourite-companies-section .main-container .swiper-slide {
padding: 10px
}
.favourite-companies-section .main-container .swiper-slide .slide-container .favourite-companies-name {
margin-bottom: 10px
}
.favourite-companies-section .main-container .swiper-slide .slide-container .favourite-companies-name h3 {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
line-height: 1.5;
height: 44px;
overflow: hidden
}
.favourite-companies-section .main-container .swiper-slide .slide-container .favourite-companies-description {
font-size: 12px;
line-height: 1.5;
height: 58px;
overflow: hidden
}
.homepage-testimonies-section .testimoni-image {
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 175px;
width: 100%;
transition: all ease-in-out 300ms;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom: 2px solid #eee;
position: relative
}
.homepage-testimonies-section .testimoni-image::before,
.homepage-testimonies-section .testimoni-image::after {
content: "";
position: absolute;
display: block
}
.homepage-testimonies-section .testimoni-image::before {
width: 48px;
height: 48px;
background-image: url("../image/icons/ic_play_arrow_white_48px.svg");
background-repeat: no-repeat;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2
}
.homepage-testimonies-section .testimoni-image::after {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.homepage-testimonies-section .testimoni-name {
padding: 5px 10px;
height: 48px;
overflow: hidden;
margin-bottom: 10px
}
.homepage-testimonies-section .testimoni-name h3 {
font-size: 14px;
font-weight: 700
}
.homepage-testimonies-section .testimoni-description {
padding: 5px 10px;
height: 70px;
overflow: hidden;
margin-bottom: 10px
}
.homepage-testimonies-section .testimoni-description p {
height: 100%;
overflow: hidden
}
.testimoni-video-modal .modal-dialog {
max-width: 888px;
width: 98%
}
.testimoni-video-modal .modal-dialog .modal-content {
padding: 5px
}
.testimoni-video-modal .modal-dialog .modal-content .modal-body {
position: relative;
padding-bottom: calc(var(--aspect-ratio, .5625) * 100%);
height: 0
}
.testimoni-video-modal .modal-dialog .modal-content .modal-body iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.testimoni-video-modal .modal-dialog .modal-content .modal-footer {
border-top: 0;
padding: 5px
}
.main-body {
padding-bottom: 10px
}
@media (min-width: 576px) {
.banner-section .swiper-container {
padding-bottom: 0
}
.banner-section .swiper-container:hover .swiper-navigation .swiper-button,
.banner-section .swiper-container:hover .swiper-pagination {
opacity: 1
}
.banner-section .swiper-container .swiper-navigation .swiper-button {
opacity: 0;
border-radius: 8px;
height: 80px;
top: 50%;
transform: translateY(-50%);
background-size: 27px 44px;
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.banner-section .swiper-container .swiper-navigation .swiper-button::before {
height: 80px
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-prev::before {
background-position-x: -1px
}
.banner-section .swiper-container .swiper-navigation .swiper-button.swiper-next::before {
background-position-x: -23px
}
.banner-section .swiper-container .swiper-pagination {
opacity: 0;
bottom: 10px;
left: 0;
text-align: right;
z-index: 10
}
.best-deal-section {
margin-top: 15px
}
.bussiness-articles-section .swiper-container.navigation-rounded:hover .swiper-navigation .swiper-button,
.bussiness-articles-section .swiper-container.navigation-rounded:hover .swiper-pagination,
.bussiness-partner-section .swiper-container.navigation-rounded:hover .swiper-navigation .swiper-button,
.bussiness-partner-section .swiper-container.navigation-rounded:hover .swiper-pagination,
.homepage-event-section .swiper-container.navigation-rounded:hover .swiper-navigation .swiper-button,
.homepage-event-section .swiper-container.navigation-rounded:hover .swiper-pagination,
.favourite-companies-section .swiper-container.navigation-rounded:hover .swiper-navigation .swiper-button,
.favourite-companies-section .swiper-container.navigation-rounded:hover .swiper-pagination,
.homepage-testimonies-section .swiper-container.navigation-rounded:hover .swiper-navigation .swiper-button,
.homepage-testimonies-section .swiper-container.navigation-rounded:hover .swiper-pagination {
opacity: 1
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button {
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.bussiness-articles-section .main-container .bussiness-article .swiper-wrapper .swiper-slide .slide-container .bussiness-articles-image:hover {
background-size: 110%;
transition: all ease-in-out 300ms
}
.homepage-testimonies-section .testimoni-image:hover {
background-size: 110%;
transition: all ease-in 300ms
}
.homepage-testimonies-section .testimoni-image:hover::before {
background-image: url("../image/icons/ic_play_arrow_white_48px_red.svg")
}
.main-body {
padding-bottom: 20px
}
}
@media (min-width: 768px) {
.banner-section {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none
}
.banner-section>* {
padding-left: 12px;
padding-right: 12px
}
.banner-section .homepage-billboard {
width: 70.351758793969849246231155778894%
}
.banner-section .homepage-billboard .billboard-banner .swiper-slide {
background-color: transparent
}
.banner-section .homepage-billboard .billboard-banner .swiper-slide .slider-section img {
border-radius: 0px
}
.banner-section .banner-spacer {
width: 1.005025125628140703517587939698%
}
.banner-section .homepage-side-banner {
width: 28.643216080402010050251256281407%
}
.banner-section .homepage-side-banner .swiper-slide {
background-color: transparent
}
.banner-section .homepage-side-banner .swiper-slide .slide-container img {
border-radius: 0px
}
.best-deal-section,
.product-parade-section,
.category-highlight-section,
.latest-product-section,
.latest-company-section,
.favourite-companies-section {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
margin: 0;
margin-top: 20px;
border-radius: 0px
}
.best-deal-section .title,
.product-parade-section .title,
.category-highlight-section .title,
.latest-product-section .title,
.latest-company-section .title,
.favourite-companies-section .title {
padding: 20px 12px;
border-bottom: 1px solid #ccc
}
.best-deal-section .title h2,
.product-parade-section .title h2,
.category-highlight-section .title h2,
.latest-product-section .title h2,
.latest-company-section .title h2,
.favourite-companies-section .title h2 {
font-weight: 700
}
.best-deal-section {
padding-top: 0;
padding-bottom: 0
}
.best-deal-section .right-section {
padding-top: 10px
}
.latest-company-section .latest-company-box {
border-bottom: none !important
}
.latest-company-section .latest-company-box:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.latest-company-section .latest-company-box .company-box {
padding: 5px;
border: 1px solid #eee;
border-radius: 0px
}
.latest-company-section .latest-company-box .company-box:hover {
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45), 0px -3px 10px 0px rgba(0, 0, 0, 0.45)
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button {
border-radius: 50%;
width: 36px;
height: 36px;
background-size: 20px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25), 0 3px 10px 0 rgba(0, 0, 0, 0.2)
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button::before {
border-radius: 50%;
width: 36px;
height: 36px
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev {
left: 15px;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-prev::before {
background-position-x: 4px;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next {
right: 15px;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%
}
.bussiness-articles-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.bussiness-partner-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.homepage-event-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.favourite-companies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before,
.homepage-testimonies-section .swiper-container.navigation-rounded .swiper-navigation .swiper-button.swiper-next::before {
background-position-x: -17px;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%
}
.bussiness-articles-section,
.bussiness-partner-section,
.homepage-event-section,
.homepage-testimonies-section {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-radius: 0px
}
.bussiness-articles-section .title,
.bussiness-partner-section .title,
.homepage-event-section .title,
.homepage-testimonies-section .title {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 0;
border-bottom: none
}
.bussiness-articles-section .title h2,
.bussiness-partner-section .title h2,
.homepage-event-section .title h2,
.homepage-testimonies-section .title h2 {
font-weight: 700
}
.bussiness-articles-section .main-container,
.bussiness-partner-section .main-container,
.homepage-event-section .main-container,
.homepage-testimonies-section .main-container {
padding-left: 3px;
padding-right: 3px
}
}
@media (min-width: 992px) {
.category-highlight-section .category-list .second-category .right-box {
height: 175px
}
.category-highlight-section .category-list .second-category .right-box .info {
height: auto;
margin-top: 10px;
margin-bottom: 5px
}
}
@media (min-width: 1024px) {
.banner-section {
padding-bottom: 0
}
.banner-section .homepage-category {
display: block !important;
height: 340px
}
.banner-section .homepage-billboard {
width: 1000px;
box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.25), 10px 3px 10px 0 rgba(0, 0, 0, 0.2);
border-radius: 0px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.banner-section .homepage-billboard .billboard-banner .swiper-slide .slider-section img {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.banner-section .banner-spacer {
min-width: 10px;
width: auto
}
.banner-section .homepage-side-banner {
width: 230px
}
}
@media (min-width: 1200px) {
.banner-section .homepage-category {
height: auto
}
.banner-section .homepage-billboard {
width: 1000px
}
.banner-section .homepage-side-banner {
width: 285px
}
.category-highlight-section {
padding-bottom: 0
}
.category-highlight-section .category-list .second-category .right-box {
height: 200px
}
.category-highlight-section .category-list .second-category .right-box .info {
height: auto;
margin-top: 10px;
margin-bottom: 5px
}
}