/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz0dL-vwnYh2eg.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzQdL-vwnYh2eg.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzwdL-vwnYh2eg.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzMdL-vwnYh2eg.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz8dL-vwnYh2eg.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz4dL-vwnYh2eg.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzAdL-vwnYg.woff2)
    format("woff2");
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2)
    format("woff2");
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2)
    format("woff2");
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2)
    format("woff2");
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2)
    format("woff2");
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc3CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc-CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc2CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc5CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc1CsTYl4BOQ3o.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc0CsTYl4BOQ3o.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc6CsTYl4BO.woff2)
    format("woff2");
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2)
    format("woff2");
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2)
    format("woff2");
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
    format("woff2");
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
    format("woff2");
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
    format("woff2");
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4AMP6lbBP.woff2)
    format("woff2");
  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;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
    format("woff2");
  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;
}

:root {
  --font-family: "Roboto", sans-serif;
  --font-family-icon: "Font Awesome 5 Pro";
  --font-size: 15px;
  --color-text: #111;
  --color-text-hover: #288ad6;
  --color-primary: #f5980d;
  --color-primary-hover: #d37f00;
  --color-secondary: #688a3e;
  --color-secondary-hover: #4b711d;
  --color-white: #fff;
  --color-green: #28a745;
  --color-orange: #ffb933;
  --color-red: #b40000;
  --color-blue: #288ad6;
  --color-yellow: #fadf48;
  --color-border: #ddd;
  --color-border-search: var(--color-primary);
  --color-bgheader: var(--color-primary);
  --color-bgmenu: var(--color-secondary);
  --color-bgmenu-hover: rgba(43, 40, 58, 0.16);
  --color-bg-gradient: linear-gradient(
    to bottom left,
    #faad4f,
    var(--color-primary)
  );
  --color-menu: #555;
  --color-menu-second: var(--color-text);
  --color-bgbody: #fff;
  --color-bgfooter: #202020;
  --color-bgevent: var(--color-primary);
  --color-bgbox: #008848;
  --border-radius: 10px;
  --margin-bottom: 20px;
  --max-width-content: 750px;
  --filter-color-primary: invert(33%) sepia(75%) saturate(3222%)
    hue-rotate(138deg) brightness(84%) contrast(101%);
  --filter-color-white: invert(100%) sepia(100%) saturate(0%) hue-rotate(282deg)
    brightness(103%) contrast(103%);
  --filter-color-black: invert(0%) sepia(3%) saturate(3769%) hue-rotate(11deg)
    brightness(84%) contrast(87%);
  --filter-color-orange: invert(42%) sepia(72%) saturate(1522%)
    hue-rotate(358deg) brightness(100%) contrast(108%);
  --filter-color-red: invert(11%) sepia(77%) saturate(6961%) hue-rotate(353deg)
    brightness(112%) contrast(86%);
  --filter-color-yellow: invert(99%) sepia(31%) saturate(7464%)
    hue-rotate(348deg) brightness(94%) contrast(99%);
  --filter-color-grey: invert(33%) sepia(9%) saturate(9%) hue-rotate(350deg)
    brightness(94%) contrast(92%);
  --filter-color-greyish: invert(50%) sepia(45%) saturate(0%) hue-rotate(150deg)
    brightness(98%) contrast(89%);
}

@media (max-width: 991px) {
  :root {
    --margin-bottom: 10px;
  }
}

/*===== Main =====*/
body {
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: 300;
  color: var(--color-text);
  line-height: 1.4;
  background: var(--color-bgbody);
}

a:hover,
a:focus {
  color: var(--color-primary);
}

.none {
  display: none;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  line-height: 1.4;
}

strong,
b {
  font-weight: 500;
}

a {
  color: var(--color-text);
}

a:hover,
a:active,
a:focus {
  color: var(--color-text-hover);
  text-decoration: none;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.container,
.navbar {
  padding-left: 10px;
  padding-right: 10px;
}

.img-ratios {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.img-ratios::before {
  display: block;
  content: "";
  padding-top: 66.66%;
}

.img-ratios.img-3by2::before {
  padding-top: 66.66%;
}

.img-ratios.img-16by9::before {
  padding-top: 56.25%;
}

.img-ratios img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hover {
  position: relative;
  overflow: hidden;
}

.hover::after {
  position: absolute;
  display: block;
  content: "";
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 0.3;
  pointer-events: none;
  top: -50%;
  left: -150%;
  width: 100%;
  height: 200%;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(transparent),
    to(#fff)
  );
  background: -webkit-linear-gradient(left, transparent, #fff);
  background: -o-linear-gradient(left, transparent, #fff);
  background: linear-gradient(to right, transparent, #fff);
  z-index: 10;
}

.hover:hover::after {
  -webkit-animation: shine-img 0.8s linear;
  animation: shine-img 0.8s linear;
}

@-webkit-keyframes shine-img {
  0% {
    -webkit-transform: translateX(0%) rotate(30deg);
    transform: translateX(0%) rotate(30deg);
  }
  100% {
    -webkit-transform: translateX(300%) rotate(30deg);
    transform: translateX(300%) rotate(30deg);
  }
}

@keyframes shine-img {
  0% {
    -webkit-transform: translateX(0%) rotate(30deg);
    transform: translateX(0%) rotate(30deg);
  }
  100% {
    -webkit-transform: translateX(300%) rotate(30deg);
    transform: translateX(300%) rotate(30deg);
  }
}

.stores-list::-webkit-scrollbar {
  width: 6px;
  height: 0;
  background-color: #f5f5f5;
}

.form-control {
  font-size: var(--font-size);
  height: 40px;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select:not([multiple]) {
  background: url(../images/select-arrow.png) right center #fff no-repeat !important;
  padding-right: 23px !important;
}

select option {
  padding: 5px !important;
}

select::-webkit-scrollbar {
  width: 0.625rem;
}

select::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(193, 193, 193, 0.3);
}

select::-webkit-scrollbar-thumb {
  background: rgba(193, 193, 193, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(193, 193, 193, 0.5);
}

select.form-control:not([size]):not([multiple]) {
  height: auto !important;
}

input[type="radio"],
input[type="checkbox"] {
  margin-top: 0;
  vertical-align: top;
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

input[type="checkbox"][disabled],
input[type="radio"][disabled] {
  opacity: 0.5 !important;
}

input[type="radio"] {
  position: relative;
  margin: 0;
  cursor: pointer;
}

input[type="radio"]:before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -o-transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75),
    -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  content: "";
  position: absolute;
  left: -1px;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: var(--color-primary);
  border-radius: 50%;
}

input[type="radio"]:after {
  content: "";
  position: absolute;
  left: -1px;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}

input[type="radio"]:checked:before {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

input[type="checkbox"] {
  position: relative;
  top: 0;
  margin: 0;
  cursor: pointer;
}

input[type="checkbox"]:before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -o-transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75),
    -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
  -ms-transform: rotate(-45deg) scale(0, 0);
  transform: rotate(-45deg) scale(0, 0);
  content: "";
  position: absolute;
  left: -1px;
  right: 0;
  top: 0.4em;
  margin: auto;
  z-index: 1;
  width: 12px;
  height: 6px;
  border: 3px solid var(--color-primary);
  border-top-style: none;
  border-right-style: none;
}

input[type="checkbox"]:after {
  content: "";
  position: absolute;
  left: -1px;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  border-radius: 2px;
}

input[type="checkbox"]:checked:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
  -ms-transform: rotate(-45deg) scale(1, 1);
  transform: rotate(-45deg) scale(1, 1);
}

.form-check-label {
  padding-left: 0;
  cursor: pointer;
  font-weight: 500;
}

.form-check-label > input[type="radio"],
.form-check-label > input[type="checkbox"] {
  margin-right: 0.325rem;
}

.form-check-inline .form-check-label:not(:last-child) {
  margin-right: 1rem;
}

.money {
  color: var(--color-red);
}

.empty-data {
  font-size: 110%;
  text-align: center;
  color: var(--color-red);
  margin-bottom: 0 !important;
}

/*===== BUTTON =====*/
.btn {
  line-height: 20px;
  padding: 10px 20px;
  border-radius: 2px;
}

.btn:focus,
.btn.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-default {
  position: relative;
  color: #333;
  background: transparent !important;
  border: none;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  padding: 7px 0px;
  border-radius: 0px;
  z-index: 1;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 90%;
  overflow: hidden;
}

.btn-default:before,
.btn-default::after {
  display: block;
  position: absolute;
  content: "";
  bottom: 0px;
  height: 2px;
}

.btn-default:before {
  background-color: #333;
  right: 0;
  width: 100%;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.btn-default:hover:before,
.btn-default:focus:before {
  background-color: var(--color-primary);
  -webkit-animation: underline-link 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
  animation: underline-link 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}

@-webkit-keyframes underline-link {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50.01% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes underline-link {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50.01% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.btn-default:hover,
.btn-default:focus {
  color: var(--color-primary);
}

.btn-default > .fa {
  margin-right: 5px;
}

.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--color-primary-hover) !important;
  border-color: var(--color-primary-hover) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.btn-big i {
  margin-right: 10px;
}

/*===== DROPDOWN ==== */
.dropdown .dropdown-menu {
  border-radius: 0px;
  border: 0px;
  -webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 0px;
}

.dropdown .dropdown-menu .dropdown-item {
  padding: 5px 25px;
  display: block;
  color: #555;
  text-transform: capitalize;
}

.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
  color: var(--color-primary);
}

/*===== DOT =====*/
.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: var(--color-red);
  border-radius: 100%;
}

.dot .ping {
  display: block;
  border: 1px solid var(--color-red);
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color: rgba(238, 46, 36, 0.2);
  border-radius: 100%;
  -webkit-animation: sonar-anim 1.25s linear infinite;
  animation: sonar-anim 1.25s linear infinite;
}

@-webkit-keyframes sonar-anim {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
}

@keyframes sonar-anim {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
}

@-webkit-keyframes ring-anim {
  0%,
  100%,
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
  }
  10%,
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20%,
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    transform: rotate(25deg) scale(1) skew(1deg);
  }
}

@keyframes ring-anim {
  0%,
  100%,
  50% {
    -webkit-transform: rotate(90deg) scale(1) skew(1deg);
    transform: rotate(90deg) scale(1) skew(1deg);
  }
  10%,
  30% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  20%,
  40% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg);
    transform: rotate(0deg) scale(1) skew(1deg);
  }
}

/*===== IMAGE BLOCK =====*/
.img-block {
  position: relative;
  display: block !important;
  overflow: hidden;
}

.img-block img {
  width: 100%;
  height: auto !important;
}

/*===== MODAL =====*/
.modal.bootbox .close {
  display: none;
}

.modal .close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: 100;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  padding: 0;
  opacity: 0.6;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  cursor: pointer;
}

.modal .close:after,
.modal .close:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 10px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.modal .close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modal .close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal .modal-title {
  position: relative;
  color: var(--color-primary);
  font-size: 200%;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}

.modal .modal-desc {
  color: #333;
  text-align: center;
  margin-bottom: 20px;
}

.modal .modal-body {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  flex-direction: column !important;
}

.modal .modal-form {
  padding: 20px;
  width: 100%;
  max-width: 500px;
  margin: auto;
}

.modal .modal-content {
  border: none;
  border-radius: 0;
}

.modal-book .modal-left {
  text-align: center;
  background-color: #333;
}

.modal-book .modal-right {
  position: relative;
  width: 100%;
  padding: 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  flex-direction: column !important;
}

.modal-book .modal-logo {
  margin-bottom: 30px;
}

.modal-book .modal-logo img {
  width: 100%;
}

.modal-book .modal-hotline {
  text-align: center;
  padding: 10px;
}

.modal-book .modal-hotline > a {
  display: block;
  color: var(--color-primary);
  font-size: 30px;
  font-weight: bold;
}

.modal-book .modal-hotline > p {
  color: #fff;
  margin-bottom: 0;
}

.modal-book .modal-content {
  border-radius: var(--border-radius);
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 2px var(--color-primary), 0 0 0 4px #fff,
    0 0 10px 2px #333;
  box-shadow: 0 0 0 2px var(--color-primary), 0 0 0 4px #fff, 0 0 10px 2px #333;
}

/* ===== Message ===== */
.msg {
  text-align: center;
  padding: 1rem;
}

.msg .fa {
  width: 100px;
  height: 100px;
  -webkit-filter: var(--filter-color-orange);
  filter: var(--filter-color-orange);
}

.msg > p {
  font-size: 150%;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0.5rem;
}

/* ===== RATING STAR ===== */
.rating {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
  align-items: center !important;
  margin-bottom: 0;
}

.rating .rating-box {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
}

.rating .rating-box i {
  font-size: 14px;
  margin: 0 1px;
  color: #ccc;
}

.rating .rating-box span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1;
  background-color: #fff;
}

.rating .rating-box span i {
  color: var(--color-orange);
}

.rating .rating-value {
  display: inline-block;
  color: var(--color-text);
  white-space: nowrap;
  line-height: 1;
  margin-left: 6px;
}

.rating .rating-value > a {
  color: var(--color-text);
}

.rating .rating-value > a:hover,
.rating .rating-value > a:focus {
  color: var(--color-blue);
  opacity: 0.8;
}

.starrr {
  display: inline-block;
}

.starrr a {
  font-size: 24px;
  margin: 0 2px;
}

.starrr a {
  color: var(--color-orange);
}

/* ===== SPINNER ===== */
.spinner {
  width: 100px;
}

.spinner .form-control {
  text-align: center;
  border-radius: 0 !important;
  border-left-width: 0;
  border-right-width: 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding: 5px 10px;
  height: 30px;
}

.spinner button {
  width: 30px;
  height: 30px;
  font-size: 120%;
  border-color: var(--color-border);
  background-color: transparent;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.spinner button:hover,
.spinner button:focus,
.spinner button:active {
  cursor: pointer;
  color: #111;
  border-color: var(--color-border);
  background-color: var(--color-border);
}

.spinner button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.spinner button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* ===== PAGE ===== */
.banner-main {
  text-align: center;
}

.banner-main > a {
  display: block;
}

.banner-page {
  height: 300px;
  width: 100%;
  background-position: center;
  background-size: cover;
  margin-bottom: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url(../images/bg-contact.jpg);
}
.banner-page::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.banner-page .title {
  font-size: 250%;
  color: #fff;
  text-align: center;
  display: block;
  position: relative;
  margin:0;
  z-index: 2;
}
@media (max-width: 991px){
    .banner-page {
        height:200px;
    }
    .banner-page .title{
        font-size: 180%;
    }
}
@media (max-width: 576px){
    .banner-page {
        height:150px;
    }
}
.contact-info {
  margin-bottom: 40px;
  overflow:hidden;
}
.contact-info .contact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.contact-info .contact-item span {
  width: 50px;
  height: 50px;
  background-color: #b62831;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 25px;
  border-radius: 4px;
  margin-bottom: 10px;
}

.contact-info .contact-item p {
  text-align: center;
  margin-bottom: 0;
}
.contact-info .contact-item p a {
  font-weight: bold;
}
.contact-form {
  margin: auto;
  width: 750px;
  max-width: 100%;
}
/*===== SEARCH BOX =====*/
.form-search {
  position: relative;
  background-color: transparent;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form-search .btn-search-icon {
  font-size: 140%;
  color: var(--color-menu);
  padding: 10px 15px;
  background:none;
  border:none;
  outline:none!important;
}

.form-search .btn-search-icon i {
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form-search .btn-search-icon:hover,
.form-search .btn-search-icon:focus {
  color: var(--color-primary);
}

.form-search .btn-search-icon[aria-expanded="true"] i::before {
  content: "\f00d";
}

.form-search .form-control {
  border: none;
  line-height: 22px;
  height: 42px;
  font-size: 100%;
  color: #888;
  background-color: var(--color-primary);
  padding: 8px 15px;
  background-color: transparent;
}

.form-search .form-control:-ms-input-placeholder,
.form-search .form-control:-ms-input-placeholder,
.form-search .form-control::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #888;
  opacity: 1;
  /* Firefox */
}

.form-search .form-control::-ms-input-placeholder,
.form-search .form-control:-ms-input-placeholder,
.form-search .form-control::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #888;
  opacity: 1;
  /* Firefox */
}

.form-search .form-control::placeholder,
.form-search .form-control:-ms-input-placeholder,
.form-search .form-control::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #888;
  opacity: 1;
  /* Firefox */
}

.form-search .form-control:hover,
.form-search .form-control:focus {
  outline: none;
}

.form-search .btn-search {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50px;
  height: 42px;
  border: none;
  background:none;
  outline:none!important;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form-search .dropdown-menu {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 300px;
  right: 0px;
  left: unset;
  padding: 5px 7px;
  border: 1px solid var(--color-primary);
}

.form-search .dropdown-menu.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-search .btn-search:hover,
.form-search .btn-search:focus {
  border: none;
  outline: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.form-search .btn-search::before,
.form-search .btn-search::after {
  content: "";
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

.form-search .btn-search::before {
  border: 2px solid var(--color-border-search);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  left: 18px;
  top: 12px;
}

.form-search .btn-search::after {
  width: 8px;
  height: 2px;
  background: var(--color-border-search);
  top: 26px;
  left: 30px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ===== SECTION ===== */
.section-padding {
  padding: 50px 0px;
}

.section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-title {
  font-size: 200%;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 40px;
  position: relative;
}

.section-title::after {
  position: absolute;
  display: block;
  width: 70px;
  height: 4px;
  background-color: var(--color-primary);
  content: "";
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* ===== Box ===== */
.box {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin-bottom: var(--margin-bottom);
}

.box .box-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
}

.box .box-title {
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: bold;
  font-size: 30px;
  white-space: nowrap;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: var(--font-family);
}

.box .box-title::after {
  position: absolute;
  display: block;
  width: 70px;
  height: 4px;
  background-color: var(--color-primary);
  content: "";
  bottom: -5px;
  left: 0px;
}

.box .box-body {
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}

.box-left {
  margin-bottom: 40px;
  position: relative;
}

.box-left .box-header {
  margin-bottom: 0px;
}

.box-left .box-body {
  padding: 0px;
}

.box-left .box-title {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 120%;
  letter-spacing: 0.1em;
  text-align: left;
}

.box-left .nav-filter {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.box-left .nav-link {
  display: inline-block;
  padding: 5px 0px;
  color: #555;
  font-weight: 500;
}

.box-left .nav-link:hover,
.box-left .nav-link.active {
  color: var(--color-primary);
}

.box-left .checkbox-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.box-left .checkbox-list .form-check {
  margin-bottom: 10px;
}

.box-left .btn-remove {
  color: var(--color-red);
  padding: 8px 15px;
}

.box-left .btn-remove:hover {
  text-decoration: underline;
}

/* ===== BOX BORDER ===== */
.box-border {
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  overflow: hidden;
}

/* ===== BOX LIST ===== */
.box-list .box-header {
  margin-bottom: var(--margin-bottom);
}

.box-list .box-title {
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
}

.box .box-header ul {
  margin-top: 8px;
}

.box-list .box-header {
  padding-bottom: 6px;
}

.box-list .box-title {
  font-size: 120%;
  font-weight: bold;
  padding: 0;
}

.box-list .box-header .nav-filter {
  margin: 0;
}

.box-list .box-header .nav-filter > li > a {
  padding: 4px 10px;
  border: 1px solid var(--color-border);
  border-radius: 4px;
}

.box-list .box-header .nav-filter > li.box-title {
  line-height: 20px;
  padding: 5px 0;
}

.box .box-header .nav-filter > li > span .fa {
  margin-right: 5px;
}

/*===== LIST BOX =====*/
.box .box-header .nav-tabs {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  overflow-x: auto;
  margin-bottom: 0px;
  margin-top: 20px;
  border: none;
}

.box .box-header .nav-tabs > .nav-link {
  position: relative;
  display: block;
  color: #fff;
  border: 1px solid #fff;
  line-height: 20px;
  padding: 12px 20px;
  margin: 0px 10px;
  font-size: 120%;
  font-weight: 500;
  border-radius: 30px;
  text-transform: uppercase;
  background-color: var(--color-text);
  font-family: var(--font-family);
}

.box .box-header .nav-tabs > .nav-link:hover,
.box .box-header .nav-tabs > .nav-link:active,
.box .box-header .nav-tabs > .nav-link:focus,
.box .box-header .nav-tabs > .nav-link.active {
  background-color: var(--color-primary);
}

/*===== LIST FILTER =====*/
.box-list .box-header .nav-filter > li > a {
  padding: 4px 10px;
  border: 1px solid var(--color-border);
}

.box-list .box-header .nav-filter > li > a:hover,
.box-list .box-header .nav-filter > li > a:active,
.box-list .box-header .nav-filter > li > a:focus,
.box-list .box-header .nav-filter > li > a.active {
  color: var(--color-white);
  background-color: var(--color-text-hover);
  border: 1px solid var(--color-text-hover);
  text-decoration: none;
}

/*===== MAX CONTENT =====*/
.box-content {
  padding: 16px;
}

.box-content-bottom {
  margin-top: 70px;
  padding: 50px;
}

.max-width-content {
  max-width: var(--max-width-content);
  margin: auto;
}

.max-height-content {
  max-height: 500px;
  overflow: hidden;
}

.show-more {
  position: relative;
  text-align: center;
  margin-top: var(--margin-bottom);
  margin-bottom: 0;
}

.show-more:before {
  position: relative;
  display: none;
  content: "";
  height: 75px;
  margin-top: -45px;
  background: -webkit-gradient(
    linear,
    0% 100%,
    0% 0%,
    from(white),
    color-stop(0.5, white),
    to(rgba(255, 255, 255, 0))
  );
}

.show-more .btn {
  font-size: 120%;
}

.max-height-content + .show-more:before {
  display: block;
}

/* ===== USER REVIEW ===== */
.review-result {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding: 16px 0;
  margin: 20px 0px;
}

.review-result .review-result-title {
  font-size: 120%;
}

.review-result .review-result-scores {
  color: var(--color-red);
  font-size: 150%;
  font-weight: 700;
  margin-left: 6px;
}

.review-result .rating .fa {
  font-size: 30px;
}

.review-result .review-result-number {
  color: #777;
  margin-left: 6px;
}

.user-review .media {
  padding: 1rem 0;
  border-top: 1px solid var(--color-border);
}

.user-review .media:first-child {
  border-top: none;
}

.user-review .user-avatar {
  text-align: center;
  width: 130px;
  margin-right: 16px;
}

.user-review .user-avatar .user-review-name {
  font-weight: 600;
  margin-bottom: 0;
}

.user-review .user-avatar .user-review-time {
  color: #777;
  font-size: 80%;
  margin-bottom: 0;
}

.user-review .rating {
  display: inline-block !important;
  line-height: 1;
}

.user-review .user-review-title {
  font-weight: 700;
  margin-left: 6px;
}

.user-review .user-review-content {
  margin-top: 6px;
  margin-bottom: 0;
}

.user-review .btn-user-review {
  padding-top: 16px;
  border-top: 1px solid var(--color-border);
  text-align: center;
}

/* ===== DETAIL ARTICLE ===== */
.article {
  position: relative;
  margin-bottom: 40px;
}

.article-wrap {
  margin-bottom: 40px;
}

.article .article-header {
  background-color: var(--color-primary);
  background: var(--color-bg-gradient);
  padding: 30px 20px;
  margin-bottom: 20px;
}

.article .form-review-button {
  margin-right: auto;
}

.article .article-title {
  font-size: 200%;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4;
  margin-bottom: 20px;
  color: #fff;
}

.article .article-meta {
  white-space: nowrap;
  overflow-x: auto;
}

.article .article-meta .fa {
  width: 12px;
  height: 12px;
}

.article .article-meta .author {
  color: #fff;
  font-size: 14px;
  margin-right: 30px;
}

.article .article-meta .author > a {
  color: var(--color-white);
  font-weight: 500;
}

.article .article-meta .updated-time {
  color: #fff;
  font-size: 14px;
}

.article .article-body-title {
  position: relative;
  font-size: 180%;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.article .article-body {
  margin-bottom: var(--margin-bottom);
}

.article .article-review {
  font-size: 110%;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding: 10px 0px;
}

.article .article-review-product {
  padding-top: 0px;
  border-top: 0px;
}

.article .article-review .article-review-title {
  margin-right: 10px;
}

.article .article-review .article-review-result {
  margin-left: 10px;
}

.article .article-tags {
  margin-bottom: 20px;
}
.article .article-resource {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #eee;
  border-radius: var(--border-radius);
}

.article .article-resource .resource-title {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 120%;
  color: var(--color-text);
  font-weight: 500;
  line-height: 26px;
  padding: 0 0 0 30px;
}

.article .article-resource .resource-title:before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 10px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}

.article .article-resource .resource-title.collapsed:before {
  top: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.article .article-resource ul {
  margin: 0;
  padding: 0 0 0 20px;
}

.article .article-resource ul li {
  position: relative;
  list-style: none;
  vertical-align: middle;
  padding: 5px 0px 5px 16px;
  line-height: 20px;
  font-size: 90%;
}

.article .article-resource ul li:before {
  content: "";
  background: #999;
  position: absolute;
  left: 0;
  top: 12px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.article .article-resource ul li > a {
  font-weight: 700;
}

.article .article-resource ul li span {
  font-style: italic;
  margin-left: 5px;
}

.article .article-comments .fb-comments {
  width: 100%;
}

/* ===== LIST TAGS ===== */
.list-tags > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
}

.list-tags > span > .fa {
  margin-right: 3px;
}

.list-tags a {
  position: relative;
  display: inline-block;
  border: 1px solid var(--color-border);
  padding: 3px 10px;
  margin: 0 3px 10px 0;
  white-space: nowrap;
  font-weight: 500;
  color: #555;
}

.list-tags a.active:hover,
.list-tags a.active:focus,
.list-tags a.active {
  color: var(--color-primary);
}

.list-tags a:hover,
.list-tags a:focus {
  color: var(--color-text);
}

/* ===== AUTHOR ===== */
.author-detail {
  margin-top: 20px;
}

.author-detail .author-avatar {
  display: inline-block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 2px solid #eee;
}

.author-detail .author-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 6px solid #fff;
}

.author-detail .author-name {
  font-size: 150%;
  font-weight: bold;
  color: var(--color-blue);
  padding-top: 16px;
  margin-bottom: 5px;
}

.author-detail .author-specialize {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 5px;
}

.author-detail .author-socials {
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 20px;
  padding: 6px 0px;
}

/* ===== ERROR ===== */
.error {
  padding: 5rem 0 !important;
  background-color: #fff;
}

.error .error-title {
  font-size: 200%;
  font-weight: 600;
}

.error img {
  max-width: 500px;
  margin: auto;
}

/*===== CONTACT US =====*/
.contact-maps {
    line-height: 0;
    height: 200px;
    margin-top:40px;
}
.contact-maps iframe{
    width:100%;
    height:100%;
}
@media (min-width: 768px){
    .contact-maps {
        height: 400px;
    }
}
@media (min-width: 992px){
    .contact-maps {
        height: 500px;
    }
}
@media (min-width: 1200px){
    .contact-maps {
        height: 600px;
    }
}

.wrap {
  padding: 40px 0px;
}

.page-heading {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 150%;
  margin-bottom: 15px;
}

.facebook-page,
.fb-page {
  height: 100px !important;
  width: 340px !important;
  overflow: hidden !important;
}

@media (max-width: 991px) {
  body {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
  .wrap {
    padding: 20px 0px;
  }
  .event {
    font-size: 100%;
    padding: 5px;
  }
  .article .article-review {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .article .form-review-button {
    margin-bottom: 15px;
    margin-right: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .article-review-title {
    display: none;
  }
  .article .article-review .starrr {
    margin-right: 0px;
  }
  .article .article-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .article .article-social span {
    margin-bottom: 10px;
  }
  .article .article-banner {
    height: 400px;
  }
  .article .article-banner {
    margin-top: -10px;
  }
  .article .article-header,
  .article .article-wrap {
    max-width: 100%;
  }
  .article .article-header {
    padding: 12px;
  }
  .article .article-title {
    font-size: 150%;
  }
  .form-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-white);
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0px;
  }
  .box .box-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .box .box-header .box-title {
    margin-bottom: 0px;
    font-size: 20px;
  }
  .box .box-header .nav-tabs {
    margin-top: 10px;
    padding: 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
  }
  .box .box-header .nav-tabs > .nav-link {
    padding: 7px 12px;
    margin: 0px 10px;
    font-size: 100%;
  }
  .box-list .box-header .nav-filter {
    width: 100%;
    padding-top: 0;
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .box-list .box-header .nav-filter > li {
    overflow: hidden;
    padding: 0px 5px;
    width: 25%;
  }
  .box-list .box-header .nav-filter > li > a {
    font-size: 80%;
    text-align: center;
    padding: 6px 10px;
    margin: 0px;
  }
  .box-list .box-header .nav-filter > li.box-title {
    display: none;
  }
  .form-search .btn-search {
    left: 0;
    color: var(--color-white);
  }
  .wrap-service {
    padding: 10px 0px;
  }
  .service-item {
    padding: 20px 10px;
  }
  .service-item .icon i {
    font-size: 30px;
  }
  .dropdown .dropdown-menu .dropdown-item a {
    color: #fff;
  }

  .facebook-page,
  .fb-page {
    margin: auto;
  }

  .modal-book .modal-title {
    font-size: 120%;
  }
}

@media (max-width: 575px) {
  .box-product .box-body,
  .box-news .box-body,
  .box-content {
    padding: 0px;
  }
  .box-list .featured-news {
    margin-top: 10px;
  }
}

@media (max-width: 375px) {
  .article .article-banner {
    height: 300px;
  }
  .article .article-body-title {
    font-size: 125%;
  }
  .article .article-review {
    font-size: 100%;
  }
  .article .article-review .article-review-result {
    display: none;
  }
}

.header {
  background-color: #fff;
  height: 90px;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.02);
}

.header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media (min-width: 992px) {
  .header-fixed {
    padding-top: 90px;
  }
  .header-fixed .header {
    position: fixed;
    top: 0px;
    height: 70px;
    z-index: 1000;
    width: 100%;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-animation: header-down 2s linear;
    animation: header-down 2s linear;
  }
  .header-fixed .header .logo {
    width: 170px;
  }
  .header-fixed .header .logo img{
      max-height:60px;
  }
}

@-webkit-keyframes header-down {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  10% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes header-down {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  10% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@media (max-width: 991px) {
    .header {
        height: unset;
    }
    .header .logo {
        margin: auto;
    }
    .header .form-search {
        margin: 4px auto 0 auto;
        width: calc(100% - 20px);
    }
    .header-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0px;
    }
}

@media (max-width: 768px) {
  .header .container {
    padding: 0px;
  }
}

/*===== MENU =====*/
.navbar {
  padding: 0 !important;
}

.navbar-nav .full .dropdown-menu {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.navbar-nav .dropdown-menu .col-dropdown-item {
  position: relative;
  padding: 10px 10px;
}

.navbar-nav .dropdown-menu .col-dropdown-item > a {
  display: block;
}

.navbar-nav .dropdown-menu .col-dropdown-item > a:hover,
.navbar-nav .dropdown-menu .col-dropdown-item > a:focus {
  opacity: 0.8;
}

.navbar-nav .dropdown-menu .col-dropdown-item img {
  max-width: 100%;
}

.navbar-nav .dropdown-menu .col-dropdown-item .dropdown-item-title {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
  text-align: center;
}

.icon-bars {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 2px;
  background-color: var(--color-primary);
}

.icon-bars::before,
.icon-bars::after {
  content: "";
  position: absolute;
  left: 0px;
  width: 20px;
  height: 2px;
  background-color: var(--color-primary);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.icon-bars::before {
  top: -6px;
}

.icon-bars::after {
  top: 6px;
}

@media (min-width: 992px) {
  .navbar {
    position: static !important;
  }
  .navbar-toggler {
    display: none;
  }
  .navbar-nav .nav-item {
    position: relative;
  }
  .navbar-nav .nav-item .nav-link {
    position: relative;
    color: var(--color-menu);
    text-transform: uppercase;
    line-height: 20px;
    padding: 10px 15px;
    font-size: 16px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    font-weight: 500;
    font-family: var(--font-family);
  }
  .navbar-nav .nav-item.dropdown > .nav-link {
    padding: 10px 30px 10px 15px;
  }
  .navbar-nav .nav-item .dropdown-item .nav-link {
    padding: 10px 15px;
    color: #333;
  }
  .navbar-nav .nav-item:hover > .nav-link,
  .navbar-nav .nav-item:focus > .nav-link {
    color: var(--color-primary);
  }
  .navbar-nav .nav-item:hover > .nav-link .caret::before,
  .navbar-nav .nav-item:hover > .nav-link .caret::after,
  .navbar-nav .nav-item:focus > .nav-link .caret::before,
  .navbar-nav .nav-item:focus > .nav-link .caret::after {
    background-color: var(--color-primary);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
  }
  .navbar-nav .nav-item.full {
    position: static;
  }
  .navbar-nav .nav-item.full > .dropdown-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 50px 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-image: url(../images/bg-menu.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .navbar-nav .nav-item.full > .dropdown-menu .nav-link {
    font-weight: normal !important;
    color: #555 !important;
    font-family: var(--font-family) !important;
  }
  .navbar-nav .nav-item.full .nav-link:hover {
    background-color: transparent !important;
    color: var(--color-primary) !important;
  }
  .navbar-nav .nav-item.full > .dropdown-menu > .dropdown-item {
    width: 30%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0px 10px;
    margin-bottom: 20px;
  }
  .navbar-nav
    .nav-item.full
    > .dropdown-menu
    > .dropdown-item
    > .dropdown-menu
    > .dropdown-item
    .dropdown-menu {
    position: absolute;
  }
  .navbar-nav .nav-item.full > .dropdown-menu > .dropdown-item > .nav-link {
    padding: 0px;
    background-color: transparent !important;
    position: relative;
    margin-bottom: 15px;
    border: none;
    font-weight: bold !important;
    color: #000 !important;
  }
  .navbar-nav
    .nav-item.full
    > .dropdown-menu
    > .dropdown-item
    > .nav-link::after {
    position: absolute;
    bottom: -5px;
    left: 0px;
    display: block;
    background-color: var(--color-primary);
    content: "";
    width: 80px;
    height: 2px;
  }
  .navbar-nav .nav-item.full > .dropdown-menu > .dropdown-item > .nav-link i {
    display: none;
  }
  .navbar-nav
    .nav-item.full
    > .dropdown-menu
    > .dropdown-item
    > .dropdown-menu {
    position: static;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .navbar-nav
    .nav-item.full
    > .dropdown-menu
    > .dropdown-item
    > .dropdown-menu
    > .dropdown-item
    > .nav-link {
    border: none;
    padding: 7px 35px 7px 0px;
    background-color: transparent !important;
  }
  .navbar-nav
    .nav-item.full
    > .dropdown-menu
    > .dropdown-item
    > .dropdown-menu
    > .dropdown-item {
    width: unset;
  }
  .navbar-nav
    .nav-item.full
    > .dropdown-menu
    > .dropdown-item
    > .dropdown-menu
    > .dropdown-item:hover
    > .nav-link {
    color: var(--color-primary) !important;
    background-color: transparent !important;
  }
  .navbar-nav
    .nav-item.full
    > .dropdown-menu
    > .dropdown-item
    > .dropdown-menu
    > .dropdown-item
    .dropdown-item:hover {
    background-color: #efefef;
  }
  .navbar-nav
    .nav-item.full
    > .dropdown-menu
    > .dropdown-item
    > .dropdown-menu
    > .dropdown-item
    .dropdown-item:hover
    > .nav-link {
    color: #333 !important;
  }
  .navbar-nav .dropdown-menu .col-dropdown-item {
    width: 120px;
  }
  .navbar-nav .dropdown-menu .col-dropdown-item a {
    text-align: center;
  }
  .navbar-nav .dropdown-menu .col-dropdown-item img {
    width: 80px;
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 5px;
    background-color: #c4e5ff;
    margin-bottom: 5px;
  }
  .navbar-nav .dropdown-menu {
    display: block;
    padding: 10px 0px;
    margin: 0px;
    border: none !important;
    background-color: var(--color-white);
    min-width: 250px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    opacity: 0;
    z-index: 5000;
  }
  .navbar-nav .dropdown-menu .dropdown-item {
    position: relative;
    padding: 0px;
  }
  .navbar-nav .dropdown-menu .dropdown-item:hover > .nav-link,
  .navbar-nav .dropdown-menu .dropdown-item:focus > .nav-link {
    background-color: #efefef;
    color: #333;
  }
  .navbar-nav .dropdown-item .dropdown-menu {
    position: absolute;
    top: 0px;
    left: 100%;
  }
  .navbar-nav .nav-item:hover > .dropdown-menu,
  .navbar-nav .dropdown-item:hover > .dropdown-menu {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
  .navbar-nav .dropdown-menu .dropdown-item {
    position: relative;
  }
  .navbar-nav .dropdown-menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
  }
  .caret {
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
  }
  .caret::before,
  .caret::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 8px;
    background-color: var(--color-menu);
  }
  .caret::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .caret::after {
    left: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .navbar-nav .dropdown-item .nav-link .caret {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .navbar-nav .nav-item .nav-link .caret::before,
  .navbar-nav .nav-item .nav-link .caret::after,
  .navbar-nav .nav-item .nav-link .caret::before,
  .navbar-nav .nav-item .nav-link .caret::after,
  .navbar-nav .dropdown-item:hover .nav-link .caret::before,
  .navbar-nav .dropdown-item:hover .nav-link .caret::after,
  .navbar-nav .dropdown-item:focus .nav-link .caret::before,
  .navbar-nav .dropdown-item:focus .nav-link .caret::after {
    background-color: #333;
  }
}

@media (max-width: 991px) {
  .header-main > .container > .d-flex {
    position: relative;
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
  }
  .bg-overlay {
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    padding: 0 !important;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .navbar-collapse-show .bg-overlay {
    opacity: 1;
    visibility: visible;
  }
  .navbar-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1px;
    text-align: center;
    padding: 10px;
    height: 50px;
    width: 50px;
    border: none;
    outline:none!important;
    border-radius: 0;
    z-index: 9999;
  }
  .navbar-collapse-show .navbar-toggler {
    width: 50px;
    position: fixed;
    left: 0px;
    top: 0;
    padding: 18px 15px 24px 15px;
    background-color: var(--color-primary);
  }
  .navbar-collapse-show .navbar-toggler .icon-bars,
  .navbar-collapse-show .navbar-toggler .icon-bars::before,
  .navbar-collapse-show .navbar-toggler .icon-bars::after {
    background-color: #ffffff;
  }
  .navbar-collapse {
    display: block;
    position: fixed;
    top: 0px;
    left: -300px;
    width: 300px;
    height: 100vh !important;
    z-index: 1000;
    padding: 0px 10px;
    background-color: var(--color-white);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .navbar-collapse .navbar-nav {
    overflow-y: auto;
    padding: 5px 0;
    width: 100%;
    margin-top: 10px;
  }
  .navbar-collapse-show {
    position: fixed;
    width: 100vw;
    overflow: hidden;
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
  }
  .navbar-collapse-show .form-search {
    width: 100%;
    height: unset;
  }
  .navbar-collapse-show .form-search .btn-search-icon {
    display: none;
  }
  .navbar-collapse-show .form-search .dropdown-menu {
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
  }
  .navbar-nav .nav-link {
    position: relative;
    padding: 10px 0px;
    font-size: 100%;
    line-height: 20px;
    font-weight: 500;
    color: var(--color-menu-second) !important;
  }
  .navbar-nav .dropdown-menu .dropdown-item {
    position: relative;
    padding: 0px;
    font-size: 100%;
    line-height: 20px;
    font-weight: 500;
    color: var(--color-menu-second) !important;
  }
  .navbar-nav .nav-item .dropdown-menu {
    padding-left: 20px;
  }
  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-link:focus,
  .navbar-nav .nav-link:active,
  .navbar-nav .nav-link.active,
  .navbar-nav .dropdown-item:hover,
  .navbar-nav .dropdown-item:focus,
  .navbar-nav .dropdown-item:active,
  .navbar-nav .dropdown-item.active {
    color: var(--color-primary) !important;
  }
  .navbar-nav .show > .nav-link,
  .navbar-nav .show > .dropdown-item {
    color: var(--color-primary) !important;
  }
  .navbar-nav .dropdown-menu {
    background-color: transparent;
    padding: 0 0 0 12px;
    margin: 0px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .show > .dropdown-menu {
    display: block;
    top: 100%;
  }
  .navbar-nav .show.full .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .dropdown-menu .col-dropdown-item {
    -ms-flex: 0 0 33.33%;
    -webkit-box-flex: 0;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .caret {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px !important;
    border: 1px solid #ccc;
    border-radius: 50%;
  }
  .caret::before,
  .caret::after {
    content: "";
    width: 2px;
    height: 8px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    background-color: #ccc !important;
  }
  .navbar-nav .caret::before {
    left: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .navbar-nav .caret::after {
    left: 15px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .navbar-nav .show > .nav-link > .caret::before,
  .navbar-nav .show > .dropdown-item > .caret::before {
    left: 10px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .navbar-nav .show > .nav-link > .caret::after,
  .navbar-nav .show > .dropdown-item > .caret::after {
    left: 15px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .navbar-nav .dropdown-menu .col-dropdown-item img {
    width: 80px;
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 5px;
    background-color: #c4e5ff;
  }
  .navbar-nav .dropdown-menu .col-dropdown-item .dropdown-item-title {
    color: #fff;
    font-size: 80%;
  }
  .navbar-collapse-show .icon-bars {
    height: 0px;
  }
  .navbar-collapse-show .icon-bars::before,
  .navbar-collapse-show .icon-bars::after {
    top: 0px;
  }
  .navbar-collapse-show .icon-bars::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .navbar-collapse-show .icon-bars::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .navbar-collapse-show .navbar {
    padding-left: 50px !important;
  }
  .navbar-collapse {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  .navbar-collapse-show .icon-bars::before,
  .navbar-collapse-show .icon-bars::after {
    content: "";
    left: -3px;
  }
}

.banner-main,
.owl-banner-main img,
.owl-banner-main .item {
    height: calc(100vw * 0.37)!important;
}
@media (max-width: 576px) {
    .banner-main,
    .owl-banner-main img,
    .owl-banner-main .item {
        height:250px!important;
    }
}
/*===== Banner Ads =====*/
.banner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px -10px;
  line-height: 0;
}
.banner-list .banner-item {
  padding: 0px 10px;
}
.banner-item {
  position: relative;
  line-height: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.banner-item:not(:last-child) {
  margin-bottom: 20px;
}
.banner-item img {
  width: 100%;
}
@media (max-width: 991px) {
  /*===== ADS =====*/
  .banner-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px -5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .banner-list .ads-item {
    padding: 0px 5px;
    margin-bottom: 10px;
  }
  .banner-item {
    position: relative;
  }
}
@media (max-width: 768px) {
  .banner-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .banner-list .ads-item {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*== CAPTCHA ==*/
.captcha {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  width: 300px;
}

.captcha input {
  color: #0094da;
  font-weight: 500;
  height: 39px;
}

.captcha .captcha-img {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  min-width: 110px;
  height: 39px;
  background-color: #fff;
  margin: 0 5px;
}

.captcha .captcha-img img {
  max-width: 100%;
  border: none !important;
}

.captcha a {
  min-width: 44px;
  width: 44px;
  border: 0;
  outline: none !important;
  cursor: pointer;
  text-decoration: none !important;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url(../images/reload.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* ===== BANK LIST ===== */
.cart-note {
  color: #ed1c24;
  font-weight: bold;
  font-style: italic;
  padding: 10px 0;
}

.cart-bank {
  display: none;
  position: relative;
  padding: 0 10px;
}

.cart-bank p {
  margin-bottom: 6px;
}

.cart-bank p:last-child {
  margin-bottom: 0;
}

.cart-bank .media {
  padding: 10px 0;
  border-top: 1px solid #ccc;
}

.cart-bank .media img {
  width: 100px;
  margin-right: 10px;
}

.bank-list {
  font-size: 15px;
  background-color: #fff;
  padding: 8px 6px;
}

.bank-list .bank-list-title {
  font-weight: bold;
}

.bank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 10px;
}

.bank .bank-img {
  width: 70px;
  margin-right: 5px;
}

.bank .bank-img img {
  max-width: 100%;
}

.bank .bank-content {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
}

.bank .bank-content p {
  font-size: 14px;
}

.bank .bank-content p strong {
  font-weight: 600;
}

/*===== BACK TOP =====*/
#back-top {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 200%;
  color: #fff;
  background: #333;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  opacity: 0.8;
  border:none;
  outline:none!important;
  margin: 0;
  z-index: 9999;
}
#back-top:hover {
  color: #fff;
  background: #888;
  opacity: 1;
  text-decoration: none;
}
#back-top i {
  font-size: 20px;
  color: var(--color-white);
}
/*===== Add widget =====*/
.phone-ring {
    position: fixed;
    left: 3px;
    bottom: 3px;
    display: block;
    width: 235px;
    height: 46px;
    line-height: 40px;
    background-color: #ed1c24;
    text-decoration: none;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    color: #fff !important;
    font-size: 17px;
    font-weight: 500;
    border-radius: 30px;
    padding: 3px;
    transition: all 0.25s;
}
.phone-ring .phone-circle {
    float: left;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 100%;
    margin-right: 5px;
}
.phone-ring .phone-circle i {
    font-size: 25px;
    color: #ed1c24;
}
.phone-ring .phone-circle .animation {
    -webkit-animation: ring-anim 1s infinite ease-in-out;
        animation: ring-anim 1s infinite ease-in-out;
}
.phone-ring .phone-text {
    float: left;
}
/* === Book === */
.phone-ring.book {
    position: fixed;
    width: unset;
    left: 243px;
    padding: 3px 20px 3px 3px;
}
/* === ICON CHAT + MESSENGER === */
.chat-messenger,
.phone-zalo {
    position: fixed;
    left: 10px;
    bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    line-height: 36px;
    background: #0068ff;
    text-decoration: none;
    z-index: 1000;
    color: #fff;
    font-weight: 500;
    border-radius: 30px;
    transition: all 0.25s;
}
.chat-messenger.animation,
.phone-zalo.animation {
    animation: ring-anim 1s infinite ease-in-out;
}
.chat-messenger.animation::after,
.phone-zalo.animation::after {
    animation: sonar-anim 1s infinite ease-in-out;
}
.chat-messenger::after,
.phone-zalo::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #0068ff;
    z-index: -1;
}
.chat-messenger:hover,
.phone-zalo:hover {
    color: #fff;
}
.chat-messenger {
    bottom: 150px;
    background-color: transparent;
}
.icon-messenger-color {
    display: inline-block;
    width: 46px;
    height: 46px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDYtMTZUMTY6MjQ6NTUrMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA2LTE2VDE2OjI1OjEzKzA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA2LTE2VDE2OjI1OjEzKzA3OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmNiOTJlNTdkLTM2MzUt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);
}
@keyframes sonar-anim {
    0% {opacity: 1; transform: scale(1);}
    100% {transform: scale(3);opacity: 0;}
}
@keyframes ring-anim {
    0% {transform: rotate(0) scale(1) skew(1deg);}
    10% {transform: rotate(-25deg) scale(1) skew(1deg);}
    20% {transform: rotate(25deg) scale(1) skew(1deg);}
    30% {transform: rotate(-25deg) scale(1) skew(1deg);}
    40% {transform: rotate(25deg) scale(1) skew(1deg);}
    50% {transform: rotate(0) scale(1) skew(1deg);}
    100% {transform: rotate(0) scale(1) skew(1deg);}
}
@media (max-width: 992px) {
    .phone-ring {
        left: 0px;
        bottom: 0px;
        width: 50%;
        border-radius: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        box-shadow: none;
    }
    .phone-ring::after {
        position: absolute;
        width: 1px;
        height: 30px;
        top: 50%;
        right: 0px;
        content: "";
        display: block;
        background-color: rgba(255, 255, 255, 0.5);
        transform: translateY(-50%);
    }
    .phone-ring .phone-text {
        line-height: 1;
        font-size: 80%;
    }
    .phone-ring .phone-circle {
        background-color: transparent;
    }
    .phone-ring .phone-circle i {
        color: #fff;
        font-size: 18px;
        animation: none !important;
    }
    /* === Book === */
    .phone-ring.book {
        left: 50%;
        width: 50%;
    }
}
/* ===== Breadcrumbs ===== */
.breadcrumbs {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 20px;
  padding: 15px 0px;
  background-color: #efefef;
}

.breadcrumb {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  padding: 0px;
  margin-bottom: 0;
}

.breadcrumb > .breadcrumb-item {
  float: none;
  display: inline-block;
}

.breadcrumb a {
  color: #666;
  font-weight: 500;
}

.breadcrumb > .breadcrumb-item:last-child a,
.breadcrumb > .active,
.breadcrumb > .active a {
  color: var(--color-primary);
  pointer-events: none;
}

.breadcrumb a:focus,
.breadcrumb a:hover,
.breadcrumb a:active {
  color: var(--color-secondary);
}

.breadcrumb > .breadcrumb-item + .breadcrumb-item:before {
  content: "\000BB";
  color: var(--color-text);
}

/* ===== PAGINATION ===== */
.pagination-list {
  margin: var(--margin-bottom) 0px 50px 0px;
}

.pagination {
  margin: 0;
}

.pagination > .page-item {
  margin: 0 3px;
}

.pagination > .page-item > .page-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  color: #555;
  width: 44px;
  height: 44px;
  text-align: center;
  border-radius: 0px;
  border-color: var(--color-border);
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 0;
}

.pagination > .page-item.previous > .page-link,
.pagination > .page-item.next > .page-link {
  position: relative;
}

.pagination > .page-item.previous .page-link {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination > .page-item.active > .page-link,
.pagination > .page-item.active > .page-link:focus,
.pagination > .page-item.active > .page-link:hover,
.pagination > .page-item > .page-link:hover,
.pagination > .page-item > .page-link:focus {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
/*===== OWL CAROUSEL =====*/
.owl-theme {
  position: relative;
}
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*="owl-"] {
  display: inline-block;
  position: absolute;
  top: 50%;
  zoom: 1;
  width: 30px;
  height: 60px;
  margin-top: -30px;
  outline: none;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.owl-carousel .owl-nav [class*="owl-"]::before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  border-top: 2px solid #fff;
}
.owl-carousel .owl-nav
.owl-prev::before {
  margin-left: 6px;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg) skew(-20deg, -20deg);
  -ms-transform: rotate(-45deg) skew(-20deg, -20deg);
  transform: rotate(-45deg) skew(-20deg, -20deg);
}
.owl-carousel .owl-nav
.owl-next::before {
  margin-left: -2px;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) skew(20deg, 20deg);
  -ms-transform: rotate(45deg) skew(20deg, 20deg);
  transform: rotate(45deg) skew(20deg, 20deg);
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  opacity: 1;
  text-decoration: none;
}
.owl-theme .owl-nav .owl-prev {
  left: 10px;
}
.owl-theme .owl-nav .owl-next {
  right: 10px;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-carousel .owl-dots {
    text-align:center;
    margin:10px 0 0 0;
}
.owl-carousel .owl-dots .owl-dot span {
    display:inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #999;
    border: 2px solid transparent;
    margin:0 1px;
}
.owl-carousel .owl-dots .owl-dot.active span {
  background-color: #fff;
  outline: 2px solid var(--color-primary);
}
/*===== OWL CUSTOMER =====*/
.owl-theme-nav .owl-nav .owl-next {
    right: 0;
    background-color: #fff !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.owl-theme-nav .owl-nav .owl-prev {
    left: 0;
    background-color: #fff !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.owl-carousel .owl-nav .owl-next::before {
    margin-left: 2px;
    width: 20px;
    height: 20px;
    border-top-color: #111;
    border-right-color: #111;
}
.owl-carousel .owl-nav .owl-prev::before {
    margin-left: 8px;
    width: 20px;
    height: 20px;
    border-top-color: #111;
    border-left-color: #111;
}
/*===== OWL BANNER =====*/
.owl-banner-main {
    display:block;
    overflow: hidden;
}
.owl-banner-main .owl-dots {
    position: absolute;
    left:0;
    right:0;
    bottom: 10px;
}
.owl-banner-main,
.owl-banner-main .owl-stage-outer,
.owl-banner-main .owl-stage,
.owl-banner-main .owl-item,
.owl-banner-main .owl-item .item,
.owl-banner-main .owl-item .banner-item {
    height: 100%;
}
.owl-banner-main img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/*===== MODAL BOOK =====*/
.modal-book .modal-dialog {
  max-width: 800px;
  width: 800px;
  font-family: var(--font-family);
}
.modal-book .desc {
  color: #fff;
}

.modal-book .modal-dialog {
  max-width: calc(100% - 30px);
}

.modal-book .modal-body {
  -ms-flex-direction: row !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  flex-direction: row !important;
}

.modal-book .modal-left {
  -ms-flex: 0 0 40%;
  -webkit-box-flex: 0;
  flex: 0 0 40%;
  max-width: 40%;
  padding: 20px;
}

.modal-book .modal-right {
  -ms-flex: 0 0 60%;
  -webkit-box-flex: 0;
  flex: 0 0 60%;
  max-width: 60%;
}

.modal-book .modal-hotline {
  border: 1px dashed #fff;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .modal-book .modal-logo {
    margin: 10px 0;
  }
  .modal-book .modal-logo img {
    max-height: 90px;
  }
  .modal-book .modal-hotline {
    padding: 10px 0;
    border-top: 1px solid #304258;
  }
  .modal-book .modal-hotline > a {
    font-size: 24px;
    line-height: 1;
  }
}

/*===== Logo =====*/
.logo {
    width: 230px;
    text-align: center;
    margin-right: 20px;
    padding: 5px 0px;
}
.logo img {
    max-height: 80px;
    max-width: 100%;
}
@media (max-width: 991px) {
    .logo {
        display: block;
        width:calc(100% - 100px);
        z-index: 99;
    }
    .logo img{
        max-width:170px;
        max-height:60px;
    }
}
/*== PHOTO TAB ==*/
.tab-photo .nav{
    margin-left:-3px;
    margin-right:-3px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x:auto;
}
.tab-photo .nav-item{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space:nowrap;
    text-align: center;
    padding-left:3px;
    padding-right:3px;
}
.tab-photo .nav-link{
    border:1px solid #ddd;
    -webkit-border-radius:4px;
            border-radius:4px;
}
.tab-photo .nav-link:hover,
.tab-photo .nav-link:focus,
.tab-photo .nav-link.active,
.tab-photo .show>.nav-link {
    color: #fff;
    background-color: var(--color-secondary);
    border-color:var(--color-secondary);
}
.tab-photo .tab-content{
    padding-top:10px;
}
@media (max-width: 575px) {
    .tab-photo .nav-link {
        padding:6px 10px;
        -webkit-border-radius: 3px;
                border-radius: 3px;
    }
}
/*== PHOTO LIST==*/
.photo-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
}
.photo-list .photo-item {
    position: relative;
    padding: 5px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.photo-list .photo-item>a {
    display: block;
    overflow: hidden;
}
.photo-list .photo-item img {
    max-width: 100%;
}
@media (max-width: 575px){
    .photo-list .photo-item {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%;
    }
}
/*== PARTNER ==*/
.partner-item .partner-item-logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    padding: 10px;
    border: 1px dotted #eee;
    margin-bottom:10px;
}
.partner-item .partner-item-logo img {
    width:100%;
    height: 100%;
    -o-object-fit: contain;
        object-fit: contain;
}
.partner-item .partner-item-title{
    font-weight:bold;
    text-align:center;
    margin-bottom:20px;
}
@media (max-width: 576px){
    .partner-body .row {
        margin-left:-5px;
        margin-right:-5px;
    }
    .partner-body .col-6 {
        padding-left:5px;
        padding-right:5px;
    }
}

.news-slider {
  min-height: 304px;
}

/*===== NEWS ITEM =====*/
.news-item-title {
  font-size: 140%;
  font-weight: 600;
  line-height: 1.4em;
  max-height: 2.8em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 7px;
  color: var(--color-text);
  font-family: var(--font-family);
}

.news-item-title a:hover,
.news-item-title a:focus {
  color: var(--color-primary);
}

.news-item-desc {
  color: #555;
  font-size: 100%;
  line-height: 1.5em;
  font-family: var(--font-family);
  display: -webkit-box;
  max-height: 4.5em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 7px;
}

.news-item-time {
  color: #999;
  font-size: 100%;
  margin-bottom: 7px;
  font-family: var(--font-family);
}

.news-item-time .fa {
  width: 12px;
  height: 12px;
  -webkit-filter: var(--filter-color-greyish);
  filter: var(--filter-color-greyish);
  margin-right: 4px;
}

.btn-continue {
  color: var(--color-text);
  line-height: 20px;
  margin-bottom: 0;
}

.btn-continue:hover,
.btn-continue:focus {
  color: var(--color-primary);
}

/*===== NEWS ITEM SPECIAL =====*/
.news-item-special {
  margin-bottom: var(--margin-bottom);
}

.news-item-special .news-item-body {
  padding: 10px 0;
}

/*===== NEWS ITEM LIST =====*/
.news-item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 0px;
  width: 100%;
  border: none;
}

.news-item .news-item-img {
  width: 260px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 15px;
}

.news-item .card-body {
  border: none !important;
}

.news-item.first {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px;
}

.news-item.first .news-item-img {
  width: 100%;
  margin-bottom: 10px;
  margin-right: 0px;
}

.news-item.first .news-item-title {
  font-size: 180%;
}

.news-list .col-news-item {
  position: relative;
  width: 100%;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -ms-flex-align: stretch !important;
  -webkit-box-align: stretch !important;
  align-items: stretch !important;
  margin-bottom: var(--margin-bottom);
}

.news-item .card-body {
  position: relative;
  padding: 0px;
}

/*===== NEWS ITEM VERTICAL =====*/
.news-item-vertical {
  border: none;
  border-radius: 0;
}

.news-item-vertical .card-body {
  position: relative;
  padding: 10px 0px 0px 0px;
  border-radius: 0 0 3px 3px;
}

.owl-news .news-item-vertical {
  margin-bottom: 0;
}

.news-item-vertical .btn-view-more {
  color: var(--color-primary);
  font-weight: 400;
}

.news-item-vertical .btn-view-more:hover {
  text-decoration: underline;
}

.news-item-vertical .news-item-title {
  font-size: 120%;
}

/*===== NEWS ITEM RIGHT =====*/
.news-item-right {
  margin-bottom: 20px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.news-item-right .news-item-img {
  width: 150px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
}

.news-item-right .news-item-img a::before,
.news-item-right .news-item-img a::after {
  display: none;
}

.news-item-right .card-body {
  padding: 0px;
}

.news-item-right .news-item-title {
  font-size: var(--font-size);
  font-weight: normal;
  margin-bottom: 5px;
}

.news-item-right .news-item-time {
  margin-bottom: 0px;
}

.news-item-special {
  border: 1px solid var(--color-border);
  border-radius: 3px;
}

.news-item-special .news-item-img {
  border-radius: 3px 0 0 3px;
}

.news-item-special .news-item-body {
  position: relative;
  padding: 16px 16px 46px 0;
}

.news-item-special .news-item-title {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 24px;
}

.news-item-special .news-item-desc {
  font-size: 19px;
  line-height: 1.4;
}

.news-item-special .btn-continue {
  position: absolute;
  left: 0;
  bottom: 20px;
  font-size: 17px;
}

.box-news-special .news-item-vertical .card-body {
  padding: 16px 0 30px 0;
}

.box-news-special .news-item-vertical .news-item-title {
  font-size: 17px;
}

.box-news-special .news-item-vertical .btn-continue {
  left: 0;
  bottom: 0;
}

@media (max-width: 991px) {
  .news-list .col-news-item {
    margin-bottom: 12px;
    width: 100% !important;
    max-width: 100% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
  }
  .news-list .col-news-item .card-body {
    border: none;
    padding: 5px 10px;
  }
  .news-item {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    border: none;
  }
  .news-item .news-item-img {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0px;
  }
  .news-item .news-item-time {
    margin-bottom: 4px;
  }
  .news-item .news-item-title {
    font-size: 120%;
    margin-bottom: 5px;
  }
  .news-item .btn-continue,
  .news-item-special .btn-continue {
    display: none;
  }
  .news-item-right .news-item-img {
    width: 120px;
    margin-right: 10px;
  }
  .news-list .col-news-item .card-body {
    padding: 0px;
  }
  .news-item-special {
    margin-top: 10px;
  }
  .box-news-special .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .box-news-special .col-6,
  .box-news-special .col-md-4,
  .box-news-special .col-md-8 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .news-item-special .news-item-img {
    border-radius: 3px 3px 0 0;
  }
  .news-item-special .news-item-desc {
    margin-bottom: 0;
  }
  .box-news-special .news-item-vertical .card-body {
    padding: 10px 0 30px 0;
  }
  .box-news-special .news-item-vertical .news-item-title {
    font-size: 16px;
  }
  .box-news-special .news-item-vertical .btn-continue {
    left: 0;
    bottom: 10px;
  }
  .author-detail .author-info {
    text-align: center;
  }
  .box-news .right {
    padding: 0px;
  }
  .box-news .left .news-item-title {
    font-size: 150%;
  }
  .box-news .right .news-item-vertical .news-item-title {
    font-size: 100%;
  }
}

@media (max-width: 575px) {
  .featured-news {
    height: 240px;
    margin-bottom: 10px;
  }
  .featured-news .news-item-title {
    font-size: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .news-item {
    padding: 0;
  }
}

.course-news-item {
  margin-bottom: 20px;
}

.course-news-item .course-img {
  margin-bottom: 10px;
}

.course-news-item .title {
  font-size: 120%;
  font-weight: 500;
  text-align: center;
}

.course-news-item .title a:hover,
.course-news-item .title a:focus {
  color: var(--color-primary);
}

.section-content .title {
  font-size: 180%;
  color: var(--color-primary);
  text-transform: uppercase;
  margin-bottom: 20px;
}

.section-content .desc {
  font-size: 90%;
  font-weight: 500;
  color: #fff;
  background-color: var(--color-secondary);
  display: inline-block;
  padding: 7px 12px;
}

.section-content .content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-content .content .fa-hand-point-right {
  color: var(--color-primary);
  margin-right: 10px;
}

.section-content-col {
  padding: 0px 10px;
}

.section-content-col .col-bg {
  background-color: var(--color-primary);
}

.section-content-col .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 20px 40px;
}

.section-content-col .content .title {
  text-transform: uppercase;
  font-size: 150%;
  margin-bottom: 20px;
  color: #fff;
}

.section-content-col .item-icon i {
  color: #fff;
}

.section-content-col .item-icon p {
  color: #fff;
}

.item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.item-icon:not(:last-child) {
  margin-bottom: 30px;
}

.item-icon i {
  width: 60px;
  font-size: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
  color: var(--color-primary);
}

.item-icon i.fad::after {
  margin-left: -10px;
}

.item-icon p {
  margin-bottom: 0px;
}

.item-icon .item-title {
  font-size: 110%;
  color: var(--color-primary);
  font-weight: 500;
  margin-bottom: 10px;
}

.item-icon-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0px 20px;
}

.item-icon-vertical .icon {
  margin-top: 20px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff;
  outline-offset: 10px;
  outline: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}

.item-icon-vertical .icon i {
  font-size: 50px;
  color: var(--color-primary);
}

.item-icon-vertical .title {
  font-size: 140%;
  font-weight: bold;
  color: #fff;
  text-transform: none;
}

.item-icon-vertical p {
  text-align: center;
}

.section-bg {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.section-bg::after {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: var(--color-primary);
  opacity: 0.9;
  z-index: 1;
}

.section-bg > div {
  position: relative;
  z-index: 2;
}

.section-bg .title {
  color: #fff;
}

.btn-register {
  background-color: var(--color-primary);
  background: -webkit-gradient(
    linear,
    right top,
    left bottom,
    from(#faad4f),
    to(var(--color-primary))
  );
  background: -webkit-linear-gradient(top right, #faad4f, var(--color-primary));
  background: -o-linear-gradient(top right, #faad4f, var(--color-primary));
  background: linear-gradient(to bottom left, #faad4f, var(--color-primary));
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
}

.btn-register:hover,
.btn-register:focus {
  background: -webkit-gradient(
    linear,
    right top,
    left bottom,
    from(#faad4f),
    to(#faad4f)
  );
  background: -webkit-linear-gradient(top right, #faad4f, #faad4f);
  background: -o-linear-gradient(top right, #faad4f, #faad4f);
  background: linear-gradient(to bottom left, #faad4f, #faad4f);
  background-color: var(--color-primary-hover);
}

.video-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #222;
  padding: 20px;
  overflow-y: auto;
  height: 470px;
}

.video-list .video-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-list .video-item:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #444;
}

.video-list .video-item .video-img {
  width: 120px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
}

.video-list .video-item .title a,
.video-list .video-item .title {
  color: #fff;
}

.form-register-content {
  background-color: var(--color-primary);
  background: -webkit-gradient(
    linear,
    right top,
    left bottom,
    from(#faad4f),
    to(var(--color-primary))
  );
  background: -webkit-linear-gradient(top right, #faad4f, var(--color-primary));
  background: -o-linear-gradient(top right, #faad4f, var(--color-primary));
  background: linear-gradient(to bottom left, #faad4f, var(--color-primary));
  padding: 40px;
  border-radius: var(--border-radius);
  margin-bottom: -220px;
  position: relative;
  z-index: 100;
}

.form-register-content .form-content {
  max-width: 700px;
  margin: auto;
}

.form-register-content .title {
  text-transform: uppercase;
  font-size: 200%;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.form-register-content .desc {
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}

.form-register-content .btn-primary {
  background-color: #fff;
  border-color: #fff;
  color: var(--color-primary);
  border-radius: 5px;
  min-width: 250px;
  max-width: 100%;
}

.form-register-content .btn-primary:hover {
  color: #fff;
}

.form-register-content .form-control {
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #fff;
}

.form-register-content .form-control::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.form-register-content .form-control:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.form-register-content .form-control::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.form-register-content .form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.form-register-content .form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

.form-register-content .form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}

.customer-review-item {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--border-radius);
  -webkit-box-shadow: 1px 1px 7.5px #999;
  box-shadow: 1px 1px 7.5px #999;
  margin: 10px 0px;
  padding: 40px 20px;
  position: relative;
  z-index: 100;
}

.customer-review-item .customer-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 10px;
}

.customer-review-item .author {
  font-weight: bold;
  color: var(--color-secondary);
  font-size: 120%;
}

.customer-review-item .sub {
  font-style: italic;
  position: relative;
}

.customer-review-item .sub::after {
  position: absolute;
  left: 50%;
  bottom: -10px;
  height: 1px;
  width: 80px;
  background-color: var(--color-primary);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  display: block;
}

.customer-review-item .card-body {
  padding: 0px;
  text-align: center;
}

.customer-review-item .desc {
  position: relative;
  margin-top: 30px;
  font-size: 120%;
  padding: 0px 30px;
}

.customer-review-item .desc::after {
  position: absolute;
  left: 0px;
  top: -10px;
  font-size: 30px;
  font-family: var(--font-family-icon);
  content: "\f10d";
  display: block;
  font-weight: 900;
  color: #eee;
}

.customer-review-item .desc::before {
  position: absolute;
  right: 0px;
  bottom: -10px;
  font-size: 30px;
  font-family: var(--font-family-icon);
  content: "\f10e";
  display: block;
  font-weight: 900;
  color: #eee;
}

.owl-customer-review .owl-stage-outer {
  margin: 0px -10px;
  padding: 0px 10px;
}

.count-list .count-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: var(--border-radius);
  width:100%;
  padding: 20px;
}

.count-list .count-item.bg-yellow {
  background-color: #f1c152;
}

.count-list .count-item.bg-blue {
  background-color: #49bbdb;
}

.count-list .count-item.bg-green {
  background-color: #60b46a;
}

.count-list .count-item.bg-organe {
  background-color: #f6980d;
}

.count-list .count-item.bg-pink {
  background-color: #ef8a8f;
}

.count-list .number {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #fff;
}

.count-list .countup {
  margin-right: 4px;
  display: inline-block;
}

.count-list .desc {
  font-size: 120%;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.course-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(5, 1fr);
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  margin-top: -120px;
  position: relative;
  z-index: 10;
}

.course-list .course-item {
  padding: 40px 20px;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  border-radius: var(--border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.course-list .course-item .course-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 10px;
  border: 2px solid var(--color-secondary);
}

.course-list .course-item .course-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.course-list .course-item .title {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-secondary);
  font-size: 120%;
  text-align: center;
  line-height: 1.4em;
  height: 2.8em;
  overflow: hidden;
}

.course-list .course-item.active,
.course-list .course-item:hover {
  background-color: var(--color-secondary);
}

.course-list .course-item.active .course-img,
.course-list .course-item:hover .course-img {
  border: 2px solid #fff;
}

.course-list .course-item.active .btn-view-more,
.course-list .course-item.active .title,
.course-list .course-item:hover .btn-view-more,
.course-list .course-item:hover .title {
  color: #fff;
}

.course-list .course-item .btn-view-more {
  color: var(--color-text);
}

.course-list .course-item .btn-view-more:hover {
  color: var(--color-primary);
}

.course-news-list .row > div {
  padding: 0px 5px;
}
.course-news-list {
  padding: 0px 5px;
}
.box-grid-content .row {
  margin: 0px;
}

.box-grid-content .row div[class^="col-"] {
  padding: 0px;
}

.box-grid-content .grid-content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
}

.box-grid-content .grid-content-list .grid-content-item {
  position: relative;
  padding: 20px;
  width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  height: 50%;
  font-size: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: #ffe4a6;
}

.box-grid-content .grid-content-list .grid-content-item p {
  margin-bottom: 5px;
}

.box-grid-content .grid-content-list .grid-content-item .btn,
.box-grid-content .grid-content-list .grid-content-item p {
  position: relative;
  z-index: 2;
}

.box-grid-content .grid-content-list .grid-content-item:nth-child(2),
.box-grid-content .grid-content-list .grid-content-item:nth-child(3) {
  background-color: var(--color-primary);
}

.box-grid-content .grid-content-list .grid-content-item .icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  opacity: 0.2;
  z-index: 1;
}

.box-grid-content .grid-content-list .grid-content-item .icon i {
  font-size: 50px;
  color: #222;
}

.box-register-highlight {
  padding: 20px;
  border: 2px dotted #ccc;
  border-radius: 20px;
  margin: 20px 0px;
  text-align: center;
}

.box-register-highlight p {
  font-weight: bold;
}

.box-register-highlight .btn-register-highlight {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  font-size: 100%;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  background-color: #e50201;
  -webkit-box-shadow: 0px 0px 0px 3px #fff, 0px 0px 0px 5px #e50201,
    0px 0px 4px 6px #e50201;
  box-shadow: 0px 0px 0px 3px #fff, 0px 0px 0px 5px #e50201,
    0px 0px 4px 6px #e50201;
  position: relative;
}

.box-register-highlight .btn-register-highlight::after {
  position: absolute;
  top: -10px;
  right: 100%;
  display: block;
  width: 80px;
  height: 60px;
  content: "";
  background-image: url(../images/arrow-to-right.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.box-register-highlight .btn-register-highlight i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 20px;
  font-size: 40px;
  height: 30px;
}

.box-register-highlight .btn-register-highlight:hover {
  background-color: #940000;
}

 
/* width */
.container-scroll::-webkit-scrollbar {
  width: 5px; 
}

/* Track */
.container-scroll::-webkit-scrollbar-track {
  background: #ccc; 
}
 
/* Handle */
.container-scroll::-webkit-scrollbar-thumb {
  background: var(--color-primary); 
  border-radius: 5px;
}

/* Handle on hover */
.container-scroll::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
 
@media (max-width: 991px) {
  .section-content .title {
    margin-bottom: 10px;
  }
  .section-title {
    font-size: 140%;
    text-align: center;
  }
  .course-list {
    margin-top: 0px;
    margin-left: -5px;
    margin-right: -5px;
    overflow-x: auto;
    -ms-grid-columns: 140px 140px 140px 140px 140px;
    grid-template-columns: 140px 140px 140px 140px 140px;
    grid-gap: 10px;
    padding: 10px 5px;
  }
  .course-list .course-item {
    padding: 10px;
  }
  .course-list .course-item .title {
    font-size: 90%;
  }
  .course-list .course-item .btn-view-more {
    display:none;
  }
  .section-content .img-ratios {
    margin-bottom: 10px;
  }

  .section-content .title {
    font-size: 120%;
  }
  .section-content .desc {
    font-size: 80%;
    padding: 5px;
  }
  .count-list .count-item {
    margin-bottom: 20px;
    padding: 20px 10px;
  }
  .count-list .count-item .number {
    font-size: 180%;
  }
  .count-list .count-item .desc {
    font-size: 90%;
  }
  .form-register-content .title {
    font-size: 140%;
  }
  .section-content-col .content {
    padding: 20px;
  }
  .section-content-col .content .title {
    font-size: 120%;
    text-align: center;
  }

  .box-grid-content .grid-content-list .grid-content-item {
    font-size: 100%;
  }
  .box-grid-content .grid-content-list .btn-register {
    font-size: 90%;
  }

  .section-count-number .row > div {
    padding: 0px 5px;
  }
  .section-count-number .count-list {
    margin: 0px -5px;
  }
  .section-count-number .count-item {
    margin-bottom: 10px;
  }

  .form-register-content .btn-primary {
    width: 100%;
  }
  .course-news-item .title {
    font-size: 100%;
  }
  .breadcrumbs{
    padding:0;
  }
  .breadcrumbs .breadcrumb{
    padding: 10px 0px;
  }
}

/*===== FOOTER =====*/
.footer {
  background-color: var(--color-bgfooter);
  color: #fff;
  font-family: var(--font-family);
  font-size: 16px;
}

.footer-pt{
    padding-top: 180px;
}

.footer .footer-logo {
  display: block;
  margin-bottom: 20px;
  width: 350px;
}

.footer .footer-body {
  padding: 50px 0px;
  max-width: 1700px;
  margin: auto;
}

.footer .form-register .form-control {
  border-radius: 30px;
  line-height: 40px;
  height: 50px;
  text-align: center;
  font-size: 100%;
  margin-bottom: 10px;
  border: 1px solid #eee;
}

.footer .form-register .btn-send {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

.footer .logo-cong-thuong {
  width: 200px;
}

.copyright {
  padding: 10px 0;
  background-color: #111;
}

.copyright p {
  font-size: 16px;
  text-align: center;
  margin-bottom: 0;
  color: #fff;
}

.footer-block {
  padding: 20px 0;
}

.footer-block a {
  color: var(--color-white);
}

.footer-block a:hover {
  text-decoration: underline;
}

.footer-block .footer-block-title {
  color: var(--color-white);
  font-family: var(--font-family);
  font-size: 110%;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.footer-block .footer-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.footer-block .footer-list > li {
  list-style: none;
  position: relative;
}

.footer-block .footer-list > li > a {
  display: inline-block;
  padding: 5px 0;
}

.footer-block .footer-fanpage {
  margin-bottom: 15px;
  overflow: hidden;
}

.footer-contact {
  position: relative;
  color: var(--color-white);
}

.footer-contact .media {
  margin-bottom: 20px;
}

.footer-contact .footer-contact-icon {
  width: 24px;
  padding-top: 3px;
  z-index: 10;
  background: var(--color-primary);
}

.footer-contact .footer-contact-icon .fa {
  width: 17px;
  height: 17px;
  -webkit-filter: var(--filter-color-white);
  filter: var(--filter-color-white);
}

.footer-contact .footer-contact-title {
  font-size: 110%;
  margin-bottom: 6px;
}

.footer-contact .footer-contact-text {
  margin-bottom: 10px;
}

.footer-contact .footer-contact-text:last-child {
  margin-bottom: 0;
}

.footer-register {
  position: relative;
  height: 40px;
  margin-bottom: 8px;
}

.footer-register .form-control {
  color: var(--color-border);
  background-color: transparent !important;
  border: none;
  padding-right: 80px;
}

.footer-register .register-toggle {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  background-color: #fff;
  line-height: 38px;
  height: 38px;
  width: 76px;
  text-align: center;
  text-transform: uppercase;
  z-index: 9999;
}

.footer-register-note {
  font-size: 13px;
  color: #555;
  font-style: italic;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .footer-block {
    padding: 20px 0;
  }
  .footer .footer-logo {
    width: unset;
    margin: 0 auto 20px auto;
  }
  .footer .footer-block {
    text-align: center !important;
  }
  .footer .footer-body {
    padding: 20px 10px;
    text-align: center;
  }
  .footer .form-register {
    max-width: 500px;
    margin: auto;
  }
}

/* ===== SOCIAL FOOTER ===== */
.social {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.social > li {
  display: inline-block;
  margin-left: 5px;
}

.social > li:first-child {
  margin-left: 0;
}

.social > li > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #eee;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.03);
  border-radius: 50%;
  text-decoration: none !important;
}

.social > li > a:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #fff;
  opacity: 0.03;
  border-radius: 50%;
}

.social > li > a:hover,
.social > li > a:focus,
.social > li > a:active {
  color: #018fe5;
}

.social > li > a > i {
  font-size: 20px;
  color: var(--color-white);
  margin: 0px;
  text-decoration: none;
}

.social-share > span {
  margin-right: 6px;
}

.social .facebook,
.social-share .facebook {
  background-color: #3d5a98;
}

.social .instagram {
  background-color: #d6005d;
}

.social .youtube {
  background-color: #ff0000;
}

.social .twitter,
.social-share .twitter {
  background-color: #00aced;
}

.social .pinterest,
.social-share .pinterest {
  background-color: #bd081c;
}

.social .linkedin,
.social-share .linkedin {
  background-color: #0077b5;
}

.social .about,
.social-share .about {
  background-color: #43bffb;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1270px;
  }
}
/*== Waiting ==*/
body.waiting .waiting-bg {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.waiting-bg {
  display: none;
  position: fixed;
  z-index: 999999999 !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}
.waiting-bg .waiting-content {
  position: relative;
  text-align: center;
  margin: 0 auto !important;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
}
.waiting-bg .waiting-content > .fa-spinner {
  width: 40px;
  height: 40px;
  -webkit-filter: var(--filter-blue);
  filter: var(--filter-blue);
  margin-bottom: 10px;
  animation: spinner-rotate 2s linear infinite;
}
@keyframes spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
.waiting-bg .waiting-content > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}
/*== Alert ==*/
.alert-custom {
    position: fixed;
    top: 10%;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
    border-bottom-width: 2px;
    padding: 1em 1.3em;
    z-index: 999999999 !important;
    background-color: #fff3cd;
    border-color: #ffeeba;
    border-radius: 5px;
    display: none;
}
.alert-custom i {
    color:#288ad6;
    font-size:60px;
}
.alert-custom p {
    color: #111;
    margin-top: 10px;
    margin-bottom: 0;
}
/*== REGISTER ==*/
.register-success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.register-success .register-success-title {
    font-size: 200%;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.register-success .fas {
    font-size:100px;
    color:#288ad6;
}
.register-success p {
    font-size: 120%;
}
/* ===== DETAIL CONTENT ===== */
.detail-content{
    font-size:17px;
    text-align:justify;
}
.detail-content h2,
.detail-content h3{
    font-weight:600;
}
.detail-content h1,
.detail-content h2,
.detail-content h3,
.detail-content h4,
.detail-content h5,
.detail-content h6,
.detail-content p,
.detail-content li,
.detail-content table,
.detail-content .embed-responsive{
    margin-bottom:16px;
}
.detail-content a{
    font-weight:600;
    color:#3367d6;
}
.detail-content a:hover,
.detail-content a:focus{
    text-decoration:underline;
}
.detail-content .link-more {
    display: block;
    font-weight:bold;
    color: #e53935;
    text-align:left;
    padding-left: 36px;
    background: url(data:image/gif;base64,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) no-repeat 0 1px;
}
.detail-content .link-more>a{
    text-decoration:underline;
}
.detail-content img, 
.detail-content iframe, 
.detail-content object, 
.detail-content embed {
    max-width:100%;
}
.detail-content img{
    height:auto!important;
}
.detail-content .caption {
    color:#777;
    font-style:italic;
    text-align:center;
    margin-top: -8px;
}
/* ===== HEAD HIGHLIGHT ===== */
.detail-content .head-highlight{
    position:relative;
    font-family:'Times New Roman', Times, serif;
    font-size:180%;
    text-align:center;
    padding:10px 0;
    margin-bottom:20px;
}
.detail-content .head-highlight:before{
    content:"";
    background:#0094ff;
    position:absolute;
    left:50%;
    bottom:4px;
    width:160px;
    height:2px;
    margin-left:-80px;
}
.detail-content .heading-1{
    color: #8e44ad;
    font-size: 120%;
}
.detail-content .heading-2{
    position:relative;
    padding-left:28px;
}
.detail-content .heading-2 .circle-number{
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:22px;
    height:22px;
    line-height:22px;
    font-size:14px;
    text-align:center;
    color:#fff;
    background-color:#189eff;
    -webkit-border-radius:50%;
       -moz-border-radius:50%;
            border-radius:50%;
}
.detail-content .heading-3{
    font-size: 120%;
    line-height:1.2;
    font-weight:bold!important;
    font-style: normal !important;
    border-left: 3px solid #ebfa48;
    padding: 2px 0 2px 10px;
}
.detail-content .heading-3>span{
    color:#018fe5;
}
/* ===== LIST UL, OL ===== */
.detail-content ul {
    list-style:disc;
    padding:0;
    margin-left:20px;
    margin-bottom:0;
}
.detail-content ul ul {
    margin-top: 16px;
}
.detail-content ul li{
    position:relative;
    list-style: none;
    vertical-align: middle;
    padding-left:18px;
}
.detail-content ul li:before{
    content:"";
    background: #36ce72;
    position:absolute;
    left:0;
    top:4px;
    display: inline-block;
    width:12px;
    height:12px;
    border-radius: 50%;
}
.detail-content ol{
    list-style: none;
    counter-reset: my-awesome-counter;
    margin:0;
    padding:0;
}
.detail-content ol li {
    counter-increment: my-awesome-counter;
    position:relative;
    display:block;
    padding-left:30px;
}
.detail-content ol li::before {
    content: counter(my-awesome-counter);
    background: #189eff;
    position:absolute;
    left:0;
    display: inline-block;
    font-size:90%;
    width:22px;
    height:22px;
    line-height:22px;
    border-radius: 50%;
    color:#fff;
    text-align: center;
}
/* ===== BLOCKQUOTE ===== */
.detail-content blockquote{
    background-color:#f5f6f7;
    border-left:3px solid #ff6a00;
    border-radius:4px;
    color: #3c4043;
    padding: 12px 10px;
    margin-bottom:1rem;
}
.detail-content blockquote h1:last-child,
.detail-content blockquote h2:last-child,
.detail-content blockquote h3:last-child,
.detail-content blockquote h4:last-child,
.detail-content blockquote h5:last-child,
.detail-content blockquote h6:last-child,
.detail-content blockquote li:last-child,
.detail-content blockquote p:last-child{
    margin-bottom:0;
}
.detail-content .bq-info,
.detail-content .bq-warning,
.detail-content .bq-question{
    padding-left:50px;
}
.detail-content .bq-info:before,
.detail-content .bq-warning:before,
.detail-content .bq-question:before{
    position: absolute;
    content: '';
    height: 24px;
    width: 24px;
    margin-left: -34px;
}
.detail-content .bq-info:before{
    background:no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTk2QURDQ0MzMUU3MTFFOUJCNURDMjg4ODA5OUU2RUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTk2QURDQ0QzMUU3MTFFOUJCNURDMjg4ODA5OUU2RUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1OTZBRENDQTMxRTcxMUU5QkI1REMyODg4MDk5RTZFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1OTZBRENDQjMxRTcxMUU5QkI1REMyODg4MDk5RTZFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlRf228AAAHpSURBVHjatJVLKERRGMfNMIuRvKIZNSlLj7CdhYVCMkRZyoaFSBZWdh5bZSk7WYxYmaZBQrPBRjbksUGSkiRlQnlcv1P3Tsc8zrkzcerXd+493/l/53zn5TAMI+c/S56q0YjWl2E6oR1qoRRy4QWuIQphR/PxaToNR6oZICxExmAcfJpBvkMQJgl0pw2AuBezBG0ZZuMWBgmynTYA4h7MFjRkmXIxm16CbCQFQFysxya0KARE7l/Bo/B5Bj9BLsSHU2oY1ogfQCNUw6zCrxjmGbAzPgM+SqifgVfRsZtRhc3ZujE3UK7wD4hUWTMIaMRFqZTqFeDW+A/I56DDxgLOMfIi7AOMQoHG3y8HqNM4P8GhuUaGJjVWyZcDFGucQ+RzUNrOQ5gFTZ9veRc5dflHtCqbg2EJxzR+IjXz8gG1oe2QA1zZ6CAvqsuG/5ccYEfjLE7nvvQtBnSp6XMuBwjBm8J5jUWeiM+9+XjdvG1VJRjfRXS4YhEXqY6kcfbRXmNuUauoLkQxu+XEy048LkcJJ1YunwkBVOvQxaAjv7YnPx4xfYodlWeKujTiU5Z40v6nYQ/TA/dZvgfiVZtOdQ7kILuYJohkIHxu3rYztt5k6UpoxfSbAQsTmj/gBFZhBfGY7Uf/L8uPAAMAk2iWnMWZjVkAAAAASUVORK5CYII=)
}
.detail-content .bq-warning:before{
    background:no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTE5REM4NjEzMUU3MTFFOTgwQ0Y4NjYxMkZFQzI0QzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTE5REM4NjIzMUU3MTFFOTgwQ0Y4NjYxMkZFQzI0QzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MTlEQzg1RjMxRTcxMUU5ODBDRjg2NjEyRkVDMjRDMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MTlEQzg2MDMxRTcxMUU5ODBDRjg2NjEyRkVDMjRDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnhlxuAAAAGnSURBVHjaYvz//z8DLQETA40BC7EK/+/XcwZS04CYGYjzGB0vbSNGHyMxQQQ0nB9IXQBiBajQCyDWA1rymlpBVIJkOAhIAHElVXwAdL0y1PU8aFI/gNgE6IurlPqgFYvhIMABxB0U+QAasXsImOEH9MVmki0AGg5KYcdBwQAV+gUNFhBgh2IQuAINqp+kBlESkuEgkAvEGlCciiSuA8TpJMUB0PUiQKoBTfg10JXPQRjIfokmVw3UI0mKD6qAGF2DEBJbGE1ODIjribIA6BJNIJWBRS1ySuLGFqRAvYbE+KATiDkJWMCLRZ4ViLuAljDitAAo6Q2kfHEEGzdaHsAGXIA4CGsyBRrOBqTOALEuDs1PgHgrSCkQuwOxIg51t4DYEJgYvqH7IBOP4SDwBYh3AfEOIP6MR50aEOej+ACaxC5jSR3IwB3oql1Q31oDqSN41H4EYn2g+ocwH9QSMBy97mAloBZUvDeAIhzmg19EaLoJLbb/gFILgeAEgb9AHMFCpItAQB2IN5NQW4JqPh+YBc/wJD2UVAdL0USoBYXKDsYh36oACDAAIRt8yQJiY2AAAAAASUVORK5CYII=)
}
.detail-content .bq-question:before{
    background:no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTYzOThFOUIzMUU3MTFFOThGRjZDOTg1MkI3Mzk0REYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTYzOThFOUMzMUU3MTFFOThGRjZDOTg1MkI3Mzk0REYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NjM5OEU5OTMxRTcxMUU5OEZGNkM5ODUyQjczOTRERiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjM5OEU5QTMxRTcxMUU5OEZGNkM5ODUyQjczOTRERiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgHxoTQAAAI7SURBVHjatJZNSFRRFMedcRZ9qFRIDhQhqAzooAYtFGoR2tCYroR2bgrEpCTEoIiw3OWiIJDWRSO6G2ZRTAmzCFTaBIUfQSmogZswUkmpnH5nuA8ut/s+BuzCz8O7nvP/v3vfefdNKJ/Pl/zPEfIyyOcaKwmdcBEa4BiUwiYsQw4yofMf5ooyQFhEBmAQTvrc5A6kYBijr74GiEcJzyBR5G6swlVM3rgaIF5FyEKTRWANFmAbjsNpOGhZTTcmL/8xQDxCeAXtRtE63IE0hd+1m4mpLew18iWnldxF0+AG4YmRvAJJkuc9GuEWYdSYloffTt1ewYCko0yISFSvle4h6bUmFieUw3vmd7T5KUKbYXJJtirsXBjihdVBF8UHlMhDEYZpeMv1CS133LK4K/Inoi46XHbgujxwxKTP+7T5M3AKnLbcsNS26gZxj/Y7p3DGZ7gHs9pcs6XukG5wJGCvP4W77O2Gtv/1xuqcsacbhAOIZxHuNzroMuGRei+swzHYCmDwwhB/TujxOud0gyWI+RgkEHVWG/URl/FHN5A+TvoU9Kh2/gHVAVa8oO99Gn76FEiv10CdOh5+++SnzKNijNDvkixicR7yJ+0ZzBBaXPK/yGFI/qbePcPq7LGNsKWVD3vc/U0Rtx3XZ9WJWmYpegfX4BsMqbfcNu4j/sDrg9OmWjLq0hm7zltqGfJVGwnyyawlPFbf45KAHXMb8UyxH/0Lqj3lLKow/v0LPsIkTCC+VfSviv0YfwUYAA+izwyp4tMhAAAAAElFTkSuQmCC)
}
/* ===== ZIPPY CONTAINER ===== */
.detail-content .zippy-container{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:12px;
    margin-bottom:16px;
}
.detail-content .zippy-container .zippy-title{
    position:relative;    
    display: inline-block;
    width: 100%;
    color:#3367d6;
    font-weight:bold;
    line-height:26px;
}
.detail-content .zippy-container .zippy-title:hover,
.detail-content .zippy-container .zippy-title:focus,
.detail-content .zippy-container .zippy-title:active{
    text-decoration:none;
}
.detail-content .zippy-container .zippy-title:after{
    position:absolute;
    right:0;
    top: 50%;
    content: '';
    height:32px;
    width:32px;
    margin-top: -16px;
    background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OHB4IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iIzQyODVGNCI+CiAgICA8cGF0aCBkPSJNMTQuODMgMTYuNDJMMjQgMjUuNTlsOS4xNy05LjE3TDM2IDE5LjI1bC0xMiAxMi0xMi0xMnoiLz4KICAgIDxwYXRoIGQ9Ik0wLS43NWg0OHY0OEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4K);
    background-size:32px;
}
.detail-content .zippy-container .zippy-title.collapsed:after{
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
}
.detail-content .zippy-container .zippy-content{
    font-size:90%;
    margin:0;
    padding:6px 0;
    border-left:2px solid #e0e0e0;
}
.detail-content .zippy-container .zippy-content ol{
    padding-left:20px;
}
.detail-content .zippy-container .zippy-content ol ol{
    padding-left:0;
}
.detail-content .zippy-container .zippy-content li {
    margin:6px 0;
    padding-left:30px;
}
.detail-content .zippy-container .zippy-content li::before {
    width:22px;
    height:22px;
    line-height:22px;
}
.detail-content .zippy-container .zippy-content ol ol li::before {
    background: #0094da;
}
.detail-content .zippy-container .zippy-content ol ol ol li::before {
    background: #DE51FF;
}
.detail-content .zippy-container .zippy-content ul>li{
    margin-bottom:6px;
}
.detail-content .zippy-container .zippy-content ol>li>a{
    font-weight:normal;
}
/* ===== TIMELINE ===== */
.detail-content .timeline {
    list-style-type: none;
    position: relative;
    padding:0!important;
    margin:0!important;
}
.detail-content .timeline:before {
    content: ' ';
    background: #3367d6;
    display: inline-block;
    position: absolute;
    left:7px;
    top:3px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
.detail-content .timeline > li {
    margin: 0 0 16px 0;
    padding-left:24px;
    background:none!important;
}
.detail-content .timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #3367d6;
    left:0;
    margin-top:-2px;
    width: 16px;
    height: 16px;
    z-index: 400;
}
.detail-content .timeline > li > .timeline-title,
.detail-content .timeline>li>strong{
    display:inline-block;
    width:100%;
    color:#3367d6;
    font-weight:600;
    margin-bottom:4px;
}
/* ===== GALLERY ===== */
.detail-content .gallery{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin:-10px -5px 16px -5px;
}
.detail-content .gallery>.gallery-item{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding:10px 5px 0 5px;
}