/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

:root {
    --header-height1: 0px;
}
@font-face {
    font-family: 'NukeVietIcons';
    src: url('../fonts/NukeVietIcons.woff2') format('woff2'), url('../fonts/NukeVietIcons.woff') format('woff'), url('../fonts/NukeVietIcons.ttf') format('truetype'), url('../fonts/NukeVietIcons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.eot');
    src: local('☺'), url('../fonts/HelveticaNeue.woff') format('woff'), url('../fonts/HelveticaNeue.ttf') format('truetype'), url('../fonts/HelveticaNeue.svg') format('svg');
}
@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('../onts/HelveticaNeue-Bold.eot');
    src: local('☺'), url('../fonts/HelveticaNeue-Bold.woff') format('woff'), url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('../fonts/HelveticaNeue-Bold.svg') format('svg');
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: local('☺'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg');
}
/* cyrillic-ext */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.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(../fonts/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');
    unicode-range: 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/v29/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.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/v29/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.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/v29/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.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/v29/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOiCnqEu92Fr1Mu51QrEzAdLw.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/v29/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
    unicode-range: 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/v29/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc6CsQ.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/v29/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
    unicode-range: 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/v29/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.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/v29/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
    unicode-range: 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/v29/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBic6CsQ.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/v29/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');
    unicode-range: 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/v29/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.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/v29/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.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/v29/KFOkCnqEu92Fr1MmgVxFIzIFKw.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/v29/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
    unicode-range: 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/v29/KFOkCnqEu92Fr1MmgVxEIzIFKw.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/v29/KFOkCnqEu92Fr1MmgVxLIzIFKw.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/v29/KFOkCnqEu92Fr1MmgVxHIzIFKw.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/v29/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxIIzI.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/v29/KFOlCnqEu92Fr1MmSU5fCRc4EsA.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/v29/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: 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/v29/KFOlCnqEu92Fr1MmSU5fCBc4EsA.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/v29/KFOlCnqEu92Fr1MmSU5fBxc4EsA.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/v29/KFOlCnqEu92Fr1MmSU5fCxc4EsA.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/v29/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBBc4.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/v29/KFOmCnqEu92Fr1Mu72xKOzY.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/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: 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/v29/KFOmCnqEu92Fr1Mu7mxKOzY.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/v29/KFOmCnqEu92Fr1Mu4WxKOzY.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/v29/KFOmCnqEu92Fr1Mu7WxKOzY.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/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.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/v29/KFOlCnqEu92Fr1MmEU9fCRc4EsA.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/v29/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: 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/v29/KFOlCnqEu92Fr1MmEU9fCBc4EsA.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/v29/KFOlCnqEu92Fr1MmEU9fBxc4EsA.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/v29/KFOlCnqEu92Fr1MmEU9fCxc4EsA.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/v29/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.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/v29/KFOlCnqEu92Fr1MmWUlfCRc4EsA.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/v29/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: 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/v29/KFOlCnqEu92Fr1MmWUlfCBc4EsA.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/v29/KFOlCnqEu92Fr1MmWUlfBxc4EsA.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/v29/KFOlCnqEu92Fr1MmWUlfCxc4EsA.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/v29/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4.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/v29/KFOlCnqEu92Fr1MmYUtfCRc4EsA.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/v29/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
    unicode-range: 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/v29/KFOlCnqEu92Fr1MmYUtfCBc4EsA.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/v29/KFOlCnqEu92Fr1MmYUtfBxc4EsA.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/v29/KFOlCnqEu92Fr1MmYUtfCxc4EsA.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/v29/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts//KFOlCnqEu92Fr1MmYUtfBBc4.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 Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoYNNZQyQ.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 Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoadNZQyQ.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoYdNZQyQ.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobtNZQyQ.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoYtNZQyQ.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 Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoY9NZQyQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobdNZ.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 Condensed';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9UvI.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 Condensed';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLCwM9UvI.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAwM9UvI.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDAM9UvI.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAAM9UvI.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 Condensed';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.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 Condensed';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYNNZQyQ.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 Condensed';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoadNZQyQ.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYdNZQyQ.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobtNZQyQ.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYtNZQyQ.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 Condensed';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9NZQyQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.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 Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCkYb8td.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 Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCAYb8td.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCgYb8td.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCcYb8td.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCsYb8td.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 Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.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 Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.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 Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.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 Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.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 Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.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 Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.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 Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v24/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.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;
}
[class^='icon-'], [class*=' icon-'] {
    display: inline-block;
    font: normal normal normal 14px/1 NukeVietIcons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    vertical-align: -10%;
}
.icon-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -25%;
}
.icon-horizon {
    width: 14px;
}
.icon-lg.icon-horizon {
    width: 22px;
}
.icon-nukeviet:before {
    content: '\e607';
}
.icon-nukeviet_sm:before {
    content: '\e608';
}
.icon-callcenter:before {
    content: '\e609';
}
.icon-today:before {
    content: '\e600';
}
.icon-qrcode:before {
    content: '\e601';
}
.icon-enter:before {
    content: '\e602';
}
.icon-exit:before {
    content: '\e603';
}
.icon-yahoo:before {
    content: '\e604';
}
.icon-old-phone:before {
    content: '\e606';
}
.icon-icq:before {
    content: '\e605';
}
.icon-viber:before {
    content: '\e60a';
}
.icon_new {
    background: url('../images/icons/new.gif') no-repeat;
    display: inline-block;
    width: 33px;
    height: 15px;
}
.icon_new_small {
    background: url('../images/squared-blue.png') no-repeat 0 8px;
}
.icon_list {
    background: url('../images/arrow_left_orange.png') no-repeat 0 7px;
}
/* Fonts Color */

.text-black {
    color: #000 !important;
}
.text-white {
    color: #fff !important;
}
/* Fonts Weight */

.text-normal {
    font-weight: 400;
}
.text-bold {
    font-weight: 800;
}
/* Fix bootstrap */

.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-ss-block, .visible-ss-inline, .visible-ss-inline-block {
    display: none;
}
.hidden-ss-block {
    display: block !important;
}
.hidden-ss-inline {
    display: inline !important;
}
.hidden-ss-inline-block {
    display: inline-block !important;
}
.margin {
    margin: 10px;
}
.mr-1 {
    margin-right: 5px;
}
.margin-right, .mr-2 {
    margin-right: 10px;
}
.margin-left {
    margin-left: 10px;
}
.margin-top {
    margin-top: 10px;
}
.margin-bottom, .mb-2 {
    margin-bottom: 10px;
}
.margin-sm {
    margin: 4px;
}
.margin-right-sm {
    margin-right: 4px;
}
.margin-left-sm {
    margin-left: 4px;
}
.margin-top-sm {
    margin-top: 4px;
}
.margin-bottom-sm {
    margin-bottom: 4px;
}
.margin-lg {
    margin: 15px;
}
.margin-right-lg {
    margin-right: 15px;
}
.margin-left-lg {
    margin-left: 15px;
}
.margin-top-lg {
    margin-top: 15px;
}
.margin-bottom-lg {
    margin-bottom: 15px;
}
.padding-top {
    padding-top: 10px;
}
.padding-left {
    padding-left: 10px;
}
.padding-right {
    padding-right: 10px;
}
.padding-bottom {
    padding-bottom: 10px;
}
.boder-top {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
}
.boder-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
}
.border-left {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ccc;
}
.border-right {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ccc;
}
.column-margin-left {
    margin-left: 10px !important;
}
.bg-gainsboro {
    background-color: #dcdcdc;
}
.bg-lavender {
    background-color: #eee;
}
ul.list-items {
    padding-left: 0;
}
ul.list-items>li:last-child {
    margin-bottom: 0;
}
/*Load_Bar*/

.load-bar {
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 8px;
    background: transparent url(../../../assets/images/load_bar.gif);
    margin: auto 10px;
}
/*Center DIV*/

.centered {
    display: flex;
    justify-content: center;
}
/*nv-info*/

.nv-info {
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    border-radius: 5px;
    background-color: #f7f7f7;
    color: #333;
    padding: 10px;
}
.nv-info.error {
    background-color: #efd7d7 !important;
    border-color: #dca8a6 !important;
}
.nv-info.success {
    background-color: #edf4fa !important;
    border-color: #82b2dc !important;
}
.nv-info.info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.nv-info:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 5px;
}
.nv-info.error:before {
    content: ' \f057 ';
    color: #de495b;
}
.nv-info.success:before {
    content: ' \f13a ';
    color: #68d044;
}
.nv-info.info:before {
    content: '\f05a';
    color: #31708f;
}
.clear {
    clear: both;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.pointer {
    cursor: pointer;
}
.middle {
    vertical-align: middle;
}
.align-bottom {
    vertical-align: bottom;
}
.align-top {
    vertical-align: top;
}
ul, ol {
    list-style: none;
}
.input-group-btn {
    font-size: 14px !important;
}
.radius-top-left {
    border-top-left-radius: 5px;
}
.radius-top-right {
    border-top-right-radius: 5px;
}
.radius-bottom-left {
    border-bottom-left-radius: 5px;
}
.radius-bottom-right {
    border-bottom-right-radius: 5px;
}
.radius {
    border-radius: 5px;
}
.bg-gradient {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 100%);
}
.box-shadow {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.fix-box {
    position: inherit !important;
    margin-left: 0 !important;
}
.well p {
    margin: 0;
}
input[type='text'].required, input[type='phone'].required, input[type='password'].required, input[type='email'].required, input[type='number'].required, input[type='search'].required, input[type='tel'].required, input[type='time'].required, input[type='url'].required, input[type='url'].required, textarea.required, select.required, label.required, select.select2-hidden-accessible.required+.select2 .select2-selection--single .select2-selection__rendered {
    background-image: url(../images/icons/required.png);
    background-position: right center;
    background-repeat: no-repeat;
}
textarea.required {
    background-position: right 10px;
}
select.required {
    background-position: calc(100% - 15px) 10px;
}
label.required {
    padding-right: 20px;
}
label.radio-box, label.check-box {
    font-weight: normal;
    margin-right: 20px;
    cursor: pointer;
}
div.radio-box, div.check-box {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 10px;
}
.has-error div.radio-box, .has-error div.check-box {
    border-color: #de495b;
}
div.radio-box label, div.check-box label {
    margin-bottom: 0;
}
div.radio-box label [type='radio'], div.check-box label [type='radio'] {
    margin-top: -2px;
}
.display-inline-block {
    display: inline-block;
}
.display-table {
    display: table;
}
.display-table>* {
    display: table-row;
}
.display-table>*>* {
    display: table-cell;
    padding: 5px;
}
/*tooltip*/

.tooltip-inner {
    max-width: 250px;
    padding: 10px;
    color: #fff;
    text-align: left !important;
    background-color: #255986;
    border-radius: 4px;
    height: auto;
    overflow: auto;
}
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    border-top-color: #255986;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #255986;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #255986;
}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #255986;
}
.tooltip-inner img.pull-left {
    margin: 3px 5px 1px 0;
}
.tooltip-inner img.pull-right {
    margin: 3px 1px 0 5px;
}
/* Fixed Jquery UI Style */

.ui-widget {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}
.ui-datepicker {
    width: 18em !important;
}
.ui-datepicker select.ui-datepicker-month {
    width: 59% !important;
    font-weight: normal !important;
}
.ui-datepicker select.ui-datepicker-year {
    width: 39% !important;
    font-weight: normal !important;
}
figure {
    position: relative;
    margin: 5px 0 10px 0;
    text-align: center;
}
figure.image.image-left, img.image-left {
    margin-right: 15px;
    float: left !important;
}
figure.image.image-right, img.image-right {
    margin-left: 15px;
    float: right !important;
}
.image-center figure.image, .image-center {
    text-align: center;
    float: none !important;
}
div.image-center, p.image-center {
    margin-bottom: 10px;
}
figure.article {
    background-color: #939393;
}
figure.left {
    float: left;
    margin: 5px 10px 10px 0;
}
figure.right {
    float: right;
    margin: 5px 0 10px 10px;
}
figure.center {
    float: none;
    background: transparent;
    margin: 0 auto 10px;
    padding-top: 0;
    text-align: center;
}
figure.noncaption {
    background: transparent;
    padding: 0;
}
figcaption {
    text-align: center;
    margin-top: 5px;
    font-weight: 700;
}
figure figcaption {
    font-size: 12px;
    font-weight: normal;
}
figure.article figcaption {
    color: #fff;
}
figure.article.center figcaption {
    color: inherit;
}
figure.avatar {
    margin-top: 0 !important;
}
figure.avatar figcaption {
    position: absolute;
    bottom: 12px;
    background-color: #357ebd;
    color: #fff;
    font-size: 11px;
}
/* Global */

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    color: #333;
    font: 400 14px Arial;
    padding: 0;
    width: 100%;
}
/*a, a:link, a:active, a:visited {
    color: #1a3f5e;
}*/

a:hover, a:focus {
    text-decoration: none;
    color: #0e2132;
}
a.dimgray {
    color: #707070;
}
a.dimgray:hover {
    color: #0e2132;
}
a.black {
    color: #333;
}
a.black:hover {
    color: #0e2132;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
.title {
    font-size: 22px;
}
.hometext {
    font-weight: 700;
}
.bodytext {
    word-break: keep-all;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
    line-height: 1.7em;
}
.bodytext p {
    margin-bottom: 15px !important;
}
.bodytext ol {
    list-style-type: decimal !important;
}
.bodytext ul {
    list-style-type: disc !important;
    padding-left: 40px !important;
    margin-bottom: 10px !important;
}
.bodytext li {
    margin-bottom: 0 !important;
}
.bodytext div.alert {
    margin-bottom: 7px;
    margin-top: 4px;
}
iframe {
    border: 0;
}
.m-bottom {
    margin-bottom: 10px !important;
}
.wraper {
    position: relative;
    width: 1080px;
    margin: 0 auto;
}
.container, .rel {
    position: relative;
}
.fa-fix {
    margin-right: -5px;
}
.fa-pointer {
    cursor: pointer;
}
.fa-horizon {
    width: 14px;
}
.fa-lg.fa-horizon {
    width: 22px;
}
h3.sm {
    font-size: 16px;
}
span.keyword {
    background-color: yellow;
}
.nv-fullbg {
    min-height: 100%;
    background-color: #fff;
}
a.btn {
    color: #fff;
}
a:focus {
    outline: none;
}
/* Header */

.site-banner {
    position: absolute;
    width: 100%;
    background-size: cover;
    z-index: -10;
    background-position: center center;
    height: 300px;
}
#header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
#header .logo {
    padding: 20px 10px 20px 0;
}
#header .logo img {
    max-height: 120px;
    width: auto;
}
#header .logo h1, #header .logo .site_name {
    display: none;
}
#header .logo h2, #header .logo .site_description {
    color: #707070;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    font-family: 'Times New Roman';
    line-height: 1.1;
    margin: 0;
    padding: 0;
    display: block;
}
#header .right-ads {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 10px 0;
}
#header .right-ads>.nv-block-banners:last-child {
    margin-bottom: 0;
}
/* breadcrumb */

.breadcrumbs-wrap {
    position: relative;
}
.breadcrumbs-wrap .display {
    height: 35px;
    overflow: hidden;
}
.breadcrumbs {
    display: inline-block;
}
.breadcrumbs li {
    float: left;
    margin: 0 0.5em 0 1em;
}
.breadcrumbs a, .show-subs-breadcrumbs {
    background-color: #dcdcdc;
    padding: 0.6em 1em;
    float: left;
    text-decoration: none;
    color: #333;
    position: relative;
}
.breadcrumbs a:hover, .show-subs-breadcrumbs:hover {
    background-color: #a6c8e6;
}
.breadcrumbs a:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-width: 1.5em 0 1.5em 1em;
    border-style: solid;
    border-color: #dcdcdc #dcdcdc #dcdcdc transparent;
    left: -1em;
}
.breadcrumbs a:hover:before {
    border-color: #a6c8e6 #a6c8e6 #a6c8e6 transparent;
}
.breadcrumbs a:after, .show-subs-breadcrumbs:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top-width: 1.5em;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width: 1.5em;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-width: 1em;
    border-left-style: solid;
    border-left-color: #dcdcdc;
    right: -1em;
}
.breadcrumbs a:hover:after, .show-subs-breadcrumbs:hover:after {
    border-left-color: #a6c8e6;
}
/*.breadcrumbs li:last-child a,
.breadcrumbs li:last-child a:hover {
    font-weight:bold;
    background:none;
}

.breadcrumbs li:last-child a:after,
.breadcrumbs li:last-child a:before {
    content:normal;
}

*/

.subs-breadcrumbs {
    margin: 0;
    padding: 0;
    background-color: #fff linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 100%);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    border-top: none;
    box-shadow: 0 0.063em 0.25em rgba(7, 20, 34, 0.25);
    display: none;
    z-index: 999999;
}
.subs-breadcrumbs.open {
    display: block;
}
.subs-breadcrumbs li {
    background-color: #eee;
}
.subs-breadcrumbs li:last-child, .subs-breadcrumbs li:last-child a, .subs-breadcrumbs {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.subs-breadcrumbs li, .subs-breadcrumbs a {
    display: block;
    float: none;
}
.subs-breadcrumbs a {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    padding: 0 10px;
}
.subs-breadcrumbs li:not(:last-child) a {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}
.subs-breadcrumbs a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.subs-breadcrumbs a em {
    display: inline-block;
    margin-right: 5px;
    color: #707070;
}
.show-subs-breadcrumbs {
    padding-right: 5px;
    margin-right: 7px;
    width: 30px;
    text-align: center;
}
.fix_banner_left {
    width: 120px;
    height: 480px;
    position: fixed;
    top: 2px;
    left: 2px;
    display: none;
}
.fix_banner_right {
    width: 120px;
    height: 480px;
    position: fixed;
    top: 2px;
    right: 2px;
    display: none;
}
/* SECOND NAV */

.second-nav {
    z-index: 3;
}
.second-nav .bg {
    background: #cccccc;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%) !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
/* THIRD NAV */

.third-nav {
    position: relative;
    margin-bottom: 6px;
}
.third-nav .row {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dcdcdc;
}
.third-nav .bg {
    padding: 5px 5px 3px;
}
.third-nav .current-time {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 37px;
}
.third-nav ul+.current-time {
    float: right;
    margin-top: -35px;
}
.headerSearch {
    margin: 0.15em 0;
}
.headerSearch input {
    border-color: #cccccc;
    background-color: #fff !important;
}
.headerSearch input:hover, .headerSearch input:focus {
    background-color: #fff !important;
}
.headerSearch .btn-info {
    background-color: #428bca;
    border-color: #428bca;
    color: #fff;
}
.headerSearch .btn-info:focus, .headerSearch .btn-info.focus, .headerSearch .btn-info:hover, .headerSearch .btn-info:active, .headerSearch .btn-info.active {
    background-color: #e6b902;
    border-color: #caa202;
    color: #333333;
}
.headerSearch .form-control, .headerSearch .btn {
    z-index: 0;
}
/* Bootstrap Menu */

#menusite .navbar-default {
    background-color: #d7030f;
    border: none;
    z-index: 1;
    min-height: 28px !important;
}
#menusite .navbar-default .navbar-nav>li {
    margin-left: 1px;
}
#menusite .navbar-default .navbar-nav>li:first-child {
    margin-left: 4px;
}
#menusite .navbar-default .navbar-nav>li:last-child {
    margin-right: 4px;
}
#menusite .navbar-default .navbar-nav>li>a {
    color: #fff;
    padding: 9px 9px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
}
#menusite .navbar-nav>li>a {
    white-space: nowrap;
}
#menusite .dropdown-menu {
    background-color: #fff !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
#menusite .dropdown-menu>li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.5);
}
#menusite .dropdown-menu>li:last-child {
    border-bottom: none;
}
#menusite .dropdown-menu>li>a {
    line-height: 30px;
    padding: 3px 15px;
    text-transform: none;
    font-size: 17px;
}
#menusite .navbar-default .navbar-nav>li>a:hover, #menusite .navbar-default .navbar-nav>li>a:focus, #menusite .navbar-default .navbar-nav>.active>a, #menusite .navbar-default .navbar-nav>.active>a:hover, #menusite .navbar-default .navbar-nav>.active>a:focus, #menusite .navbar-default .navbar-nav>.open>a, #menusite .navbar-default .navbar-nav>.open>a:hover, #menusite .navbar-default .navbar-nav>.open>a:focus {
    background: #af000a !important;
    color: #fff;
}
#menusite .dropdown-menu>li>a:hover, #menusite .dropdown-menu>li>a:focus, #menusite .dropdown-menu>.active>a, #menusite .dropdown-menu>.active>a:hover, #menusite .dropdown-menu>.active>a:focus, #menusite .navbar .navbar-nav .open .dropdown-menu>li>a:hover, #menusite .navbar .navbar-nav .open .dropdown-menu>li>a:focus, #menusite .navbar .navbar-nav .open .dropdown-menu>.active>a, #menusite .navbar .navbar-nav .open .dropdown-menu>.active>a:hover, #menusite .navbar .navbar-nav .open .dropdown-menu>.active>a:focus {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
    color: #333;
}
#menusite .dropdown-submenu {
    position: relative;
    display: none;
}
#menusite .open .dropdown-submenu {
    display: block;
}
#menusite .dropdown-submenu li a {
    color: #333;
    display: block;
}
#menusite .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0 5px 5px 5px;
}
#menusite .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
#menusite .dropdown-submenu>a:after {
    display: block;
    content: ' ';
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #333;
    margin-top: 10px;
    margin-right: -5px;
}
#menusite .dropdown-submenu.pull-left {
    float: none;
}
#menusite .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 5px 0 5px 5px;
}
/* Head-Nav */

.header-nav, .header-nav-inner {
    color: #dcdcdc;
    position: relative;
}
.header-nav-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.header-nav a {
    color: #dcdcdc;
}
.header-nav a:hover {
    color: #ffffff;
}
.header-nav a.button {
    display: block;
    position: relative;
    padding: 8px;
    color: #dcdcdc;
    line-height: 1;
    background-color: #428bca;
    border-radius: 5px;
    width: 34px;
    height: 34px;
}
.header-nav a.button.active, .header-nav a.button:hover, .header-nav a.button:focus {
    background-color: #245682;
    color: #fff;
}
.header-nav a.button .fa {
    position: relative;
    transform: translate3d(-50%, -50%, 0px);
    left: 50%;
    top: 50%;
}
/* TIP POPUP and FTIP POPUP */

#tip, #ftip {
    position: absolute;
    color: #333 !important;
    background-color: #eee;
    max-width: 485px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    display: none;
}
#tip {
    top: 100%;
    right: 0;
    min-height: 50px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#ftip {
    bottom: 25px;
    left: 5px;
    min-height: 51px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#tip .bg, #ftip .bg {
    padding: 15px;
    border-bottom-color: #aaaaaa;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
#tip .bg {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#ftip .bg {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#tip .tip-footer, #ftip .tip-footer {
    background-color: #e5e5e5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    padding: 10px;
}
#tip .tip-footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 10px -15px -16px;
}
#ftip .ftip-footer {
    margin: 10px -15px -15px;
}
#tip h3, #ftip h3 {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 15px;
}
#tip ul {
    margin: 0;
    padding: 0;
}
#tip a {
    color: #333;
}
#tip .socialList a {
    color: #fff;
}
/* Blocks social-icons,contactDefault and personalArea */

.contactDefault {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}
.personalArea a.button.user, .personalArea a.button.user:hover {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: transparent;
    background-size: contain;
}
/* block counter */

.counter.display-table {
    width: 100%;
}
.counter span+span {
    text-align: right;
}
.socialList, .contactList {
    list-style: none;
    padding: 0;
    margin: 0;
}
.socialList li, .contactList li {
    display: inline-block;
    margin-right: 10px;
}
.socialList li:last-child, .contactList li:last-child {
    margin-right: 0 !important;
}
.socialList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.socialList li a {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #428bca;
    color: #dcdcdc;
    font-size: 16px;
    border-radius: 3px;
    position: relative;
}
.enable-animate .socialList li a {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.socialList li a[href*='facebook']:hover {
    background-color: #3d5d8c;
}
.socialList li a[href*='google']:hover, .socialList li a[href*='youtube']:hover {
    background-color: #dd4b39;
}
.socialList li a[href*='twitter']:hover {
    background-color: #50a0d7;
}
.socialList li a[href*='feeds']:hover {
    background-color: #ff9900;
}
.socialList li a .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* Body */

#body {
    /*background-color: #faf7e8;*/
    background: #fff;
    font-family: Josefin Sans, sans-serif;
}
/* Footer-NAV2 */

.footerNav2 {
    position: relative;
    width: 100%;
    background-color: #a52911;
    padding: 10px 0;
    color: #dcdcdc;
}
.footerNav2 .theme-change {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    height: 40px;
}
.footerNav2 .theme-change a, .footerNav2 .theme-change span {
    display: inline-block;
    margin-top: 5px;
    margin-right: 10px;
    background-color: #245682;
    color: #428bca;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    position: relative;
}
.footerNav2 .theme-change span {
    color: #dcdcdc;
    background-color: #428bca;
}
.footerNav2 .theme-change a:hover, .footerNav2 .theme-change span:hover {
    color: #fff;
    background-color: #428bca;
}
.footerNav2 .theme-change .fa, .footerNav2 .bttop a .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
}
.footerNav2 .theme-change .fa-mobile {
    font-size: 140%;
}
.footerNav2 .bttop {
    float: right;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    top: -65px;
    position: absolute;
    right: 0;
}
.footerNav2 .bttop a {
    display: block;
    background-color: #245682;
    color: #428bca;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    position: relative;
    width: 40px;
    height: 40px;
}
.footerNav2 .bttop a:hover {
    color: #fff;
    background-color: #428bca;
}
/* Footer */

#footer {
    position: relative;
    min-height: 250px;
    width: 100%;
    background-color: #d7030f;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 100%);
    padding: 40px 0 0;
    font-size: 13px;
}
#footer, #footer a {
    color: #fff;
    font-size: 14px;
}
#footer h3 {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
}
#footer h3 a {
    color: inherit;
}
#footer p {
    margin: 0;
    padding: 0;
}
/* Block Footer-Menu */

#footer .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer .menu li {
    position: relative;
    display: inline-block;
    width: 49%;
    padding: 0;
    margin: 0;
}
#footer .menu li:nth-child(2n+1) {
    padding-right: 8px;
}
#footer .menu li:nth-child(2n) {
    padding-left: 7px;
}
#footer .menu li a {
    display: block;
    white-space: nowrap;
    padding: 15px 0;
}
#footer .menu li a:before {
    content: '\f111';
    color: #dcdcdc;
    font-family: FontAwesome;
    font-size: 5px;
    padding-right: 6px;
    vertical-align: middle;
}
#footer .menu li a:hover {
    border-bottom-color: #fff;
    color: #fff;
}
#footer .menu li a:hover:before {
    color: #fff;
}
/* Block copyright*/

.copyright {
    color: #fff;
}
.copyright span a {
    color: #cb3129 !important;
    font-weight: 600;
}
.copyright span a:hover {
    color: #cb3129 !important;
}
/* Block Company info */

.company_info {
    padding: 0;
}
.company_info li {
    margin-bottom: 5px;
    line-height: 29px;
}
.company_info li:last-child {
    margin-bottom: 0;
}
.company_info .company_name {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 14px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.company_info li em {
    text-align: center;
    width: 2em;
}
.company-map {
    width: 100%;
    height: 300px;
}
/* Page break line */

.nv-hr {
    clear: both;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-color: #dcdcdc;
    border-bottom-style: solid;
    margin: 10px 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.nv-hr.nv-hr-lg {
    margin: 20px 0;
}
.nv-hr.nv-hr-sm {
    margin: 5px 0;
}
/* Social share,social button */

.nv-social-share {
    list-style: none;
    margin: 0;
    padding: 4px 5px 0 5px !important;
}
.nv-social-share li {
    display: inline-block;
    margin-bottom: 0 !important;
    height: 20px;
}
.nv-social-share li.facebook {
    position: relative;
    top: -4px;
    padding-right: 40px;
}
/* Form control */

.nv-captcha {
    vertical-align: middle;
}
.nv-recaptcha-default {
    margin: 0 auto;
    width: 304px;
    height: 78px;
}
.nv-recaptcha-compact {
    margin: 0 auto;
    width: 164px;
    height: 144px;
}
.grecaptcha-badge {
    visibility: hidden;
}
/* List item */

.nv-list-item {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nv-list-item li {
    padding: 4px;
    margin: 0 !important;
}
.nv-list-item.sm li {
    padding: 2px;
}
.nv-list-item.xsm li {
    padding: 1px;
}
.nv-list-item.lg li {
    padding: 10px;
}
.page .nv-list-item li {
    display: flex;
}
.page .nv-list-item li em {
    position: relative;
    top: 2px;
}
/* sub-list-icon */

.sub-list-icon>li:first-child>*:before, .cat-icon:before {
    content: ' \f114 ';
    font-family: FontAwesome;
    font-size: inherit;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -3px;
}
.sub-list-icon>li+li>*:before {
    content: ' \f10c ';
    font-family: FontAwesome;
    font-size: 8px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.sub-list-icon>li:first-child+li>*:before {
    content: ' \f101 ';
    font-size: 12px;
    margin-top: -2px;
}
/* List none */

.list-none {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Block global */

.nv-block-banners {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}
.nv-block-banners img {
    max-width: 101%;
    height: auto;
}
.mt-2000 .nv-block-banners img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ececec;
    padding: 2px;
}
.nv-block-rss li {
    border-bottom-width: 1px;
    border-bottom-color: #dcdcdc;
    border-bottom-style: solid;
}
.nv-block-rss li:last-child {
    border: none;
    padding-bottom: 0;
}
.nv-block-rss li:first-child {
    padding-top: 0;
}
.nv-block-rss img {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    border-radius: 4px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    position: relative;
    top: 4px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.enable-animate .nv-block-rss img {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* Info die */

.nv-infodie {
    margin: 0 auto;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    border-width: 1px;
    border-color: #dcdcdc;
    border-style: solid;
    background-color: #fff;
    position: absolute;
    min-height: 300px !important;
    min-width: 300px !important;
    display: table;
}
.nv-infodie .panel-body {
    display: table-cell;
    vertical-align: middle;
}
.nv-infodie .logo {
    max-width: 90%;
    margin-bottom: 10px;
    height: auto;
}
/* Form */

input, input[type='file'], input[type='radio'], input[type='checkbox'], button, .btn, .form-control, textarea, input:focus, input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus, button:focus, .btn:focus, .form-control:focus, textarea:focus, input:focus:active, input[type='file']:focus:active, input[type='radio']:focus:active, input[type='checkbox']:focus:active, button:focus:active, .btn:focus:active, .form-control:focus:active, textarea:focus:active, input.active:focus, input[type='file'].active:focus, input[type='radio'].active:focus, input[type='checkbox'].active:focus, button.active:focus, .btn.active:focus, .form-control.active:focus, textarea.active:focus, input:active, input[type='file']:active, input[type='radio']:active, input[type='checkbox']:active, button:active, .btn:active, .form-control:active, textarea:active {
    outline-width: 0;
    outline-style: none;
}
input[type='checkbox'], input[type='radio'] {
    border-width: 1px;
    border-style: solid;
    border-color: #aaaaaa;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: 3px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #707070;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background: #fff;
}
input[type='radio'] {
    border-radius: 50%;
    margin-right: 4px;
    line-height: inherit;
}
input[type='checkbox']:disabled, input[type='radio']:disabled, input[type='checkbox']:disabled:checked:before, input[type='radio']:disabled:checked:before {
    opacity: 0.7;
}
input[type='checkbox']:checked:before, input[type='radio']:checked:before {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    font: normal 14px/1 'FontAwesome';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input[type='checkbox']:checked:before {
    content: '\f00c';
    margin: 0 0 0 0;
    color: #333333;
}
input[type='radio']:checked:before {
    content: '\2022';
    text-indent: -999999999px;
    border-radius: 50px;
    font-size: 24px;
    width: 6px;
    height: 6px;
    margin: 4px;
    line-height: 16px;
    background-color: #333333;
}
.img-thumbnail {
    background-color: #cccccc;
    border: none;
    border-radius: 3px;
    max-width: 100%;
    padding: 1px;
}
.fb-like {
    margin-right: 50px;
}
.navbar-inverse {
    background-color: #d9e8f4;
    border-color: #2a6496;
}
.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #ffffff;
    background-color: #2a6496;
}
.panel-heading {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%) !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px;
}
.panel-primary>.panel-heading>a {
    color: #fff;
}
.panel-primary>.panel-heading>a:hover {
    color: #dcdcdc;
}
table caption {
    color: #357ebd;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    padding: 0 0 5px 2px;
}
blockquote {
    font-size: 13px;
}
.modal-header .close {
    margin-top: -2px;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
}
.modal-body {
    padding: 15px;
}
#sitemodal .modal-dialog {
    position: relative;
    width: auto !important;
    max-width: 600px;
    text-align: center;
    font-size: 0;
}
#sitemodal .modal-content {
    width: auto;
    display: inline-block;
    font-size: 14px;
    text-align: left;
}
#sitemodal .close, #sitemodalTerm .close {
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 24px;
    height: 24px;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    opacity: 0.8;
    border-width: 2px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 12px;
}
#sitemodal .close:hover {
    opacity: 1;
}
@media (max-width: 619px) {
    #sitemodal .modal-dialog {
        margin-left: 10px;
        margin-right: 10px;
    }
    #sitemodal .modal-content {
        display: block;
    }
}
#sb-container {
    z-index: 99999999 !important;
}
.chromeframe {
    position: fixed !important;
    top: 0 !important;
    right: 0;
    left: 0;
    width: 100% !important;
    z-index: 99999999999999 !important;
    background-color: #ffff00 !important;
    color: #000 !important;
    height: 25px;
    line-height: 25px;
    padding: 0.2em 0;
    text-align: center !important;
}
#timeoutsess {
    display: none;
}
#timeoutsess a {
    color: #2f70a7 !important;
}
/* Block featured-products */

.featured-products>.row {
    margin-bottom: 35px;
}
.featured-products>.row:last-child {
    margin-bottom: 0;
}
.featured-products .img-thumbnail {
    margin-top: 3px;
    margin-bottom: 10px;
    background-color: #fff !important;
    border-width: 1px !important;
    padding: 0 !important;
}
.featured-products ul {
    margin: 0;
    padding: 0;
}
.featured-products ul>li {
    margin-bottom: 5px;
}
.featured-products ul>li:before {
    font-family: 'FontAwesome';
    content: '\f105';
    margin-right: 5px;
}
/* Account Level */

[class^='lev-'], [class*=' lev-'] {
    display: inline-block;
}
[class^='lev-']:before, [class*=' lev-']:before {
    font-family: FontAwesome;
    font-size: inherit;
    margin-right: 5px;
}
.lev-1:before {
    content: ' \f005 \f005 \f005 ';
}
.lev-2:before {
    content: ' \f005 \f005 \f006 ';
}
.lev-3:before {
    content: ' \f005 \f006 \f006 ';
}
.lev-user:before {
    content: ' \f007 ';
}
/* module Contact*/

.contact-result {
    position: absolute;
    top: 40px;
    left: 5%;
    width: 90%;
    float: left;
    z-index: 2;
    padding: 30px 20px;
    display: none;
}
/* Block module-menu */

.module-menu {
    display: block;
    float: left;
    width: 100%;
    background-color: #333;
}
.module-menu ul {
    margin: 0;
    padding: 0;
}
.module-menu a {
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    background-color: #428bca;
    background-image: linear-gradient(to right, #428bca 4px, #428bca 4px);
    background-repeat: repeat-x;
    color: #fff;
    text-decoration: none;
    margin: 0;
    padding: 9px 10px 9px 20px;
    cursor: pointer;
}
.module-menu a:before {
    font-family: 'FontAwesome';
    content: ' \f105 ';
    margin-right: 5px;
}
.module-menu a.home:before {
    content: ' \f07c ';
}
.module-menu a.active {
    background-color: #a6c8e6;
}
.module-menu a:hover, .module-menu a.active, .module-menu a:focus {
    color: #333;
    text-decoration: none;
    background-image: linear-gradient(to right, #42cac5 4px, rgba(0, 0, 0, 0) 4px);
}
.calendar-icon {
    background-image: url(../../../assets/images/calendar.jpg);
    background-position: right 6px center;
    background-repeat: no-repeat;
    padding-right: 26px;
}
/*alert*/

.nv-alert {
    position: fixed !important;
    top: 25% !important;
    right: 0;
    left: 0;
    width: 350px !important;
    margin: auto;
    z-index: 99999999999999 !important;
    text-align: center !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.select2-container--default .select2-selection--single, .select2-container--bootstrap .select2-selection--single {
    height: 35px !important;
    border-radius: 12px !important;
}
.voting-col-2 {
    border-left: 1px solid #ccc;
    padding: 0px 10px;
}
.padding-voting ul li {
    margin: 0px 10px;
    padding: 10px 0px;
    list-style: disc;
    text-align: justify;
}
.sum-voting {
    margin-top: 5px;
}
/*cookie-notice popup*/

.cookie-notice {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 350px;
    z-index: 99999999999999;
    background-color: #eee;
    border: solid 1px #dedede;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.cookie-notice a {
    color: #1a3f5e;
    text-decoration: underline;
}
.cookie-notice div {
    position: relative;
    width: 100%;
    padding: 20px;
    color: #333;
}
.cookie-notice button {
    float: right;
    margin-top: -20px;
    margin-right: -20px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
    border: 0;
    font-size: 24px;
}
img.rock {
    width: 100%;
    margin-top: 21px;
}
#my-Links {
    display: none;
}
.mt-teri1 img {
    width: 100%;
    margin-bottom: 12px;
}
.alo-haa {
    top: 47px;
    left: 100%;
    height: auto;
    padding: 20px;
    margin: 0px 0px 20px;
    transform: translateX(-100%);
    display: table;
    position: absolute;
    z-index: 999;
    background: #fff;
    width: 342px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    border-top: 3px solid #d82b00;
}
.alo-haa:before {
    position: absolute;
    top: -9px;
    right: 19px;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5.5px 6px 5.5px;
    border-color: transparent transparent #d82b00 transparent;
}
.alo-haa input.form-control {
    border-radius: 0px;
}
.alo-haa button.btn.btn-info {
    background-color: #222222;
    border: 1px solid #222222;
    border-radius: 0px;
    height: 32px;
}
.nes {
    padding: 0px;
}
a.icon {
    color: #fff;
    position: absolute;
    top: 12px;
}
img.img-img {
    width: 100%;
    height: 60px;
    border: 1px solid #ccc;
    padding: 2px;
    object-fit: cover;
}
.mr-hr .nv-block-banners {
    margin-bottom: 0px;
}
.mr-hr img {
    width: 100%;
}
.mr-hr .nv-block-banners img {
    max-width: 101%;
    height: auto;
    width: 100%;
}
img.img-center {
    width: 100%;
    border: 1px solid #c8c8c8;
    padding: 2px;
}
.news-item-slider {
    padding: 0px 5px;
}
h2.title-center {
    display: block;
    color: #333 !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
}
p.text-home {
    color: #959595;
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 5;
    height: 124px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 13px;
    font: normal 14px/24px Arial;
    color: #333;
}
a.show.black.h4 {
    font: 14px/22px Arial;
    float: left;
    color: #666 !important;
    display: block;
    max-height: 66px;
    overflow: hidden;
    font-weight: 100 !important;
}
img.img-thumbnail-1 {
    width: 100% !important;
    height: 110px !important;
}
.block_group button.owl-prev {
    position: absolute;
    top: 41%;
    left: -9px;
    border: 0;
    padding: 0;
    width: 20px;
    font-size: 16px;
    height: 20px;
    background: #ccc;
    z-index: 999;
    outline-style: none;
    color: #d83945;
    font-size: 22px;
    line-height: 4px;
}
.block_group button.owl-next {
    position: absolute;
    top: 41%;
    right: -9px;
    border: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: #ccc;
    z-index: 999;
    outline-style: none;
    color: #d83945;
    font-size: 22px;
    line-height: 4px;
}
.block_group .owl-dots {
    display: none;
}
.widget .block-title {
    margin-bottom: 13px;
}
.widget_mynewwidget .block-title {
    border-bottom: 3px solid #dddddd;
    line-height: 34px;
}
.widget_mynewwidget .block-title span {
    background: url(../images/icon_hot.png)left center no-repeat;
    padding-left: 35px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
    position: relative;
}
.widget_mynewwidget .block-title span:after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 175px;
    height: 3px;
    background: #038d49;
}
.widget_mynewwidget {
    background: #f4f4f4;
    padding: 20px;
    margin-bottom: 30px;
    margin-top: 10px;
}
.block_group .owl-item {
    background: #fff;
}
a.show-hot {
    color: #333333;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    display: block;
    max-height: 66px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 3px;
}
img.img_news_vip.lazyloaded {
    width: 100%;
}
a.title_news_vip {
    font-weight: 600;
    color: #333;
    font-size: 21px;
}
.td-module-meta-info {
    font-family: Roboto, arial, sans-serif;
    font-size: 11px;
    margin-bottom: 7px;
    line-height: 1;
    min-height: 17px;
    margin-top: 5px;
}
.td-module-meta-info .td-post-category {
    display: inline-block;
}
.td-post-category {
    font-family: Roboto, arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    background-color: #222222;
    color: #fff !important;
    margin-right: 5px;
    padding: 3px 6px 4px;
    display: block;
    vertical-align: top;
}
.td-post-category {
    background-color: #12ab61 !important;
}
.td-post-date {
    color: #9c9c9c;
    display: inline-block;
    position: relative;
    top: 2px;
    font-size: 13px;
}
.td-excerpt {
    font-size: 15px;
    color: #787878;
    font-family: Roboto, arial, sans-serif;
    margin-top: 5px;
    line-height: 24px;
}
.td-excerpt {
    text-align: justify;
}
.not {
    padding-bottom: 25px;
    margin-bottom: 11px;
    border-bottom: 1px dotted #ddd;
}
img.warning-h {
    width: 100%;
}
img.img-img1 {
    width: 100%;
    height: 58px;
    object-fit: cover;
}
.td_block_template_1.widget .block-title span {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333 !important;
    position: relative;
    padding-right: 0;
}
.td_block_template_1.widget .block-title span:after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 217px;
    height: 3px;
    background: #d7030f;
}
.td_block_template_1.widget .block-title {
    border-bottom: 3px solid #dddddd;
    line-height: 33px;
}
h4.block-title span a {
    color: #333 !important;
}
.news-widget-sidebar-widget1 {
    background: #f4f4f4;
    margin-bottom: 20px;
}
.margin-bottom-lg1 {
    border-bottom: 1px solid #ddd;
}
h2.title-center a {
    font-weight: 600;
    display: block;
    line-height: 22px;
    color: #f01d29;
    font: bold 20px/25px Arial;
}
a.col-col {
    color: #073f77;
    font-size: 15px;
    font-weight: 600;
    display: block;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
}
.date {
    color: #9c9c9c;
    font-size: 13px;
    font-weight: 500;
}
.led {
    overflow: hidden;
    clear: both;
    padding-top: 20px;
}
.td-block-title-wrap {
    position: relative;
    height: 34px;
    width: 100%;
    padding-left: 8px;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 3px solid #f01d29;
    box-sizing: border-box;
    position: relative;
    background: #fcfcfc;
}
.block-title-a>a {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    color: #f01d29 !important;
    position: relative;
    background-color: transparent !important;
}
.block-title-a a {
    line-height: 17px;
    display: inline-block;
    padding: 7px 12px 4px;
}
.fulli {
    background: #fcfcfc;
    border: 1px solid #e4e4e4;
    margin-top: 15px;
    margin-bottom: 30px;
}
a.show.h4 {
    margin-bottom: 4px;
    font-weight: 600;
    color: #333;
    font-size: 12px;
    line-height: 22px;
}
h3.h3-a {
    font-size: 21px;
    line-height: 25px;
    margin: 6px 0 6px 0;
    font-weight: 500;
}
p.lead-home {
    font-size: 15px;
    color: #787878;
    font-family: Roboto, arial, sans-serif;
    margin-top: 5px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    height: 55px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
img.imghome1 {
    width: 100%;
    height: 80px;
    border: 1px solid #ccc;
    padding: 2px;
}
.imghome {
    margin-bottom: 13px;
}
.mt-teria img {
    width: 100%;
    margin-bottom: 30px;
}
img.imghome2 {
    width: 100%;
}
.cont {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 3;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.textHeader {
    height: 93px;
    padding-top: 21px;
}
.textHeader .line-1 {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font: normal 15px HelveticaNeue;
}
.textHeader .line-2 {
    font: normal 20px HelveticaNeue;
    color: #c00;
    text-align: center;
    text-transform: uppercase;
    padding-top: 11px;
    font-weight: 600;
}
.textHeader .line-3 {
    color: #c00;
    opacity: .7;
    text-align: center;
    text-transform: uppercase;
    padding-top: 8px;
    font-size: 13px;
}
img.logo-logo {
    width: 100%;
    padding-top: 38px;
}
.section-header {
    height: 114px;
    background: url(../images/bg-top2.png) repeat-x top center;
    position: relative;
}
.mr-hr {
    position: absolute;
    height: 27px;
    right: 0;
    top: 4px;
    display: inline-block;
    padding-right: 15px;
    background: url(../images/bg-search.png) no-repeat right bottom;
}
#CommontSendRequest ul li a:before {
    width: 34px;
    height: 27px;
    display: block;
    content: "";
    position: absolute;
    left: -34px;
    top: 0;
    background: url(../images/left.png) no-repeat right center;
}
#CommontSendRequest ul li a:after {
    width: 29px;
    height: 27px;
    display: block;
    content: "";
    position: absolute;
    right: -29px;
    top: 0;
    background: url(../images/right.png) no-repeat right center;
}
.imgFlag {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px !important;
    border: 0;
    padding: 2px;
    z-index: 1;
}
#fadePopupSR .form-control {
    height: 23px;
    border: none;
    box-shadow: none;
}
#fadePopupSR .headerSearch .btn-info {
    height: 23px;
    background: url(../images/iconSearch.png) no-repeat right center;
    border: none;
    position: absolute;
    left: -27px;
    top: 0px;
}
#fadePopupSR .headerSearch {
    background: #fff;
    border-radius: 3px;
    margin: 0px;
}
#fadePopupSR .headerSearch .btn-info em {
    display: none;
}
.classxit .nv-block-banners img {
    height: 80px;
    width: 120px;
    display: block;
}
.classxit {
    position: absolute;
    right: -33px;
    top: 31px;
}
.CommonHeader ul.slimmenu li a {
    padding: 0px 2px;
    font-weight: 500;
}
.menusite-menu {
    height: 36px;
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 2;
    background: url(../images/bg.png) repeat-x center center;
    text-transform: uppercase;
}
#CommonMenuMain ul li .left-menu {
    height: 36px;
    width: 20px;
    float: left;
    background: url(../images/menu-right.png) no-repeat center center;
}
#CommonMenuMain ul li .right-menu {
    width: 20px;
    height: 36px;
    float: left;
    background: url(../images/menu-right.png) no-repeat center center;
}
#CommonMenuMain ul>li#menu1 {
    list-style: none;
    display: flex;
    position: relative;
    margin-left: -22px !important;
    line-height: 36px;
}
.cb {
    clear: both;
}
#CommonMenuMain ul li.active {
    z-index: 5;
}
#CommonMenuMain ul li.active .left-menu {
    height: 36px;
    width: 20px;
    float: left;
    background: url(../images/menu-left-hover.png) no-repeat center center !important;
}
#CommonMenuMain ul li.active .right-menu {
    background: url(../images/123123123.png) no-repeat center center;
    height: 36px;
    width: 20px;
    float: left;
}
#CommonMenuMain ul li:first-child .left-menu {
    margin: 0;
}
#CommonMenuMain ul li:hover {
    z-index: 100;
}
#CommonMenuMain ul li:hover .left-menu {
    background: url(../images/menu-left-hover.png) no-repeat center center;
}
#CommonMenuMain ul li:hover .right-menu {
    background: url(../images/123123123.png) no-repeat center center;
}
.SubNewHot-detail {
    width: 182px;
    height: 36px;
    display: block;
    position: absolute;
    right: 3px;
    bottom: 2px;
    font: 14px/36px Arial;
    color: #fff;
    text-indent: 56px;
    z-index: 1;
    background: url(../images/detail.png) no-repeat left center;
}
.list-post3 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.full-color {
    background: #fcfcfc;
    padding-top: 20px;
}
#nv19 {
    padding: 0px;
}
/* Style tab links */

.tablink {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 4px 27px;
    font-size: 17px;
    text-transform: none;
    font-family: "Roboto Condensed", sans-serif, Arial;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: none;
    outline: none;
    margin-right: 1px;
}
.tabcontent {
    color: #333;
    display: none;
    height: 100%;
}
.tab {
    overflow: hidden;
    background-color: #f1f1f1;
}
#Home .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 20px;
    height: 49px;
    z-index: 999;
    cursor: pointer;
    color: transparent;
    border: none;
}
#Home .owl-prev {
    left: 20px;
    background: url(../images/arrow_left.png) no-repeat 0 0;
}
#Home .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 20px;
    height: 49px;
    z-index: 999;
    cursor: pointer;
    color: transparent;
    border: none;
}
#Home .owl-next {
    right: 20px;
    background: url(../images/arrow_right.png) no-repeat -6px 0;
}
#Home .owl-dots {
    display: none;
}
#Home .owl-nav.disabled {
    display: block;
}
#Home img {
    width: 100%;
    height: 167px;
    object-fit: cover;
}
.imghome3 {
    border: 1px solid #ccc;
    padding: 2px;
    margin-bottom: 10px;
}
a.title-h3 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
#News ul {
    padding: 0px;
}
img.gioithieu {
    width: 100% !important;
    height: 85px !important;
    margin-bottom: 20px;
}
.full-option {
    background: #f8f8f8;
    padding-top: 25px;
}
a.show {
    color: #666;
    font-size: 13px;
}
.xonxen {
    list-style: url(../images/li.png);
    margin: 12px 12px 0 12px;
}
.block-title-a:after {
    content: "";
    display: block;
    width: 36px;
    height: 32px;
    background: url(../images/next1.png) no-repeat left center;
    float: right;
    margin-right: 10px;
}
#SubNewHome {
    -ms-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}
#SubNewHome .tieuDeBvnb {
    width: 100%;
    height: 49px;
    background: url(../images/bg-bvnb-hover.png);
}
#SubNewHome .tieuDeBvnb:before {
    content: "";
    margin: 15px 14px 0 9px;
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(../images/icon.png) no-repeat center;
}
#SubNewHome .tieuDeBvnb a {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    bottom: 4px;
    font-size: 18px;
}
#SubNewHome .textBvnb {
    background: #d71d1d;
    padding: 10px;
}
#SubNewHome .textBvnb ul {
    padding-left: 10px;
}
#SubNewHome .textBvnb ul li {
    list-style: url(../images/iconLi.png);
    border-bottom: 1px dashed #fff;
    line-height: 18px;
    padding: 8px 0px;
    padding-top: 7px;
}
#SubNewHome .textBvnb ul li a {
    color: #fff;
    font-size: 13px;
}
.content-fb .sumary-fb {
    position: relative;
    margin: 10px 15px 20px;
}
.content-fb .sumary-fb:before {
    content: "\f10d";
    position: relative;
    top: -10px;
    margin-right: 7px;
    margin-left: 1px;
    font-weight: 900;
    font-size: 130%;
    color: #f26522;
    font-family: FontAwesome;
}
.content-fb .sumary-fb span {
    font-size: 13px;
    color: #333;
    font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
    display: block;
    line-height: 20px;
}
.content-fb .image-fb {
    position: relative;
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #e4e4e4;
}
.content-fb .sumary-fb:after {
    content: '\f10e';
    position: relative;
    top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 900;
    font-family: FontAwesome;
    font-size: 130%;
    color: #f26522;
}
.content-fb .sumary-fb:after {
    content: '\f10e';
    position: relative;
    top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 900;
    font-family: FontAwesome;
    font-size: 130%;
    color: #f26522;
}
.content-fb .image-fb:before {
    content: "";
    position: absolute;
    border-top: 7px solid #e4e4e4;
    top: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 50%;
    margin-left: -8px;
}
.content-fb .image-fb img {
    height: 40px !important;
    margin: 0 auto !important;
    width: auto !important;
}
.content-fb .image-fb:after {
    content: "";
    position: absolute;
    border-top: 7px solid #fff;
    top: -1px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 50%;
    margin-left: -8px;
}
.content-fb .author {
    font-size: 13px;
    color: #333;
    font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
    text-align: center;
    width: 100%;
    float: left;
    line-height: 20px;
}
.wrap_bgd .owl-nav {
    display: none;
}
.wrap_bgd .owl-dots {
    display: none;
}
.wrap_bgd .title_module_main {
    width: 100%;
    text-align: left;
}
.wrap_bgd .title_module_main h2 {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 4px;
    color: #fff;
    margin: 0;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
}
.panel-body.dj {
    padding: 0px 10px 15px 10px;
}
#SubFileLibraryHome .tieuDeItem-tuVan {
    height: 31px;
    padding-left: 10px;
    background: url(../images/bg-top.png) no-repeat center center;
    position: relative;
    margin-top: 20px;
}
#SubFileLibraryHome .tieuDeItem-tuVan {
    font: normal 16px/31px HelveticaNeue-Bold;
    color: #fff;
    text-transform: uppercase;
}
#SubFileLibraryHome {
    width: 100%;
    margin-right: 25px;
    border-radius: 3px;
    overflow: hidden;
}
#SubFileLibraryHome .noiDungItem-tuVan {
    border: 1px solid #ececec;
    border-top: none;
    box-sizing: border-box;
    padding: 12px;
    background: #fff;
    margin-bottom: 20px;
}
a.show-title {
    font-weight: bold;
    color: #333;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    display: block;
}
img.lazyload-loaded {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    overflow: hidden;
}
.tieuDeBvnb2 {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 4px;
    color: #0c0c0c;
    margin: 0;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-left: 11px;
    padding-top: 10px;
    font-size: 15px;
}
#SubNewHome1 {
    background: #fff;
    margin-top: 15px;
    border: 1px solid #ececec;
    margin-bottom: 20px;
}
#SubNewHome1 .owl-nav {
    display: none;
}
#SubNewHome1 .owl-dots {
    display: none;
}
ol.breadcrumb {
    background: transparent;
}
ol.breadcrumb li a {
    font: 15px/13px Roboto-Regular;
    color: #666;
    text-decoration: none;
}
ul.block_tophits li {
    margin-bottom: 10px;
}
.page {
    background: #fff;
    padding: 10px;
}
.fix_banner_left img {
    padding: 3px;
    border: 1px solid #ccc;
    margin-top: 100px !important;
}
.fix_banner_right img {
    padding: 3px;
    border: 1px solid #ccc;
    margin-top: 100px !important;
}
/*banerner c&#7889; &#273;&#7883;nh*/

.sitebanner {
    position: fixed !important;
    z-index: 999;
    top: 60px;
}
.sitebanner1 {
    position: absolute !important;
    z-index: 999;
    top: 60px;
}
.fix_banner_left1 {
    position: absolute;
    top: 20px;
    left: 33px;
}
.fix_banner_right1 {
    position: absolute;
    top: 20px;
    right: 33px
}
.fix_banner_left1 img {
    padding: 3px;
    border: 1px solid #ccc;
}
.fix_banner_right1 img {
    padding: 3px;
    border: 1px solid #ccc;
}
.full-color {
    position: relative;
}
/*banner c&#7889; &#273;&#7883;nh*/

.box_menu_trai {
    background: #017e84;
    height: 100vh;
    overflow-y: auto;
}
.box_profile {
    padding: 5px;
    color: #fff;
}
.metismenu {
    border: none;
}
.title_menu_trai {
    padding: 10px 3px;
    color: #fff;
    background: #007378;
}
.dong_mo_menu {
    color: #fff;
    padding-bottom: 10px;
    padding-left: 10px;
    cursor: pointer;
    background: #017e84;
    display: flex;
}
.dong_mo_menu i {
    font-size: 30px;
    margin-top: 5px;
}
.dong_menu .rong_mo_trai {
    width: 0px;
    padding: 0px;
    opacity: 0;
}
.dong_menu .rong_mo_phai {
    width: 100%;
}
.rong_mo_trai {
    transition: 0.5s;
    padding: 0px;
}
.rong_mo_phai {
    transition: 0.5s;
    padding: 0px;
}
.content_chinh {
    position: relative;
}
.panel-title {
    color: #007378;
    text-transform: uppercase;
    font-weight: 600;
}
.content_main {
    height: CALC(100vh - 57px);
    overflow: auto;
}
.content_main {
    padding: 10px;
    padding-bottom: 50px;
}
.menu_mb {
    background: #017e84;
    text-align: center;
}
.loi_chao_1 {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
}
.wrap_loi_chao {
    background: #017e84;
    padding: 50px 20px;
    line-height: 40px;
}
.loi_chao_2 {
    font-size: 16px;
    color: #fff;
}
.main_home {
    padding: 50px 0px;
}
.item_app {
    border-top: 1px solid #E9ECEF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
}
.item_app img {
    margin-right: 15px;
}
.item_app:hover {
    background: #eeeeee;
}
.item_app a {
    padding: 10px;
    display: block;
    height: 100%;
    width: 100%;
}
.maps iframe {
    height: 125px;
    width: 100%;
    border-radius: 5px;
}
.maps {
    padding: 5px;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
}
footer {
    background: #243035;
    /*padding-top: 60px;*/
    color: #a8a8aa;
    margin-top: 0px;
    font-size: 15px;
}
.wrap_facebook {
    padding: 5px;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
}
.thong_tin_footer {
    line-height: 22px;
    color: #fff;
    font-size: 14px;
}
.thong_tin_footer ul {
    padding-left: 0px;
}
.copyright-box {
    margin-top: 30px;
    background: #000;
    padding: 10px;
}
.header_home {
    padding: 10px;
    background: #026b70;
}
.weather-item.temperature {
    line-height: 30px;
}
.weather-header {
    display: inline-block;
}
.weather-wrap {
    display: inline-block;
}
.weather-wrap {
    line-height: 30px;
    padding-left: 10px;
}
.weather-placeholder {
    color: #fff;
    margin-top: -2px;
}
.ten_nguoi_dung {
    color: #fff;
    padding: 9px;
}
.btn-primary {
    color: var(--primary-color);
    background-color: var(--background-color);
    border-color: var(--primary-color);
}
.btn-primary:hover {
    color: var(--primary-color);
    background-color: var(--background-color-hover);
    border-color: var(--primary-color);
}
.red {
    color: red;
}
.item_menu {
    padding: 10px;
    border: solid 1px #dcdcdc;
    border-radius: 5px;
    margin-top: 20px;
    text-transform: uppercase;
}
.item label {
    font-weight: 500;
}
.sao_vang {
    color: orange;
}
.sao_den {
    color: #000;
}
input[type="range"] {
    /* removing default appearance */
    -webkit-appearance: none;
    appearance: none;
    /* creating a custom design */
    width: 100%;
    cursor: pointer;
    outline: none;
    border-radius: 15px;
    /*  overflow: hidden;  remove this line*/
    /* New additions */
    height: 12px;
    background: #ccc;
}
/* Thumb: webkit */

input[type="range"]::-webkit-slider-thumb {
    /* removing default appearance */
    -webkit-appearance: none;
    appearance: none;
    /* creating a custom design */
    height: 20px;
    width: 20px;
    background-color: #017e84;
    border-radius: 50%;
    border: none;
    /* box-shadow: -407px 0 0 400px #f50; emove this line */
    transition: .2s ease-in-out;
}
/* Thumb: Firefox */

input[type="range"]::-moz-range-thumb {
    height: 20px;
    width: 20px;
    background-color: #017e84;
    border-radius: 50%;
    border: none;
    /* box-shadow: -407px 0 0 400px #f50; emove this line */
    transition: .2s ease-in-out;
}
/* Hover, active & focus Thumb: Webkit */

input[type="range"]::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgba(255, 85, 0, .1)
}
input[type="range"]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 13px rgba(255, 85, 0, .2)
}
input[type="range"]:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 13px rgba(255, 85, 0, .2)
}
/* Hover, active & focus Thumb: Firfox */

input[type="range"]::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(255, 85, 0, .1)
}
input[type="range"]:active::-moz-range-thumb {
    box-shadow: 0 0 0 13px rgba(255, 85, 0, .2)
}
input[type="range"]:focus::-moz-range-thumb {
    box-shadow: 0 0 0 13px rgba(255, 85, 0, .2)
}
.wrap_thong_bao_chung {
    position: fixed;
    right: 20px;
    top: 20px;
}
.thong_bao_chung {
    padding: 20px;
    background: #fff;
    border: solid 1px #dcdcdc;
    border-radius: 5px;
}
.item {
    position: relative;
}
.wrap_goi_y {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
    text-align: left;
}
.thong_bao_item {
    position: absolute;
    width: 100%;
    top: 100%;
    background: #fff;
    z-index: 10;
}
.tieu_de_goi_y {
    margin-bottom: 10px;
    color: red;
}
.item_goi_y {
    border-bottom: solid 1px #dcdcdc;
    padding: 5px 0px;
}
.dong_goi_y {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.wrap_form {
    border: solid 1px #dcdcdc;
    border-radius: 10px;
    margin-top: 20px;
    padding: 10px;
    background: #eeeeee;
}
.stt {
    height: 22px;
    width: 22px;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    margin-right: 7px;
    margin-left: 2px;
    background: linear-gradient(#fac241 0%, #cd0781 100%);
    padding: 5px;
    text-align: center;
    font-size: 10px;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile+label {
    font-size: 20px;
    font-weight: 700;
    color: #01797E;
    display: inline-block;
    cursor: pointer;
    padding: 5px;
}
.inputfile:focus+label, .inputfile+label:hover {
    color: #01797E;
}
.title_h2 {
    margin-bottom: 20px;
    color: #007378;
}
@media (min-width: 991.98px) {
    .modal-dialog {
        width: 80vw !important;
    }
}
.mg_top {
    margin-top: 20px;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
    color: #ffffff;
    background-color: #026b70;
    border-color: #026b70;
}
.h2_phan_vung {
    background: #017e84;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 20px;
}
.label_radio {
    margin-bottom: 0px;
    margin-right: 10px;
}
.title_business {
    margin-bottom: 20px;
    font-size: 18px;
}
.ten_thanh_keo {
    font-size: 16px;
}
.content_main {
    padding-bottom: 150px;
}
.span_round {
    padding: 5px;
    border-radius: 5px;
    background: #FFE7B2;
    margin: 3px 5px;
    display: inline-block;
}
#box_xem_danh_gia {
    position: fixed;
    top: 50px;
    right: 20px;
    z-index: 100000;
}
#box_content_danh_gia {
    background: #FFFCD4;
    border-radius: 5px;
    padding: 20px 10px;
    height: auto;
    min-height: 50px;
    min-width: 200px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.review_danh_gia {
    font-weight: 600;
    line-height: 25px;
    font-size: 16px;
}
.button_gw {
    padding: 5px 10px;
    background: #FFA500;
    color: #fff !important;
    border-radius: 5px;
    margin: 5px;
}
.mt_top {
    margin-top: 10px;
}
.fc .fc-button-primary {
    background-color: #ff7700;
    border-color: #ff7700;
    color: #fff;
}
.fc .fc-button-primary:hover {
    background-color: #FA6929;
    border-color: #FA6929;
    color: #fff;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    background-color: #FA6929;
    border-color: #FA6929;
    color: #fff;
}
.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: #FA6929 0px 0px 0px 0.2rem;
}
.fc .fc-button-primary:disabled {
    background-color: #C63D00;
    border-color: #C63D00;
    color: #fff;
}
.item_menu {
    padding: 15px 10px;
    font-size: 16px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    text-align: center;
    line-height: 25px;
    color: #000;
    min-height: 80px;
}
.item_menu:hover {
    background: #FFD161;
}
.item_thong_ke:hover {
    background: #FFD161;
}
.topic_layout_main {
    padding: 15px;
}
.h2_layout_main {
    padding: 10px 10px;
    background: #017e84;
    font-size: 18px;
    margin-bottom: 5px;
    color: #fff;
}
.h2_layout_main a {
    color: #fff !important;
}
.h2_layout_main i {
    color: #fff;
}
.item_thong_ke {
    padding: 10px 10px;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-align: left;
    line-height: 20px;
    color: #000;
    margin-top: 10px;
}
.so_lieu {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    float: right;
}
.mt_10 {
    margin-top: 10px;
}
.input_gw {
    padding: 2px;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
    min-width: 40px;
    max-width: 40px;
    text-align: center;
    color: red;
    font-weight: 600;
    font-size: 12px;
}
.input_gw_tien {
    padding: 2px;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
    min-width: 50px;
    max-width: 90px;
    text-align: center;
    color: red;
    font-weight: 600;
    font-size: 12px;
}
.input_gw_tien_dai {
    padding: 2px;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
    min-width: 50px;
    max-width: 130px;
    text-align: center;
    color: red;
    font-weight: 600;
    font-size: 12px;
}
.cap_2 {
    padding-left: 15px !important;
}
.cap_3 {
    padding-left: 25px !important;
}
.mac_dinh_phong {
    background: #92D050;
}
.tieu_de_chinh {
    background: #fff;
}
.modal-body {
    z-index: 1000;
    min-height: 300px;
}
#ui-datepicker-div {
    z-index: 10000 !important;
}
.wrap_chot_ky {
    margin-bottom: 20px;
    text-align: center;
}
.mau_xanh {
    background: #00BD55;
    color: #fff;
}
.table-responsive {
    max-width: 100%;
    overflow: auto;
}
.cong_thuc {
    color: #000;
}
.red {
    color: red !important;
}
.metismenu .sidebar-nav ul a {
    text-transform: uppercase;
}
.tieu_de_chung {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 28px;
    display: inline-block;
    width: 80%;
}
.wrap_tieu_de_chung {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 5px;
    padding-top: 10px;
}
.ngay {
    color: #017e84;
}
.nhan_vien {
    color: orange;
}
/*.money {
    color: red;
}*/

.h2_chung {
    margin: 10px 10px;
}
.phong_ban {
    color: orange;
}
.trang_thai {
    color: orange;
}
.i_them {
    color: #017e84;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}
.ten_tam_ung {
    color: #007378;
    font-weight: 600;
}
.wrap_inline {
    text-align: center;
}
.wrap_inline .ten_tam_ung {
    margin-top: 10px;
}
.wrap_inline .ten_tam_ung_con {
    margin-top: 10px;
}
.wrap_profile {}
.block_item img {
    max-width: 100%;
    text-align: center;
}
.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.loader {
    position: relative;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader div {
    position: absolute;
    border: 4px solid transparent;
    border-radius: 50%;
    animation: spin 1.5s linear infinite;
    box-shadow: 0 0 15px rgba(0, 136, 204, 0.7);
}
.loader .circle1 {
    width: 100px;
    height: 100px;
    border-top: 4px solid #00aaff;
}
.loader .circle2 {
    width: 75px;
    height: 75px;
    border-bottom: 4px solid #0088cc;
    animation-direction: reverse;
}
.loader .circle3 {
    width: 50px;
    height: 50px;
    border-left: 4px solid #005577;
    animation-duration: 2s;
}
.loader .center {
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 50%;
    box-shadow: 0 0 20px #00aaff, 0 0 40px #0088cc;
    animation: pulse 1.5s infinite alternate;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.3);
        opacity: 0.6;
    }
}
.chu_y {
    color: orange;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #cecece;
    opacity: 1;
}
.item label {
    margin-right: 50px;
}
.btn_sua {
    background-color: #FCA403;
    /* Đỏ hồng dịu - tailwind rose-600 */
    color: #fff !important;
    padding: 10px 18px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease, transform 0.2s;
    margin-bottom: 5px;
    white-space: nowrap;
}
.btn_sua:hover {
    background-color: #E88005;
    /* đậm hơn chút khi hover */
    transform: translateY(-1px);
}
.btn_sua:active {
    transform: scale(0.97);
}
.btn_sua .i {
    font-size: 18px;
    line-height: 1;
}
.btn_xoa {
    background-color: #d43f3a;
    /* Đỏ hồng dịu - tailwind rose-600 */
    color: #fff !important;
    padding: 10px 18px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease, transform 0.2s;
    margin-bottom: 5px;
    white-space: nowrap;
}
.btn_xoa:hover {
    background-color: #BF241F;
    /* đậm hơn chút khi hover */
    transform: translateY(-1px);
}
.btn_xoa:active {
    transform: scale(0.97);
}
.btn_xoa .i {
    font-size: 18px;
    line-height: 1;
}
.btn_them {
    background-color: #d43f3a;
    /* Đỏ hồng dịu - tailwind rose-600 */
    color: #fff !important;
    padding: 10px 18px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease, transform 0.2s;
    margin-bottom: 5px;
    white-space: nowrap;
}
.btn_them:hover {
    background-color: #C62C27;
    /* đậm hơn chút khi hover */
    transform: translateY(-1px);
}
.btn_them:active {
    transform: scale(0.97);
}
.btn_them .i {
    font-size: 18px;
    line-height: 1;
}
.btn_xem {
    background-color: #22c55e;
    /* Đỏ hồng dịu - tailwind rose-600 */
    color: #fff !important;
    padding: 10px 18px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease, transform 0.2s;
    margin-bottom: 5px;
    white-space: nowrap;
}
.btn_xem:hover {
    background-color: #12AF4C;
    /* đậm hơn chút khi hover */
    transform: translateY(-1px);
}
.btn_xem:active {
    transform: scale(0.97);
}
.btn_xem .i {
    font-size: 18px;
    line-height: 1;
}
.btn_excel {
    background-color: #22c55e;
    /* Đỏ hồng dịu - tailwind rose-600 */
    color: #fff !important;
    padding: 10px 18px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease, transform 0.2s;
    margin-bottom: 5px;
    white-space: nowrap;
}
.btn_excel:hover {
    background-color: #12AF4C;
    /* đậm hơn chút khi hover */
    transform: translateY(-1px);
}
.btn_excel:active {
    transform: scale(0.97);
}
.btn_excel .i {
    font-size: 18px;
    line-height: 1;
}
.btn_nomal {
    background-color: #017e84;
    /* Đỏ hồng dịu - tailwind rose-600 */
    color: #fff !important;
    padding: 10px 18px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease, transform 0.2s;
    margin-bottom: 5px;
    white-space: nowrap;
}
.btn_nomal:hover {
    background-color: #015F64;
    /* đậm hơn chút khi hover */
    transform: translateY(-1px);
}
.btn_nomal:active {
    transform: scale(0.97);
}
.btn_nomal .i {
    font-size: 18px;
    line-height: 1;
}
.notification {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #4CAF50;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 10000;
}
.notification .close-btn {
    cursor: pointer;
    margin-left: 10px;
    font-weight: bold;
    font-size: 20px;
}
.notification.success {
    background-color: #4CAF50;
}
.notification.error {
    background-color: #f44336;
}
.notification.warning {
    background-color: #ff9800;
}
.thong_tin_noi_bat {
    padding: 10px 10px;
    margin-bottom: 10px;
    color: #017E84;
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
}
.input_gw_text {
    padding: 2px;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
    min-width: 100%;
    max-width: 200px;
    text-align: center;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    background: #fff;
}
.input_gw_rong {
    padding: 2px;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
    min-width: 200px;
    max-width: 300px;
    text-align: center;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    background: #fff;
}
.thong_tin_span {
    margin-left: 10px;
    line-height: 16px;
}
.item_info {
    margin-bottom: 10px;
    border-bottom: solid 1px #dcdcdc;
}
.money_xanh {
    color: #017e84;
    font-weight: 600;
}
.box_iframe {
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #007378;
    margin: 10px 0px;
    height: 500px;
    position: relative;
}
.ten_iframe {
    margin-bottom: 10px;
    font-weight: 600;
}
.h2_phan_tach {
    color: #017e84;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px #017e84 solid;
    margin: 10px 0px;
}
.stt_bo_tron {
    background: #017e84;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 0px;
    display: inline-block;
}
.box_iframe .hinh_mac_dinh {
    width: 100%;
    height: 90%;
    object-fit: contain;
}
.box_iframe iframe {
    height: 90%;
    width: 100%;
}
.hierarchy a {
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    padding: 5px;
}
.mo_ta_chi_tiet {
    font-size: 12px;
}
.orgchart .node .content {
    width: 130px;
}
.orgchart .node .content {
    white-space: unset !important;
}
.uppercase {
    text-transform: uppercase;
}
.khung_them_file {
    display: flex;
}
.view_file_detail {
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #EDF4FA;
}
.view_file_detail:hover {
    background: #E5F3FF;
}
.view_file_detail a {
    line-height: 30px;
}
.view_file_detail img {
    height: 100px;
}
.list-title {
    padding: 5px;
}
.list-content {
    border-top: 1px #dcdcdc solid;
}
.box_menu_trai .sidebar-nav>ul>li>ul>li>ul {
    padding-left: 10px;
}
.view_textarea {
    border: solid 1px #dcdcdc;
    padding: 10px;
    border-radius: 5px;
    line-height: 18px;
    white-space: normal;
    word-break: break-all;
    overflow-wrap: break-word;
}
.hierarchy .content {
    display: none;
}
@-webkit-keyframes my {
    0% {
        color: #C80013;
    }
    50% {
        color: #000;
    }
    100% {
        color: #C80013;
    }
}
@-moz-keyframes my {
    0% {
        color: #C80013;
    }
    50% {
        color: #000;
    }
    100% {
        color: #C80013;
    }
}
@-o-keyframes my {
    0% {
        color: #C80013;
    }
    50% {
        color: #000;
    }
    100% {
        color: #C80013;
    }
}
@keyframes my {
    0% {
        color: #C80013;
    }
    50% {
        color: #000;
    }
    100% {
        color: #C80013;
    }
}
.text-animation {
    background: #FDD36D;
    font-size: 14px;
    font-weight: bold;
    -webkit-animation: my 700ms infinite;
    -moz-animation: my 700ms infinite;
    -o-animation: my 700ms infinite;
    animation: my 700ms infinite;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
}
.text-animation input {
    -webkit-animation: my 700ms infinite;
    -moz-animation: my 700ms infinite;
    -o-animation: my 700ms infinite;
    animation: my 700ms infinite;
}
.khong_can_thiep {
    pointer-events: none;
    background: #dcdcdc;
}
.mau_vang {
    color: yellow !important;
}
.mau_cam {
    color: orange !important;
}
.mau_xanh_nen {
    color: #017e84 !important;
}
.hang_ngang_vang {
    padding: 10px;
    background: #FFE400;
    text-transform: uppercase;
    font-weight: 600;
}
.item_menu_nho {
    padding: 10px 5px;
    font-size: 16px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    text-align: center;
    line-height: 25px;
    color: #000;
    min-height: 50px;
    border: solid 1px #dcdcdc;
    border-radius: 5px;
    margin-top: 20px;
    text-transform: uppercase;
}
.ten_phong_ban_theo_table {
    position: relative;
}
.btn_them_nhan_vien_vao_phong_ban {
    position: absolute;
    right: 20px;
    top: 7px;
    border: none;
    background: none;
}
.btn_them_nhan_vien_vao_phong_ban i {
    font-size: 30px;
    color: #fff;
}
.modal-title {
    font-size: 20px;
    font-weight: 600;
}
.title_h2_thong_bao {
    font-size: 24px;
    font-weight: 600;
}
@-webkit-keyframes notifi {
    0% {
        color: #C80013;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #C80013;
    }
}
@-moz-keyframes notifi {
    0% {
        color: #C80013;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #C80013;
    }
}
@-o-keyframes notifi {
    0% {
        color: #C80013;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #C80013;
    }
}
@keyframes notifi {
    0% {
        color: #C80013;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #C80013;
    }
}
.span_stt_file {
    height: 30px;
    width: 30px;
    border-radius: 100px;
    background: #017e84;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding-top: 6px;
    margin-right: 10px;
}
.tuy_chinh_file {
    text-align: right;
    margin-top: -30px;
}
.view_file_detail_item {
    display: flex;
}
.view_file_detail_item a {
    color: #000;
}
.click_down {}
.click_down i {
    color: #FF5900;
    font-size: 22px;
}
.btn_file {
    padding: 5px 7px;
    color: #fff;
    background: #F77C08;
    border-radius: 5px;
    cursor: pointer;
    margin: 3px;
}
.btn_file:hover {
    background: #FF5900;
    color: #fff;
}
.folder_icon {
    color: #FFE79C;
    font-size: 22px;
}
.h2_download {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
.file_icon {
    color: #DEA801;
    font-size: 22px;
}
.item_folder {
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FDFAF1;
}
.item_folder:hover {
    background: #F9EBC0;
}
.table-scroll::-webkit-scrollbar-track {
    border: 1px solid #fff;
    background-color: #fff;
}
.table-scroll::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
    height: 10px;
}
.table-scroll::-webkit-scrollbar-thumb {
    background-color: orange;
}
.item_ho_so_goi_thau {
    border-radius: 10px;
    border: solid 1px #dcdcdc;
    margin: 10px 0px;
    padding: 10px;
    background: #eeeeee;
}
.row_add_content {
    margin-bottom: 10px;
}
.btn_them_noi_dung {
    background: orange;
    color: #fff;
    padding: 5px;
    border: none;
}
.table-scroll thead {
    background: #017e84;
    color: #fff;
    text-transform: uppercase;
}
.table-scroll {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: auto;
    height: 80vh;
}
.table-scroll table {
    width: 100%;
    margin: auto;
    /*  border-collapse: separate;*/
    border-spacing: 0;
}
.table-wrap {
    position: relative;
}
.table-scroll input[type="text"] {
    min-width: 100px;
}
.table-scroll input[type="number"] {
    min-width: 100px;
}
.table-scroll thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
}
/* safari and ios need the tfoot itself to be position:sticky also */

/*.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: midnightblue;
  color: #fff;
  z-index:4;
}*/

.video_view {
    width: 100%;
    height: auto;
}
.nhap_thong_tin {
    padding: 20px;
    background: #eeeeee;
    border-radius: 10px;
    border: solid 1px #dcdcdc;
}
.width_100 {
    width: 100px !important;
}
.min_width_400 {
    min-width: 400px;
}
.hinh_dai_dien_danh_gia img {
    height: 30px;
    width: 30px;
    border-radius: 100%;
    object-fit: cover;
}
.item_danh_gia_chuyen_xe {
    padding: 10px;
    border: solid 1px #dcdcdc;
    border-radius: 10px;
    margin: 10px;
}
.box_danh_gia_chuyen_xe {
    padding: 10px;
    border: solid 1px #dcdcdc;
    border-radius: 10px;
    line-height: 20px;
    margin: 10px;
}
.box_bao_cao_chuyen_xe {
    padding: 10px;
    border: solid 1px #dcdcdc;
    border-radius: 10px;
    margin: 10px;
    background: #fff;
    line-height: 20px;
}
.mau_xanh_dam {
    background: #017e84;
}
.nen_mau_cam {
    background: orange;
}
.nen_mau_xanh_bien {
    background: #3D66FE;
}
.position_button {
    position: fixed;
    bottom: 10px;
    right: 60px;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    border: solid 1px #dcdcdc;
    z-index: 100;
    zoom: 80%;
}
input[type="file"] {
    width: 150px;
    /* Tùy chỉnh chiều rộng */
    padding: 5px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
}
.input_min_width {
    min-width: 80px;
}
.blinking-button {
    padding: 7px 10px;
    font-size: 18px;
    color: #fff;
    background-color: #FA7E19;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    animation: blinking 1s infinite;
    transition: background-color 0.3s ease;
}
.blinking-button:hover {
    background-color: #FA7E19;
}
@keyframes blinking {
    0% {
        background-color: #FF0000;
    }
    50% {
        background-color: #FA7E19;
    }
    100% {
        background-color: #FF0000;
    }
}
.list_info>div {
    line-height: 30px;
}
.blue {
    color: blue;
}
.orange {
    color: #ED9A02;
}
.w100 {
    width: 30px;
    text-align: center;
}
/*.orgchart > .nodes > .hierarchy > .nodes > .hierarchy > .nodes > .hierarchy > .nodes > .hierarchy > .nodes > .hierarchy .title{
  transform: rotate(90deg);
}*/

.form-control-area {
    border-radius: 5px;
    padding: 10px;
    background: #eeeeee;
}
.span_noi_bat {
    color: orange;
}
.w200 {
    width: 100px;
    text-align: center;
}
.box_the_nhan_vien {
    border-radius: 5px;
    border: solid 2px #333;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 5px;
    position: relative;
}
.header_the_nhan_vien {
    padding: 7px;
    border-bottom: solid 1px #dcdcdc;
    background: #d9ede0;
    border-radius: 5px 5px 0px 0px;
}
.ten_cong_ty_the_nhan_vien {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.ten_cong_ty_the_nhan_vien_item {
    line-height: 20px;
}
.body_the_nhan_vien {
    padding-top: 9px;
    flex: 1;
    text-align: center;
}
.body_the_nhan_vien_left {
    padding-bottom: 10px;
}
.body_the_nhan_vien_center {
    text-align: center;
}
.body_the_nhan_vien_right {}
.footer_the_nhan_vien {
    flex: 1;
}
.footer_the_nhan_vien_left {
    flex: 1;
    text-align: center;
}
.footer_the_nhan_vien_right {
    display: table;
    height: CALC(100% - 30px);
    width: 100%;
    text-align: center;
}
.border_qr {
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
}
.border_hinh {
    padding: 5px;
    border: solid 1px #dcdcdc;
    border-radius: 5px;
    display: inline-block;
    height: 110px;
    width: 110px;
    text-align: center;
}
.border_hinh img {
    width: 100%;
    object-fit: contain;
}
.thoi_han_the {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.box_the_qr {
    display: table-cell;
    vertical-align: middle;
}
.khoa_da_duyet td {
    background: #dcdcdc;
}
.yearpicker-container {
    z-index: 10000 !important;
}
.nen_panel {
    background: #f6f6f6;
    padding: 15px 5px;
    margin-top: 10px;
}
/*header*/

.font_timenewroman {
    font-family: "Times New Roman", Times, serif !important;
    font-size: 13pt !important;
}
.font_calibri {
    font-family: Calibri, Candara, "Segoe UI", Segoe, Optima, Arial, sans-serif;
    font-size: 13pt !important;
}
.company-info {
    line-height: 1.5;
}
.header_doc .header_ {
    display: flex;
    align-items: center;
    font-family: "Times New Roman", Times, serif;
    font-size: 15px !important;
    gap: 40px;
    margin-bottom: 7px;
    justify-content: center;
}
.header_doc .header_ .logo_ {
    width: 20%;
    height: auto;
}
/*--ngang*/

.header_ngang .header_ {
    display: flex;
    align-items: center;
    font-family: "Times New Roman", Times, serif;
    font-size: 15px !important;
    gap: 40px;
    margin-bottom: 7px;
    padding-left: 30px;
}
.header_ngang .header_ .logo_ {
    width: 16%;
    height: auto;
}
.green-border {
    height: 5px;
    border: 3px solid #3bb23b;
}
.header_1 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    font-family: "Times New Roman", Times, serif;
    font-size: 15px !important;
}
/*header*/

.format_input {
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid !important;
    padding: unset !important;
}
.format_pre_tag {
    text-align: left;
    font-family: inherit;
    font-size: inherit;
    border: none;
    background-color: unset;
}
.format_pre_tag_xuongdong {
    text-align: left;
    font-family: inherit;
    border: none;
    background-color: unset;
    padding: 0px;
    font-size: inherit;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.border_4 {
    border: 1px solid black !important;
}
.v-f8j {
    display: grid !important;
    grid-template-columns: 1fr 3fr;
}
.v-rounded-bj3 {
    border-radius: 0.5rem !important;
}
/*button*/

.card-1fb {
    --tw-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10) !important;
    --tw-shadow-colored: 0px 4px 10px 0px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.card-vbq {
    background: white;
    position: relative;
    z-index: 1;
    border: 1px solid #e7e0e0;
}
.card-vbq_main {
    background: white;
    position: relative;
    z-index: 1;
    border: 1px solid #e7e0e0;
}
.card-vbq_main:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(282deg, #08E3FF 8.81%, #08E3FF 8.82%, #00A3FF 91.19%);
    z-index: -1;
    transition: opacity 0.2s linear;
    opacity: 1;
}
.card-vbq:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(282deg, #08E3FF 8.81%, #08E3FF 8.82%, #00A3FF 91.19%);
    z-index: -1;
    transition: opacity 0.2s linear;
    opacity: 0;
}
.card-vbq:hover:before {
    opacity: 1;
}
.card-vbq .content-qaj {
    color: var(--primary);
    transition: color 0.2s ease;
}
.card-vbq .content-qaj:hover {
    color: white;
}
.card-vbq_main .content-qaj:hover {
    color: white;
}
.text-hta {
    text-align: center;
    padding: 30px 10px;
    font-size: 16px;
}
.card-vbq .content-qaj:hover .icon-38y {
    opacity: 0;
    display: none;
}
.card-vbq .content-qaj .icon-czl {
    display: none;
}
.card-vbq .content-qaj:hover .icon-czl {
    display: block;
}
/*button*/

/*confirm*/

/* Định nghĩa animation cho jQuery Confirm */

.jconfirm .jconfirm-box.jconfirm-animation-news {
    /* Animation khi mở */
    transform: rotate(400deg) scale(0);
    transition: transform 0.4s ease-in-out;
}
.jconfirm .jconfirm-box.jconfirm-animation-news-active {
    /* Trạng thái khi animation hoàn tất */
    transform: rotate(0deg) scale(1);
}
/* Đóng animation */

.jconfirm .jconfirm-box.jconfirm-animation-news-close {
    transform: rotate(-400deg) scale(0);
    transition: transform 0.4s ease-in-out;
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-random {
    /*the animation name is bob*/
    transform: translate3d(0, 0, 0);
    animation: random 2s;
}
@keyframes random {
    10%, 90% {
        transform: rotate(-2deg);
    }
    20%, 80% {
        transform: rotate(4deg);
    }
    30%, 50%, 70% {
        transform: rotate(-8deg);
    }
    40%, 60% {
        transform: rotate(8deg);
    }
}
/*confirm*/

.td_trong {
    background: #fff;
    color: #000;
    min-width: 10px !important;
}
/*tự động xuống dòng*/

.auto-expand {
    min-height: 20px;
    max-height: none;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 0;
    border: none;
    outline: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.a_review {
    color: red !important;
    background: #fff;
    border-radius: 5px;
    padding: 3px;
    border: solid 1px #dcdcdc;
    transition: all 0.3s ease;
    /* Hiệu ứng chuyển đổi mượt */
    cursor: pointer;
    /* Thay đổi con trỏ thành dạng "tay" */
    font-size: 12px;
}
.a_review:hover {
    color: white !important;
    /* Đổi màu chữ khi hover */
    background: red;
    /* Đổi màu nền khi hover */
    border-color: red;
    /* Đổi màu viền khi hover */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    /* Thêm bóng đổ */
    transform: scale(1.05);
    /* Phóng to nhẹ khi hover */
}
.status-container {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin: 20px;
}
.status-box {
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
}
/* Màu mặc định */

.status-pass {
    background-color: #e0f7fa;
    color: #00796b;
}
.status-fail {
    background-color: #ffebee;
    color: #c62828;
}
/* Hiệu ứng hover */

.status-box:hover {
    transform: scale(1.05);
}
/* Trạng thái được chọn */

.dong_menu .content_main {
    overflow: auto;
}
.metismenu .sidebar-nav {
    padding-bottom: 100px;
}
.wrap_dac_tinh {
    padding: 5px;
    border: solid 1px #dcdcdc;
    border-radius: 5px;
    background: #ECFAF0;
}
.item_chon_nha_thau {
    border: solid 1px #dcdcdc;
    padding: 5px;
    background: #F6F9F6;
    margin-bottom: 5px;
    border-radius: 5px;
    text-align: left;
}
.content_main::-webkit-scrollbar-track {
    border: 1px solid #fff;
    background-color: #fff;
}
.content_main::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
    height: 10px;
}
.content_main::-webkit-scrollbar-thumb {
    background-color: orange;
}
.box_menu_trai::-webkit-scrollbar-track {
    border: 1px solid #fff;
    background-color: #fff;
}
.box_menu_trai::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
    height: 10px;
}
.box_menu_trai::-webkit-scrollbar-thumb {
    background-color: #F2A50F;
}
#body::-webkit-scrollbar-track {
    border: 1px solid #fff;
    background-color: #fff;
}
#body::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
    height: 10px;
}
#body::-webkit-scrollbar-thumb {
    background-color: orange;
}
/*chọn file*/

.upload-btn {
    background-color: transparent !important;
    border: 0.125rem dashed hsla(223, 10%, 50%, 0.4) !important;
    flex: 1 !important;
    padding: 0.375rem 2rem !important;
    width: 100% !important;
}
.upload-btn:hover {
    background-color: hsla(223, 10%, 60%, 0.2);
}
/*.result {
    margin-top: 4px;
    background-color: rgba(0, 140, 255, 0.062);
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 1em;
    padding: 6px;
}*/

.file-uploaded:hover::before {
    background-color: rgba(233, 40, 6, 0.664);
}
.btn-nas {
    background: #E8EEF3;
    color: #000;
}
.btn-nas:hover {
    border: solid 1px #ccc;
}
.panel_cus {
    transition: all 0.3s ease-in-out;
    padding: 20px;
    text-align: center;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    border: none;
    color: white;
    cursor: pointer;
    margin-bottom: 15px;
    padding-bottom: 0px;
}
.panel_cus:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.panel_cus i {
    font-size: 35px;
    margin-bottom: 10px;
    color: #fff;
}
.panel_cus h5 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    min-height: 55px;
}
.title_h2 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
    padding: 15px;
    background-color: #017e84;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.bg-orange-bright {
    background: linear-gradient(135deg, #fd7e14, #c05600);
}
.bg-red-dark {
    background: linear-gradient(135deg, #dc3545, #8b0000);
}
.bg-blue-teal {
    background: linear-gradient(135deg, #17a2b8, #005f73);
}
.bg-yellow-warm {
    background: linear-gradient(135deg, #ffc107, #ff8f00);
}
.bg-green-deep {
    background: linear-gradient(135deg, #28a745, #005f00);
}
.bg-purple-dark {
    background: linear-gradient(135deg, #6f42c1, #320b86);
}
.bg-teal-deep {
    background: linear-gradient(135deg, #20c997, #00796b);
}
.bg-blue-deep {
    background: linear-gradient(135deg, #007bff, #004085);
}
.bg-green-olive {
    background: linear-gradient(135deg, #8bc34a, #33691e);
}
.bg-red-fire {
    background: linear-gradient(135deg, #ff5722, #b71c1c);
}
.bg-purple-royal {
    background: linear-gradient(135deg, #673ab7, #311b92);
}
.bg-brown-dark {
    background: linear-gradient(135deg, #795548, #3e2723);
}
.bg-yellow-bright {
    background: linear-gradient(135deg, #ffeb3b, #f57f17);
}
.bg-purple-deep {
    background: linear-gradient(135deg, #9c27b0, #4a0072);
}
.bg-orange-dark {
    background: linear-gradient(135deg, #ff9800, #e65100);
}
.vblue-royal {
    background: linear-gradient(135deg, #3f51b5, #1a237e);
}
.bg-cyan-deep {
    background: linear-gradient(135deg, #00bcd4, #006064);
}
.bg-green-lime {
    background: linear-gradient(135deg, #cddc39, #827717);
}
.bg-pink-dark {
    background: linear-gradient(135deg, #ff4081, #880e4f);
}
.bg-green-forest {
    background: linear-gradient(135deg, #4caf50, #1b5e20);
}
.bg-red-bright {
    background: linear-gradient(135deg, #ff5252, #b71c1c);
}
.bg-grey-dark {
    background: linear-gradient(135deg, #9e9e9e, #424242);
}
.bg-blue-grey {
    background: linear-gradient(135deg, #607d8b, #263238);
}
.bg-orange-soft {
    background: linear-gradient(135deg, #ffb74d, #e65100);
}
.bg-purple-light {
    background: linear-gradient(135deg, #7e57c2, #311b92);
}
.bg-green-neon {
    background: linear-gradient(135deg, #00e676, #1b5e20);
}
.bg-red-deep {
    background: linear-gradient(135deg, #d50000, #b71c1c);
}
.bg-blue-bright {
    background: linear-gradient(135deg, #536dfe, #1a237e);
}
.bg-grey-medium {
    background: linear-gradient(135deg, #bdbdbd, #757575);
}
.bg-green-dark {
    background: linear-gradient(135deg, #388e3c, #1b5e20);
}
.ten_nguoi_duyet {
    margin-bottom: 10px;
}
.qr_nguoi_duyet {
    padding: 10px;
    min-height: 90px;
}
.table_box_file {
    min-height: 40px;
}
.row_item_ben_b {
    border-bottom: 1px #ccc solid;
    margin-top: 5px;
}
.row_item_ben_b {
    display: flex;
    align-items: center;
}
input[type="checkbox"].form-check-input {
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #000;
    transition: all 0.2s ease;
}
input[type="checkbox"].form-check-input:checked {
    border-color: var(--background-color);
}
input[type="checkbox"].form-check-input:focus {
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}
input[type='checkbox']:checked:before {
    color: var(--background-color);
}
.dropdown_chuong_thong_bao2.open .dropdown-menu {
    min-width: 40vw;
    height: 98vh;
    overflow-y: scroll;
}
.select2-dropdown {
    z-index: 2000000 !important;
}
.approval-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-left: 5px solid #28a745;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    padding: 10px 10px;
    max-width: 500px;
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 5px;
}
.approval-header {
    display: flex;
    align-items: center;
    flex: 3;
    text-align: right;
}
.approval-card .status-text {
    flex: 2;
}
.status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
}
.status-dot.approved {
    background-color: #28a745;
}
.status-text {
    color: #d10000;
    font-weight: bold;
    font-size: 14px;
}
.approval-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.approval-line {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #eee;
    padding-bottom: 6px;
    font-size: 14px;
}
.label {
    color: #555;
    font-weight: 500;
}
.value {
    color: #333;
}
.badge {
    background-color: #e6f4ea;
    color: #28a745;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 12px;
    margin-left: 6px;
}
.badge_do {
    background-color: red;
    color: #28a745;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 12px;
    margin-left: 6px;
}
.tab_config-tabs {
    display: flex;
    justify-content: center;
    background: #fff;
    padding: 5px 10px 25px 10px;
    gap: 30px;
    /*box-shadow: 0 2px 6px rgba(0,0,0,0.05);*/
}
.tab_config-button {
    padding: 5px 15px;
    background: #e2f6f7;
    color: #017e84;
    border: 2px solid transparent;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);
    text-transform: uppercase;
}
.tab_config-button:hover {
    background: #c6f0f2;
    border-color: #017e84;
}
.tab_config-button.active {
    background: #017e84;
    color: #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
.tab_config-content {
    display: none;
    background: white;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.tab_config-content.active {
    display: block;
}
.tab_config-content h2 {
    border-bottom: 2px solid #017e84;
    padding-bottom: 5px;
    color: #2c3e50;
    font-size: 24px;
    margin-bottom: 20px;
}
.config-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 24px;
}
.config-item {
    text-decoration: none;
    background: #f9fafa;
    border: 1px solid #d0d0d0;
    border-radius: 12px;
    padding: 18px 20px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.config-item:hover {
    background: #e6fafa;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.config-item i {
    font-size: 20px;
    color: #017e84;
    width: 28px;
    text-align: center;
}
.config-item h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #34495e;
}
.approval-flow {
    display: flex;
    overflow-x: auto;
    gap: 20px;
    scrollbar-width: thin;
    padding-bottom: 20px;
}
.step {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 120px;
    flex-shrink: 0;
    border-right: solid 1px #dcdcdc;
    padding-right: 10px;
}
.step:last-child {
    border: none;
}
.ten_buoc_trong_luong i {
    transition: transform 0.2s ease;
}
.ten_buoc_trong_luong:hover i {
    transform: scale(1.2);
}
.ten_buoc_trong_luong[aria-expanded="true"] i {
    transform: rotate(180deg);
}
.circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #e0e0e0;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom: 8px;
    transition: 0.3s;
}
.step.active .circle {
    background-color: #28a745;
    color: white;
}
.label {
    text-align: center;
    font-size: 13px;
    color: #555;
    line-height: 1.2;
}
.container_luong_duyet {
    background: #f9f9f9;
    border-radius: 12px;
    padding: 20px 10px;
}
html {
    scroll-behavior: smooth;
}
.wrap_all_site {
    height: 100vh;
    overflow: hidden;
}
#news-bodyhtml table {
    width: 100%;
}
.dropdown_chuong_thong_bao {
    position: absolute;
    right: 20px;
    top: 10px;
}
.dropdown_chuong_thong_bao .dropdown-menu {
    right: -20px;
    left: unset;
}
.dropdown_chuong_thong_bao.open .dropdown-menu {
    min-width: 40vw;
    height: 98vh;
    overflow-y: scroll;
}
.btn_noti {
    background: unset;
    border: none;
}
.btn_noti i {
    color: #fff;
    font-size: 25px;
}
.btn_noti i.active {
    -webkit-animation: notifi 700ms infinite;
    -moz-animation: notifi 700ms infinite;
    -o-animation: notifi 700ms infinite;
    animation: notifi 700ms infinite;
}
.item_thong_bao {
    padding: 20px;
    margin: 5px;
    cursor: pointer;
    position: relative;
}
.trang_thai_xem_thong_bao {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: orange;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
}
.so_luong_thong_bao {
    background: red;
    border-radius: 100%;
    position: absolute;
    right: 0px;
    top: -10px;
    width: 21px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.item_tieu_de_thong_bao {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.item_noi_dung_thong_bao {
    padding-left: 10px;
    border-left: 3px #dcdcdc solid;
    margin-bottom: 10px;
    font-size: 16px;
}
.item_thoi_gian_thong_bao {
    color: #797575;
}
.chua_doc {
    background: #e8f2f7;
}
.da_doc {
    background: #e8f2f7;
}
.da_xem {
    background: #fff;
}
.item_thong_bao:hover {
    background: #F5F8F9;
}
/*select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 30px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 16px;
  background-image: url('/bg_down.png') !important;
  background-size: 15px;
  right: 10px;
  background-repeat: no-repeat;
  background-position-x: CALC(100% - 5px);
  background-position-y: 50%;
}

select::-ms-expand {
  display: none;
}*/

.modal-dialog-controlog {}
.select2-selection__arrow b {
    display: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url('/bg_down.png') !important;
    background-size: 15px;
    right: 10px;
    background-repeat: no-repeat;
    background-position-x: CALC(100% - 5px);
    background-position-y: 50%;
    height: 95% !important;
}
select {
    cursor: pointer;
}
.date_input {
    background-image: url('/lich_icon.png') !important;
    background-size: 15px;
    right: 10px;
    background-repeat: no-repeat;
    background-position-x: CALC(100% - 5px);
    background-position-y: 50%;
}
.button_css_id:active {
    background-color: none !important;
    border-color: none !important;
}
.button_css_id:focus {
    background-color: none !important;
    border-color: none !important;
}
.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: unset;
    border-color: unset;
}
.fullscreen-table {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: white;
    z-index: 1000;
    padding: 0px;
    overflow: auto;
    border: solid 2px #fff;
}
.wrap_mo_rong_bang i {
    font-size: 25px;
    color: #fff;
}
.tribute-container {
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    font-family: "Segoe UI", sans-serif;
    font-size: 14px;
    z-index: 10000;
    max-height: 240px;
    overflow-y: auto;
    min-width: 250px;
}
.tribute-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tribute-container li {
    padding: 10px 16px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background 0.2s;
}
.tribute-container li:last-child {
    border-bottom: none;
}
.tribute-container li.highlight {
    background-color: #f0f8ff;
    font-weight: 600;
    color: #007bff;
    border-left: 3px solid #007bff;
}
.goi_y_item img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 8px;
}
.goi_y_item {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.tooltip.top {
    left: 5px !important;
}
a.btn_small {
    color: #fff;
}
.btn_small {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cong_van_header_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 4px solid #008000;
    padding: 5px 0px;
    font-family: 'Arial', sans-serif;
    width: 100%;
}
.cong_van_logo {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 20px;
}
.cong_van_logo img {
    height: 80px;
    width: auto;
}
.cong_van_info {
    flex: 2;
}
.cong_van_info h1 {
    font-size: 20px;
    margin: 0;
    font-weight: 700;
    line-height: 19px;
}
.cong_van_info h2 {
    font-size: 14px;
    margin: 4px 0;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 16px;
}
.cong_van_info p {
    margin: 2px 0;
    font-size: 13px;
    line-height: 14px;
}
.cong_van_iso {
    display: flex;
    gap: 4px;
    align-items: flex-end;
}
.cong_van_iso img {
    height: 80px;
}
.cong_van_qr {
    height: 40px;
    margin-top: 4px;
}
.cong_van_iso_flex {
    display: block;
}
.cong_van_iso_flex>img:first-child {
    display: block;
    height: 43px;
}
.cong_van_iso_flex>img:last-child {
    display: block;
    height: 37px;
}
.wrap_item_file_view_comment2 img {
    height: 70px;
    width: auto;
    border-radius: 5px;
    object-fit: contain;
}
.wework-floating-container {
    position: fixed;
    bottom: 40px;
    left: 10px;
    z-index: 999;
}
.wework-floating-btn {
    background-color: #43b047;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wework-icon-checklist {
    color: #fff;
    font-size: 24px;
}
.wework-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #d80027;
    color: #fff;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 50%;
}
.wework-reminder-panel {
    position: absolute;
    bottom: 60px;
    left: 0;
    min-width: 500px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: all 0.3s ease;
    height: CALC(100vh - 150px);
}
.wework-reminder-panel.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.wework-panel-header {
    background: #D5DEEF;
    color: #000;
    padding: 10px;
    border-radius: 8px 8px 0 0;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wework-close-btn {
    cursor: pointer;
    font-size: 20px;
}
.wework-panel-content {
    padding: 10px;
    overflow: auto;
    height: CALC(100% - 54px);
}
.wework-section-title {
    font-size: 14px;
    color: #d80027;
    font-weight: bold;
    margin-top: 10px;
}
.wework-task-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 8px;
    padding: 8px;
    border-radius: 4px;
}
.wework-task-overdue {
    background: #ffe6e6;
}
.wework-task-upcoming {
    background: #f0f9f0;
}
.wework-dot {
    width: 10px;
    height: 10px;
    background: #43b047;
    border-radius: 50%;
    margin-top: 6px;
    flex-shrink: 0;
}
.wework-task-info {
    flex: 1;
}
.wework-task-title {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    color: #333;
}
.wework-task-time {
    font-size: 12px;
    margin: 0;
    color: #888;
}
.wework-floating-btn i {
    color: #fff;
    font-size: 14px;
}
body {
    overflow: hidden;
}
.progress-ns {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    height: 20px;
    font-family: sans-serif;
    font-size: 14px;
    color: #000;
    position: relative;
    border: solid 1px #dcdcdc;
}
.progress-bar-ns {
    height: 100%;
    background-color: #4caf50;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.progress-bar-ns-number {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    text-align: center;
}
.approval-card-two {
    display: flex;
}
.approval-card-left {
    flex: 3;
    padding-right: 10px;
}
.approval-card-right {
    flex: 1;
    padding-left: 10px;
    border-left: dotted 1px #000;
}
.custom-context-menu {
    display: none;
    position: absolute;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    max-width: 220px;
    z-index: 100;
    border-radius: 4px;
    padding: 8px 0;
    padding: 10px;
}
.custom-context-menu a {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 14px;
}
.custom-context-menu a:hover {
    background-color: #f2f2f2;
    color: #000;
}
.phu_luc_phat_sinh {}
.divider {
    border: none;
    border-top: 1px solid #ddd;
    margin: 10px 0;
}
.approval-card-code {
    margin-right: 10px;
    max-width: 60%;
}
.change_status_bao_gia {
    width: auto;
    display: inline-block;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px !important;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.time {
    color: #0808B5;
}
.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
}
/* Cấp 1 - Block cha */

.table-scroll .tr_cap_1 td {
    background: #78C6FC;
    /* Xanh dương sáng */
    font-weight: 600;
    color: #154360;
    border-top: 2px solid #2A7A78;
    text-transform: uppercase;
}
/* Cấp 2 - Giai đoạn / nhóm phụ */

.table-scroll .tr_cap_2 td {
    background: #e2f0f9;
    /* Vàng sáng */
    color: #7D6608;
    font-weight: 600;
    text-transform: uppercase;
}
/* Cấp 3 - Dòng dữ liệu chính */

.table-scroll .tr_cap_3 td {
    background: #FAF7F7;
    /* Xanh ngọc sáng */
    color: #145A32;
    font-weight: 600;
}
/* Cấp 4 - Chi tiết con */

.table-scroll .tr_cap_4 td {
    background: #fff;
    /* Hồng nhạt pha cam */
    color: #78281F;
}
/* Viền */

.table-scroll td {
    border: 1px solid #D5D8DC !important;
}
.table-scroll th {
    border: 1px solid #D5D8DC !important;
}
.sidebar_profile {
    /* khoảng cách giữa nút */
    margin: 20px 0;
    /* khoảng cách với phần trên/dưới */
}
.sidebar_profile a {
    background-color: #1e6d6d;
    color: #fff;
    border: none;
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
    display: inline-block;
}
.sidebar_profile a:hover {
    background-color: #0d4c4c;
}
.sidebar_profile>div {
    margin-bottom: 10px;
}
.box_profile {
    background: #e6f4f1;
    color: #333;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align: middle;
}
/* ==== Cấu trúc chung cho mọi nút theme ==== */

.theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 14px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin: 3px;
}
.theme-btn i {
    font-size: 15px;
}
/* Hover hiệu ứng chung */

.theme-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
/* ==== Biến thể màu ==== */

/* Xanh dương - Danh sách, Tìm kiếm */

.theme-blue {
    background: #eaf1ff;
    border-color: #c7d9ff;
    color: #2a4dd0;
}
.theme-item:hover p {
    color: #3366ff;
}
/* Xanh lá - Lưu, Tạo mới */

.theme-green {
    background: #e9f7ef;
    border-color: #b7e4c7;
    color: #1e8449;
}
.theme-green i {
    color: #1e8449;
}
.theme-green:hover {
    color: #fff;
}
/* Vàng - Cảnh báo, Duyệt */

.theme-yellow {
    background: #fff9e6;
    border-color: #ffe680;
    color: #b9770e;
}
.theme-yellow i {
    color: #b9770e;
}
.theme-yellow:hover {
    color: #fff;
}
/* Đỏ - Xóa, Hủy */

.theme-red {
    background: #fdecea;
    border-color: #f5b7b1;
    color: #a93226;
}
.theme-red i {
    color: #a93226;
}
.theme-red:hover {
    color: #fff;
    background: #FC6A59;
}
/* Tím - Báo cáo, Tài chính */

.theme-purple {
    background: #f4e9ff;
    border-color: #e0c8ff;
    color: #6c3faa;
}
.theme-purple i {
    color: #6c3faa;
}
.theme-purple:hover {
    color: #fff;
}
/* Cam - Xuất Excel, Import dữ liệu */

.theme-orange {
    background: #fff3e6;
    border-color: #ffd6a5;
    color: #cc6a00;
}
.theme-orange i {
    color: #cc6a00;
}
.theme-orange:hover {
    background: #FBAE5B;
    color: #fff;
}
/* Hồng - Gửi mail, Thông báo */

.theme-pink {
    background: #ffeaf3;
    border-color: #ffb6d9;
    color: #c2185b;
}
.theme-pink i {
    color: #c2185b;
}
.theme-pink:hover {
    color: #fff;
}
/* Xanh ngọc - Cập nhật, Đồng bộ */

.theme-teal {
    background: #e6fffa;
    border-color: #a7f3d0;
    color: #0d9488;
}
.theme-teal i {
    color: #0d9488;
}
.theme-teal:hover {
    color: #fff;
}
/* Xám - Tạm ẩn, Ẩn menu */

.theme-gray {
    background: #f4f6f8;
    border-color: #d1d5db;
    color: #4b5563;
}
.theme-gray i {
    color: #4b5563;
}
.theme-gray:hover {
    color: #fff;
}
/* Đen - In, Xuất PDF */

.theme-dark {
    background: #e8e8e8;
    border-color: #bdbdbd;
    color: #212121;
}
.theme-dark i {
    color: #212121;
}
.theme-dark:hover {
    color: #fff;
}
/* Xanh biển sáng - Tổng hợp, Dashboard */

.theme-lightblue {
    background: #e8f6ff;
    border-color: #b6e0ff;
    color: #0277bd;
}
.theme-lightblue i {
    color: #0277bd;
}
.theme-lightblue:hover {
    color: #fff;
}
/* Nâu - Lưu nháp, Phiên bản nội bộ */

.theme-brown {
    background: #f6ede4;
    border-color: #e0c4a8;
    color: #7b4b2a;
}
.theme-brown i {
    color: #7b4b2a;
}
.theme-brown:hover {
    color: #fff;
}
.wrap-theme-btn {
    padding: 10px 0px;
}
.theme-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 10px;
}
.yearpicker-container {
    top: 100%;
}
/* === KHUNG NGOÀI BẢNG === */

.table-scroll {
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-top: 10px;
    padding: 0;
    z-index: 0;
}
/* === TABLE CHÍNH === */

.table-scroll table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #333;
}
/* === HEADER === */

.table-scroll thead th {
    background-color: #2a7a78;
    /* Màu xanh đồng bộ sidebar */
    color: #fff;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    padding: 10px 12px;
    white-space: nowrap;
}
/* === BODY === */

.table-scroll tbody td {
    background: #fff;
    vertical-align: middle;
    padding: 10px 12px;
}
/* Hover hiệu ứng */

/*.table-scroll tbody tr:hover td {
  background-color: #eaf4f3;
  transition: background-color 0.2s ease;
}*/

/* === SCROLLBAR TUỲ CHỈNH === */

.table-scroll::-webkit-scrollbar {
    height: 8px;
}
.table-scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
.table-scroll::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
/* === CĂN CHỮ CHUẨN === */

.table-scroll th, .table-scroll td {
    vertical-align: middle;
}
/* === VIỀN BẢNG === */

.table-scroll .table-bordered>thead>tr>th, .table-scroll .table-bordered>tbody>tr>td {
    border: 1px solid #e5e7eb;
}
/* === RESPONSIVE NHỎ HƠN 992PX === */

@media (max-width: 992px) {
    .table-scroll {
        margin: 10px;
    }
    .table-scroll table {
        font-size: 12px;
        min-width: 900px;
    }
    .table-scroll thead th, .table-scroll tbody td {
        padding: 8px;
    }
}
/* ==========================
   THEME WORKPLACE WRAPPER
========================== */

.theme-workplace {
    font-family: "Inter", Arial, sans-serif;
    padding: 10px 15px;
    background: #fff;
}
/* ==========================
   MỤC NHÓM (H3)
========================== */

.theme-section h3 {
    font-size: 14px;
    font-weight: 700;
    color: #0f5132;
    margin: 18px 0 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.theme-section h3 a {
    color: #0f5132;
    text-decoration: none;
}
.theme-section h3 a:hover {
    color: #198754;
}
/* ==========================
   LƯỚI ICON
========================== */

.theme-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 14px 12px;
}
/* ==========================
   ITEM
========================== */

.theme-item {
    text-align: center;
    transition: all 0.25s ease;
}
.theme-item a {
    display: block;
    text-decoration: none;
    color: #111;
    border-radius: 14px;
    padding: 10px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 6px;
    transition: all 0.25s ease;
}
.theme-item:hover a {
    transform: translateY(-4px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px;
}
/* ==========================
   ICON
========================== */

.theme-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 6px;
    font-size: 22px;
    background-color: #f3f4f6;
    transition: all 0.2s ease;
}
/* ==========================
   TEXT
========================== */

.theme-item p {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    margin: 0;
    line-height: 1.3;
    min-height: 35px;
}
/* ==========================
   MÀU ICON
========================== */

.theme-blue {
    background: #e6f1ff;
    color: #0066ff;
}
.theme-green {
    background: #e9fff0;
    color: #2e8b57;
}
.theme-yellow {
    background: #fff7e1;
    color: #f4a300;
}
.theme-red {
    background: #ffeaea;
    color: #e64b4b;
}
.theme-purple {
    background: #f4e8ff;
    color: #8b5cf6;
}
.theme-orange {
    background: #fff0e0;
    color: #ff6600;
}
.theme-lightblue {
    background: #e8f5ff;
    color: #3399ff;
}
/* ==========================
   RESPONSIVE
========================== */

@media (max-width: 1024px) {
    .theme-grid {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }
}
@media (max-width: 600px) {
    .theme-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .theme-item p {
        font-size: 12px;
    }
    .theme-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}
.box_cv_cskh {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.box_cv_cskh .panel {
    width: 250px;
}
.box_cv_cskh .panel-heading {
    cursor: pointer;
}
.tr-selected td {
    background: #d4f5d4 !important;
    /* xanh nhạt */
    transition: 0.2s;
}
#mau_chan td {
    background: #FCCF7A !important;
}
.title_menu_trai img {
    height: 70px;
}
.align-items-center {
    align-items: center;
}
.justify-content-between {
    justify-content: space-between;
}
.sidebar-footer {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid #e5e5e5;
    font-size: 12px;
    color: #666;
    position: sticky;
    bottom: 0;
    background: #fff;
}
.footer-logo {
    height: 42px;
    width: auto;
}
.footer-text {
    white-space: nowrap;
}
.cap_do_nhan_vien {
    margin-top: 5px;
    border-top: 1px #dcdcdc solid;
    padding-top: 5px;
}
.cap_do_sao_kickoff {
    color: #FEB400;
}
/* --- 1. CSS GIAO DIỆN CHỮ VI | EN --- */

.lang-box {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    display: flex !important;
    justify-content: end;
    width: 100%;
    flex: 3;
    align-items: center;
}
.cap_do_nhan_vien {
    flex: 2;
}
.lang-item {
    margin: 0 5px;
    transition: 0.3s;
    text-decoration: none;
    cursor: pointer;
}
.lang-item:hover {
    color: #333;
}
/* Màu đỏ khi đang chọn */

.lang-item.active {
    color: #d00;
    border-bottom: 2px solid #d00;
}
/* --- 2. GIẤU GOOGLE (KHÔNG DÙNG DISPLAY: NONE) --- */

/* Mẹo: Đẩy nó ra khỏi màn hình thay vì ẩn nó */

#google_translate_element {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    /* Tuyệt đối không dùng display: none ở đây */
}
/* Ẩn thanh banner khung trên cùng */

.goog-te-banner-frame {
    display: none !important;
}
/* Ẩn tooltip và các thứ rác khác */

.goog-tooltip, .goog-te-balloon-frame {
    display: none !important;
}
.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}
/* Đẩy body lên */

body {
    top: 0px !important;
    position: static !important;
}
/* --- CSS MẠNH TAY ĐỂ ẨN THANH GOOGLE --- */

/* 1. Ẩn thanh iframe trên cùng (thử mọi selector có thể) */

.goog-te-banner-frame.skiptranslate, .goog-te-banner-frame, iframe.goog-te-banner-frame, iframe.skiptranslate {
    display: none !important;
    /* Ẩn hoàn toàn */
    visibility: hidden !important;
    height: 0 !important;
}
/* Ẩn widget gốc */

#google_translate_element {
    display: none;
}
#goog-gt-tt>* {
    display: none;
}
.d-flex {
    display: flex;
}
.view_div {
    background-color: #ffffff;
    /* Nền trắng */
    color: #333333;
    /* Chữ đen dễ đọc */
    padding: 5px;
    /* Khoảng cách lề rộng rãi */
    border: 1px solid #e0e0e0;
    /* Viền xám nhạt */
    border-radius: 4px;
    /* Bo góc nhẹ */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    /* Hiệu ứng bóng đổ nổi lên */
    /* Xử lý thanh cuộn nếu nội dung dài */
    max-height: 70vh;
    /* Chiều cao tối đa bằng 70% màn hình */
    overflow-y: auto;
    /* Tự hiện thanh cuộn dọc */
    /* Font chữ dễ đọc cho văn bản */
    font-family: 'Times New Roman', Times, serif;
    /* Hoặc Arial tùy bạn */
    font-size: 16px;
    line-height: 1.6;
}
/* Tùy chỉnh thanh cuộn cho đẹp hơn (Webkit browsers) */

.view_div::-webkit-scrollbar {
    width: 2px;
}
.view_div::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}
.gap-5 {
    gap: 5px;
}
.gap-10 {
    gap: 10px;
}
.gap-15 {
    gap: 15px;
}
/* HEADER TOP */

.top-header {
    background: #ca9393;
    padding: 15px 0;
    margin-top: 180px;
}
.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* LOGO */

.logo img {
    height: 60px;
}
/* SLOGAN */

.slogan {
    font-size: 26px;
    color: #ff2d8b;
    font-style: italic;
}
/* SEARCH */

.search-box {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 25px;
    overflow: hidden;
}
.search-box input {
    border: none;
    padding: 10px 15px;
    outline: none;
    width: 180px;
}
.search-box button {
    border: none;
    background: white;
    padding: 0 12px;
    cursor: pointer;
    font-size: 16px;
}
/* NAVBAR */

.navbar {
    border-top: 1px solid #eee;
    background: white;
    position: relative;
    z-index: 1000;
}
/* MENU */

.menu {
    display: flex;
    justify-content: center;
    list-style: none;
}
.menu li {
    position: relative;
}
/*.menu li a{
  display:block;
  padding:16px 20px;
  text-decoration:none;
  font-weight:600;
  color:#333;
}*/

/*.menu li a:hover{
  color:#ff2d8b;
}*/

.menu li.active>a {
    color: #ff2d8b;
}
/* DROPDOWN */

.submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 340px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 9999;
}
.dropdown:hover .submenu {
    opacity: 1;
    visibility: visible;
}
.submenu li a {
    padding: 12px 20px;
    display: block;
    transition: all 0.3s ease;
}
.submenu li a::after {
    content: '';
    height: 2px;
    width: 0;
    background: #ff2d8b;
    transition: all 0.3s ease;
    display: block;
}
.submenu li:hover {
    background: white;
    color: #ff2d8b;
}
.submenu li:hover {
    background: white;
    color: #ff2d8b;
}
.submenu li:hover a {
    margin-left: 5px;
}
.submenu li:hover a::after {
    width: 100%;
}
/* dropdown arrow */

.submenu::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #eee;
}
/* HERO */

.hero {
    position: relative;
    height: 98%;
    overflow: hidden;
    border-radius: 20px;
    padding: 20px 70px 0;
    border-radius: 10px;
}
.w-dropdown {
    text-align: left;
    z-index: 800;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
}
.w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    display: none;
    position: absolute;
}
.w-dropdown-list.w--open {
    display: block;
}
#main_header_id {
    z-index: 999;
    width: 100%;
    position: fixed;
    top: 0;
}
.nav-bar-fix {
    /*border-bottom: 1px solid #cfc6b8;*/
}
.hero iframe {
    border-radius: 25px;
}
.hero-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.hero-overlay h1 {
    font-size: 48px;
    letter-spacing: 6px;
    display: flex;
    align-items: center;
}
/* STORY */

.story {
    padding: 40px 0;
    height: 100vh;
}
.story-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}
.text-wrapper {
    z-index: 2;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 80%;
    display: flex;
    position: relative;
    overflow: visible;
}
.home-tittle.one {
    width: 100%;
}
.home-tittle {
    color: #cb3129;
    text-align: left;
    margin-left: -.25rem;
}
.heading-1 {
    letter-spacing: -.08125rem;
    font-size: 45px;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
}
.home-description {
    color: #383230;
    font-size: 14px;
    text-align: left;
    line-height: 150%;
}
.story-text button {
    padding: 10px 20px;
    border: 1px solid #4c3fa3;
    background: transparent;
    color: #4c3fa3;
    border-radius: 8px;
}
.button-2nd {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    border: 1px solid #cb3129;
    /*background-color: #faf7e8;*/
    background-color: #fff;
    color: #cb3129;
    letter-spacing: .0125rem;
    text-transform: capitalize;
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    display: flex;
    position: relative;
}
.button-2nd:hover, .product-top-div .button-2nd:hover {
    background-color: #cb3129;
    color: #faf7e8 !important;
}
.button-2nd i {
    margin-left: 0;
    font-size: 0;
    transition: all 0.3s ease;
}
.button-2nd:hover i {
    font-size: inherit;
    margin-left: 5px;
}
/* SECTION placeholder */

.placeholder {
    height: 100vh;
}
/* NAV DOT */

/*._1-bottom-nav-cointainer {
    z-index: 90;
    grid-column-gap: .8125rem;
    grid-row-gap: .8125rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 30rem;
    padding-bottom: 0;
    padding-left: 10.75rem;
    padding-right: 0;
    display: flex;
    position: fixed;
    inset: auto 0% 2.875rem;
}*/

.scroll-nav {
    position: fixed;
    bottom: 40px;
    left: 10%;
    /*transform: translateX(-50%);*/
    display: flex;
    gap: 0px;
    transition: opacity 0.3s ease;
    z-index: 999;
    justify-content: flex-start;
    align-items: center;
    width: 350px;
}
.scroll-nav .line {
    position: relative;
    height: 2px;
    width: 100%;
    background: #c28a8a;
    z-index: -1;
}
.dot {
    width: 150px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #c28a8a;
    background: transparent;
    cursor: pointer;
}
.dot.active {
    background: #f3e9cb;
    color: #000 !important;
}
body {
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
}
/* CONTAINER */

.collection {
    width: 1200px;
    margin: auto;
    padding: 40px 0;
}
/* TITLE */

/* GRID */

.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}
/* PRODUCT CARD */

/* HOVER CARD */

/* IMAGE */

.img-box {
    position: relative;
    overflow: hidden;
}
.img-box img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}
/* lớp ánh sáng */

.img-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient( 120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
}
/* hover chạy hiệu ứng */

.product:hover .img-box::before {
    animation: shine 0.9s;
}
@keyframes shine {
    100% {
        left: 150%;
    }
}
/* SOLD OUT */

.sold-out {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    background: rgba(255, 255, 255, 0.85);
    padding: 15px 0;
    font-weight: bold;
    color: #444;
    letter-spacing: 1px;
}
/* PRODUCT INFO */

/* đường gạch trang trí */

/* SECTION */

.register-section {
    width: 100%;
    background: #f3f3f3;
    padding: 40px 0 60px;
    text-align: center;
}
/* TITLE */

.register-section h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 1px;
}
/* FORM */

.register-form {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}
/* INPUT */

.register-form input, .register-form textarea {
    width: 100%;
    padding: 18px 22px;
    margin-bottom: 20px;
    border-radius: 40px;
    border: 1px solid #ddd;
    background: #eee;
    font-size: 16px;
    outline: none;
    transition: 0.3s;
}
/* TEXTAREA */

.register-form textarea {
    height: 140px;
    border-radius: 25px;
    resize: none;
}
/* FOCUS */

.register-form input:focus, .register-form textarea:focus {
    border-color: #ff2d8b;
    background: #fff;
}
/* BUTTON */

.register-form button {
    margin-top: 10px;
    padding: 16px 40px;
    border: none;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(90deg, #ff2d8b, #ff007a);
    transition: 0.3s;
}
/* HOVER BUTTON */

.register-form button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255, 0, 122, 0.35);
}
.footer {
    background: #fff;
    border-top: 1px solid #c28a8a;
    font-family: "Segoe UI", sans-serif;
    padding-top: 3px;
    color: #4a3f35;
}
.footer-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 3px;
    height: calc(100% - 5.875rem); 
}
/* columns */

.footer-col {
    padding: 40px 30px 0;
    border-left: 1px solid #c28a8a;
    border-top: 1px solid #c28a8a;
}
.footer-col:first-child {
    border-left: none;
}
/* title */

.footer h3 {
    color: #ff2d8b;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 500;
}
/* logo */

.logo {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 2px;
}
/* contact text */

.brand {
    font-size: 20px;
    color: #ff2d8b;
    margin-bottom: 10px;
}
.footer p {
    margin-bottom: 10px;
    color: #333;
    line-height: 1.6;
}
/* menu */

.footer-col h3 {
    margin-bottom: 45px;
    font-size: 24px;
    color: #383230;
}
.footer-col ul {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}
.footer-col ul li {
    margin-bottom: 8px;
    cursor: pointer;
    font-weight: 500;
}
.footer-col ul li a {
    color: #383230;
    font-weight: 400;
}
.footer-col ul li:hover a {
    text-decoration: none;
    color: #cb3129;
}
/* social */

.subtitle {
    font-size: 12px;
    margin-bottom: 15px;
}
.info {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.button_footer {
    display: block;
    margin-bottom: 10px;
    padding: 8px 14px;
    border: 1px solid #c28a8a;
    background: transparent;
    color: #4a3f35;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}
.button_footer:hover {
    background: #fae8e8;
    color: #000;
    /*border:  1px solid #000;*/
}
.footer-bottom {
    /*margin-top: 40px;*/
    border-top: 1px solid #c28a8a;
    /*border-top: 1px solid #f3e9cb;*/
    padding: 10px 3.75rem 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    width: 100%;
    height: 5.875rem;
}
/*.socials span {
  margin-left: 15px;
  cursor: pointer;
}*/

/* icon colors */

.fb {
    /*background: #3b5998;*/
    background: #cb3129;
}
.instagram {
    /*background: #000;*/
    background: #cb3129;
}
.tiktok {
    /*background: #000;*/
    background: #cb3129;
}
.mail {
    background: #111;
}
.phone {
    /*background: #4CAF50;*/
    background: #cb3129;
}
.youtube {
    background: #c4302b;
}
.social {
    display: flex;
    gap: 15px;
}
.social a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
}
.social a .fa-brands, .social a .fab, .social a .fa-solid {
    font-size: 13px;
}
/* bottom */

.copyright {
    color: #383230;
    letter-spacing: .01875rem;
    font-size: 1.25rem;
    font-weight: 200;
}
.about-studio {
    padding: 40px 0;
    background: #fff;
}
.about-studio-container {
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 5.75rem;
    display: flex;
}
.about-studio-image {
    height: 100%;
    width: 50%;
}
/* TITLE */

.about-studio-title {
    font-size: 40px;
    color: #ff2d8b;
    font-weight: 700;
    margin-bottom: 10px;
}
/* LINE */

.about-studio-line {
    width: 120px;
    height: 3px;
    background: #ff2d8b;
    margin: 20px 0 25px;
}
/* TEXT */

.about-studio-text p {
    font-size: 18px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 18px;
}
.about-studio-text a {
    color: #1183b6;
    text-decoration: none;
}
.about-studio-text a:hover {
    color: #eb008c;
}
/* BUTTON */

.about-studio-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 14px 28px;
    background: linear-gradient(45deg, #ff2d8b, #ff007a);
    color: white !important;
    font-weight: 600;
    border-radius: 30px;
    text-decoration: none;
    transition: .3s;
}
.about-studio-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(255, 0, 122, 0.35);
}
/* IMAGE */

.about-studio-image img {
    width: 100%;
    height: 90%;
    object-fit: cover;
    border-radius: 15px;
    display: block;
}
/* container */

/* CONTENT */

.news-module-content {
    padding: 20px 25px;
}
.news-module-content h3 {
    font-size: 16px;
    color: #ff2d8b;
    margin-bottom: 15px;
    line-height: 1.5;
}
/* DASH LINE */

.news-module-dash {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 15px;
}
.news-module-content p {
    color: #666;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*  .product-detail{
padding:60px 0;
background:#f6eef2;
}
*/

/* row trên */

.product-detail-top {
    display: grid;
    /*grid-template-columns: 1fr 300px;*/
    gap: 40px;
}
/* khối bên trái */

.product-detail-left {
    background: #fff;
    padding: 10px;
    border-radius: 12px;
}
/* gallery + info */

.product-detail-grid {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 30px;
}
/* gallery */

.product-thumb {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 15px;
}
.product-thumb img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    cursor: pointer;
    opacity: .7;
    transition: .3s;
}
.product-thumb img:hover {
    opacity: 1;
}
/* info */

.product-cat {
    color: #999;
    font-size: 14px;
}
.product-title {
    color: #ff2d8b;
    margin: 10px 0 20px;
}
/* spec */

.product-spec {
    border: 1px dashed #ff2d8b;
    background: #fff4f9;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
}
.product-spec ul {
    padding-inline-start: 20px;
}
.product-spec ul li {
    list-style-type: none;
    background-image: url(https://aocuoimailisa.vn/wp-content/uploads/2023/01/arrow-right-6-circle-svgrepo-com.svg);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position-y: 6px;
    padding-left: 19px;
    margin-left: 0;
}
ul li {
    line-height: 1.5em;
}
/* description full */

.product-description {
    background: #fff;
    /*padding:40px;*/
    border-radius: 12px;
    /*margin-top:40px;*/
}
.product-description img {
    margin-bottom: 15px;
    width: 100%;
}
.sidebar-title {
    text-transform: none;
    letter-spacing: 0;
    font-size: 18px;
    color: white;
    margin-bottom: 10px;
    display: block;
    position: relative;
    height: 45px;
    background: #eb008c;
    margin: 0 -5px -35px -5px;
    padding: 12px 15px;
    box-shadow: 0 6px 4px -3px rgb(0 0 0 / 10%);
    display: block;
    margin-bottom: 5px;
}
.product-sidebar {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
.header .menu {
    margin-bottom: 0;
}
.button_custom span {
    display: inline-block;
    line-height: 1.6;
}
.button_custom {
    margin-bottom: 1em;
}
.nut-xem-them {
    font-weight: normal;
    letter-spacing: 0;
    font-size: 14px;
}
.text-center .button_custom:last-of-type, .text-right .button_custom:last-of-type {
    margin-right: 0 !important;
}
.text-center .button_custom:first-of-type {
    margin-left: 0 !important;
}
.button_custom {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: .97em;
    font-weight: bolder;
    letter-spacing: .03em;
    line-height: 2.4em;
    margin-right: 1em;
    margin-top: 0;
    max-width: 100%;
    min-height: 2.5em;
    padding: 0 1.2em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    text-shadow: none;
    text-transform: uppercase;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    vertical-align: middle;
    margin-top: 20px;
}
.primary_custom {
    background-color: #eb008c;
}
.button_custom:hover {
    background: #bc0070;
}
.shops-main-page .wedding-video {
    padding: 20px 0;
}
.info_company p {
    margin-bottom: 10px;
}
.footer-top-part {
    flex-flow: column;
    flex: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    /* height: 50%; */
    padding-top: 5.625rem;
    padding-bottom: 0;
    display: flex;
}
.logo-slogan {
    opacity: 0;
    transform: translate3d(0px, 30px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition: all 0.3s ease;
    width: 150px;
    height: 150px;
    object-fit: contain;
}
.logo-slogan.active {
    opacity: 1 !important;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
}
.header {
    /*background: #faf7e8;*/
    background: #fff;
    border-bottom: 1px solid #c28a8a;
    position: relative;
    padding-bottom: 3px;
}
.custom_header {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    width: 100%;
    max-width: none;
    height: 6.0625rem;
    position: relative;
}
.menu {
    display: flex;
    gap: 10px;
    list-style: none;
    padding-inline-start: 0px;
    align-items: center;
}
.menu li {
    position: relative;
    font-weight: 500;
    cursor: pointer;
}
.menu li.dropdown {
    border-bottom: 2px solid #4c3f99;
    color: #4c3f99;
    font-weight: 700;
}
/* ===== PANEL ===== */

.dropdown-panel {
    position: absolute;
    top: 108%;
    left: 0;
    width: 320px;
    background: #f3efe7;
    border: 1px solid #c28a8a;
    padding: 25px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    z-index: 900;
    transition: 0.25s ease;
}
/* SHOW */

/* COLUMN STYLE */

.col {
    border-right: 1px solid #cfc6b8;
    /*padding-right: 20px;*/
}
.col:last-child {
    border-right: none;
}
.col h4 {
    font-size: 18px;
    margin-bottom: 15px;
}
.col ul {
    list-style: none;
    padding-inline-start: 0px;
}
.col li.list_menu {
    border-bottom: 1px solid #d8d0c4;
}
.col li.list_menu a {
    font-size: 15px;
    cursor: pointer;
    padding: 10px;
    color: #000;
    display: inline-block;
    width: 100%;
}
/* BUTTON */

.custom_header .btn_header {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    margin-top: 10px;
    font-weight: 500;
    cursor: pointer;
}
.custom_header .btn_header.primary {
    background: #4b3ca7;
    color: white;
    border: none;
}
.custom_header .btn_header.outline {
    border: 1px solid #4b3ca7;
    background: transparent;
    color: #4b3ca7;
}
/* ACTION */

.custom_header .actions {
    display: flex;
    gap: 10px;
}
.lacaph-navlink-left {
    z-index: 100;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-right: 1px solid #c28a8a;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    width: 20%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: relative;
}
.dd-list>li:hover {
    background: #fae8e8;
}
.lacaph-navlink-wrapper {
    z-index: 999;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 25rem;
    height: 100%;
    display: flex;
    position: static;
}
.lacaph-logo-container {
    z-index: 100;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    width: 20%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: relative;
}
.lacaph-menu-drop {
    z-index: 100;
    background-color: #f3e9cb00;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 .625rem;
    display: flex;
    position: relative;
}
.lacaph-logo-color {
    z-index: 2;
    object-fit: contain;
    width: auto;
    max-width: none;
    height: 4rem;
    position: static;
    inset: .9375rem auto .3125rem 0;
    overflow: clip;
}
.lacaph-right-nav-wrapper {
    border-left: 1px solid #c28a8a;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    width: 20%;
    height: 100%;
    padding-right: .625rem;
    display: flex;
}
.menu-button-1st {
    background-color: #cb3129;
    color: #fff;
    letter-spacing: .0125rem;
    text-transform: capitalize;
    border-radius: 8px;
    padding: 10px .875rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
    border: 1px solid #e5201b;
}
.menu-button-1st.top-menu {
    font-weight: 600;
}
.menu-button-2nd {
    grid-column-gap: .3125rem;
    grid-row-gap: .3125rem;
    border-style: solid;
    border-width: 1px;
    border-color: #cb3129;
    background-color: #fae8e8;
    color: #cb3129;
    letter-spacing: .014625rem;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px .875rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-decoration: none;
    display: flex;
}
.w-full {
    width: 100%;
}
.dropdown-panel .col button {
    margin-top: 10px;
}
.dropdown-panel ul li.list_menu:hover {
    background: #fae8e8;
}
.menu-button-2nd.dropdown {
    justify-content: space-between;
    width: 100%;
    padding: 12px;
    font-weight: 600;
    margin-top: 5px;
}
.menu-button-2nd.dropdown:hover {
    background-color: #f3e9cb;
}
.menu-button-2nd.dropdown.primary:hover {
    background-color: #cb3129;
    color: #fff;
}
.menu-button-1st.dropdown:hover, .menu-button-1st.top-menu:hover {
    background-color: #383230;
    border-color: #000;
    color: #fff;
}
/*Câu chuyện của chúng tôi*/

.hero-sec-story {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 2.375rem;
    padding-bottom: 0;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    display: flex;
    overflow: hidden;
}
.hero-wrapper-story {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 2.5rem;
    display: flex;
}
.hero-tittle-wrapper-story {
    z-index: 1;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 3.125rem;
    padding-bottom: 5.125rem;
    display: flex;
    position: relative;
}
.hero-content-story {
    z-index: 2;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}
.hero-text-container {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.product-tittle {
    color: #cb3129;
    text-align: center;
    text-transform: uppercase;
}
.heading-2 {
    letter-spacing: -.0625rem;
    font-size: 4rem;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 0;
}
.hero-subtitle-story {
    color: #383230;
    text-align: center;
    width: 60.25rem;
}
.body-1---large {
    letter-spacing: .0125rem;
    margin-top: .3125rem;
    margin-bottom: .3125rem;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 155%;
}
.hero-grid-wrapper-story {
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 1.875rem;
    display: flex;
    position: absolute;
    inset: auto 0%;
}
.hero-grid {
    border-radius: 0;
    width: 60.75rem;
    position: static;
    inset: auto 0% 0%;
}
.layout_title_top_page {
    opacity: 0;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(60deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition: all 0.3s ease;
}
.layout_title_top_page.active {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.story-hero-img {
    z-index: 2;
    aspect-ratio: 2.39;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 40.125rem;
    margin-top: -.625rem;
    display: flex;
    position: relative;
    overflow: clip;
}
.story-deco-wrapper, .deco-wrapper {
    z-index: 0;
    justify-content: space-between;
    align-items: stretch;
    width: calc(100% + 5.625rem);
    margin-top: -7.625rem;
    display: flex;
    position: relative;
}
.deco-v3 {
    max-width: none;
    height: 14.625rem;
}
.sec-standard-story {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    display: flex;
    position: relative;
}
.container-story-standard {
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    display: flex;
}
.out_story_sticker {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition: all 0.3s ease;
}
.story-grid {
    z-index: 0;
    align-self: center;
    width: 27.1875rem;
    position: absolute;
    top: 1.25rem;
}
.flare-div-3 {
    z-index: 2;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    margin-top: 3.75rem;
    margin-bottom: -1.5rem;
    display: flex;
    position: relative;
}
.container-story {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}
.container-story.outline {
    z-index: 1;
    border: 2px solid #c2a88a;
    background-color: #fffdef;
    margin-top: 0;
    padding: .3125rem;
}
.div-outline-inside-story {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border: 1px solid #c2a88a;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 4.375rem 3.75rem 3.75rem;
    display: flex;
}
.who-div {
    grid-column-gap: 1.625rem;
    grid-row-gap: 1.625rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 17.5rem 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}
.who-content {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 45%;
    margin-bottom: 5rem;
    display: flex;
}
.story-tittle {
    z-index: 1;
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    color: #cb3129;
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
.heading-2-2 {
    letter-spacing: -.0625rem;
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 130%;
    text-transform: uppercase;
}
.who-text {
    color: #3d3938;
    text-align: left;
}
.video-thumb-story {
    border-radius: .625rem;
    flex: none;
    order: 0;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    width: 45%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.video-button {
    z-index: 2;
    cursor: pointer;
    background-color: #fffef799;
    border-radius: 6.25rem;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 5.75rem;
    height: 5.75rem;
    display: flex;
    position: absolute;
}
.play-button {
    z-index: 2;
    aspect-ratio: 1;
    color: #383230;
    justify-content: center;
    align-items: center;
    width: 3rem;
    margin-top: .5rem;
    margin-left: .5rem;
    display: flex;
    position: relative;
}
.circle-outline-1, .circle-outline-2 {
    width: 0rem;
    height: 0rem;
    border-radius: 100%;
    position: absolute;
    transition: all 0.3s ease;
}
.circle-outline-1 {
    z-index: 0;
    border: .125rem solid #faf7e880;
}
.circle-outline-2 {
    z-index: 0;
    border: .0625rem solid #faf7e84d;
}
.video-button:hover .circle-outline-1 {
    width: 8.25rem;
    height: 8.25rem;
}
.video-button:hover .circle-outline-2 {
    width: 10.25rem;
    height: 10.25rem;
}
.video-thumb-img-story {
    aspect-ratio: 1 / 1.1;
    object-fit: cover;
    border-radius: .625rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 100%;
    display: flex;
    overflow: hidden;
}
.deco-coffee {
    z-index: 1;
    height: 4.8125rem;
    position: absolute;
    inset: auto auto 0 -1rem;
}
.sec-fullscreen {
    flex-flow: column;
    display: flex;
}
.brand-story-container {
    width: 100%;
    margin-top: 6.25rem;
    display: flex;
}
.brand-story-image {
    aspect-ratio: 1.1;
    object-fit: cover;
    border-radius: 0;
    width: 50%;
    overflow: hidden;
}
.brand-story-div-outside {
    background-color: #f3e9cb;
    flex: 1;
    align-self: stretch;
    width: 50%;
    height: auto;
    padding: .625rem;
    position: relative;
}
.brand-story-div {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    border: 1px solid #c2a88a;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 5rem 3.75rem 8.75rem;
    display: flex;
}
.bean-right {
    height: 5.625rem;
    position: absolute;
    inset: -.625rem .375rem auto auto;
}
.bean-left {
    height: 5.3125rem;
    position: absolute;
    inset: auto auto -.625rem -.625rem;
}
.scott-container {
    opacity: 0;
    transform: translate3d(0px, 100px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition: all 0.3 ease
}
.scott-container.active {
    z-index: 2;
    flex-flow: column;
    width: 100%;
    margin-top: -7.5rem;
    padding-right: 7.5rem;
    display: flex;
    position: relative;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.scott-div {
    justify-content: flex-end;
    align-self: flex-end;
    align-items: flex-start;
    display: flex;
}
.scott {
    grid-column-gap: 1.75rem;
    grid-row-gap: .75rem;
    border: 1px solid #c2a88a;
    background-color: #faf7e8;
    justify-content: flex-start;
    align-items: flex-start;
    width: 32.875rem;
    padding: 1.875rem 2.5rem 2.5rem;
    display: flex;
}
.scott-img {
    height: 4.875rem;
}
.body-1---semibold {
    color: #3d3938;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 145%;
}
.link-3, .scott-div .scott .body-1---semibold a {
    color: #cb3129 !important;
    text-decoration: none;
    font-weight: 600;
}
.flare-1 {
    height: 8.75rem;
}
.unique-container-1 {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    display: flex;
    position: relative;
}
.unique-container-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    color: #faf7e8;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}
.promise-container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    color: #faf7e8;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
}
.unique-tittle {
    z-index: 1;
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    color: #cb3129;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 5.625rem;
    position: relative;
}
.unique-story-text {
    z-index: 1;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    color: #3d3938;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 55.5rem;
    display: flex;
    position: relative;
}
.text-span-2 {
    color: #4c3f99;
}
.unique-img {
    z-index: 1;
    height: 15.75rem;
    position: relative;
}
.hero-grid.unique {
    z-index: 0;
    position: absolute;
    inset: 0% auto auto;
}
.unique-div {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    background-color: #cb3129;
    flex-flow: column;
    flex: 1;
    order: 0;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    width: 100%;
    padding: 5rem 3.75rem;
    display: flex;
}
.x-large-text {
    letter-spacing: .01875rem;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}
.unique-image, .promise-image {
    aspect-ratio: 1.1;
    object-fit: cover;
    width: 100%;
    overflow: hidden;
}
.image-9 {
    object-fit: cover;
    border-radius: 0;
    width: 100%;
    height: 100%;
}
.image-10 {
    object-fit: cover;
    width: 100%;
    max-width: none;
    height: 100%;
}
.container-message {
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-top: 18.75rem;
    margin-bottom: 3.75rem;
    display: flex;
    position: relative;
}
.outline-2 {
    z-index: 2;
    border: 2px solid #c2a88a;
    background-color: #fffef7;
    background-image: url(https://cdn.prod.website-files.com/67459d5…/678231e…_Paper%20texture.png);
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: .3125rem;
    display: flex;
    position: relative;
}
.enve {
    z-index: 1;
    width: 50rem;
    position: absolute;
    inset: -12.5rem auto auto -1.875rem;
}
.message-div {
    grid-column-gap: 2.125rem;
    grid-row-gap: 1rem;
    border: 1px solid #c2a88a;
    grid-template-rows: 7.625rem auto;
    grid-template-columns: 40% 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    padding: 5rem 3.125rem 2.5rem;
    display: grid;
    position: relative;
}
.message-img {
    aspect-ratio: 1 / 1.4;
    border: .1875rem dotted #c2a88a;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: .375rem;
    display: flex;
    overflow: hidden;
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: auto;
}
.timen-img {
    aspect-ratio: 1 / 1.4;
    object-fit: cover;
    border-radius: 0;
    width: 100%;
    max-width: none;
}
.message-tittle {
    z-index: 1;
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    color: #383230;
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: .25rem;
    position: relative;
}
.message-text {
    z-index: 2;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    color: #3d3938;
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    position: relative;
}
.body-1---large.light {
    font-weight: 400;
}
.message-sign {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: flex-end;
    align-items: center;
    margin-top: 1.25rem;
    display: flex;
}
.sign {
    width: 7.6875rem;
    margin-bottom: .625rem;
}
.name {
    font-family: Playwrite US Trad, sans-serif;
    font-size: 1.5rem;
}
.tittle {
    letter-spacing: .01875rem;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 300;
}
.newsletter-sec {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
    padding: 3.75rem;
    display: flex;
    position: relative;
    overflow: hidden;
}
.newsletter-container {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
}
.deco-2 {
    z-index: 2;
    align-self: flex-start;
    height: 10.625rem;
    display: none;
    position: absolute;
    inset: 0% auto 0% 0%;
}
.sign-up-block {
    z-index: 3;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    border: 1px solid #c28a8a;
    background-color: #faf7e8;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 85%;
    padding: 7rem 3.75rem 8rem;
    display: flex;
    position: relative;
}
.sign-up-form {
    width: 65%;
}
.w-form {
    margin: 0 0 15px;
}
.deco-cup {
    object-fit: contain;
    width: 20rem;
    max-width: none;
    height: auto;
    margin-right: 3.125rem;
}
.sign-up-content {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.sign-up-text {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #383230;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 40.75rem;
    display: flex;
}
.heading-3 {
    letter-spacing: -.01875rem;
    font-size: 2.625rem;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
}
.text-field {
    width: 100%;
    position: relative;
}
.w-input, .w-select {
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block;
}
.button-1st {
    grid-column-gap: .9375rem;
    grid-row-gap: .9375rem;
    background-color: #cb3129;
    color: #fff !important;
    letter-spacing: .0125rem;
    text-transform: capitalize;
    border-radius: .75rem;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    display: flex;
}
.button-1st.sign-up {
    letter-spacing: .05rem;
    text-transform: uppercase;
    height: 100%;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    font-size: 1.25rem;
    font-weight: 500;
    position: absolute;
    inset: 0% 0% 0% auto;
}
.button-1st:hover {
    background-color: #383230;
    color: #faf7e8;
}
input.w-button {
    -webkit-appearance: button;
}
.deco-div {
    z-index: 1;
    width: 100%;
    position: absolute;
    inset: 0% auto;
}
.deco-1 {
    z-index: 2;
    align-self: flex-start;
    height: 10.625rem;
    position: absolute;
    inset: 0% auto 0% 0%;
}
.deco-1.right {
    align-self: flex-end;
    left: auto;
    right: 0;
}
.grid-5 {
    z-index: 1;
    border-radius: 0;
    width: 18.125rem;
    max-width: none;
    position: absolute;
    inset: auto 0 -3.75rem auto;
    transform: rotate(180deg);
}
.grid-4 {
    z-index: 1;
    border-radius: 0;
    width: 18.125rem;
    max-width: none;
    position: absolute;
    inset: -3.75rem auto auto 0;
}
.success {
    background-color: #fffdef;
    border-radius: .375rem;
    width: 100%;
}
.message-container {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}
.message-icon {
    color: #3c763d;
    width: 1.5rem;
    height: 1.5rem;
}
.message {
    font-weight: 500;
}
.error {
    color: #d46138;
    background-color: #ffe0d5;
    border-radius: .375rem;
}
.container-team {
    grid-column-gap: 3.75rem;
    grid-row-gap: .75rem;
    grid-template-rows: 13.75rem auto;
    grid-template-columns: 45% 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 7.5rem;
    margin-bottom: 6.25rem;
    padding-left: 3.125rem;
    display: grid;
    position: relative;
}
.team-tittle {
    z-index: 2;
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    color: #cb3129;
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: .25rem;
    display: flex;
    position: relative;
}
.deco-flower {
    z-index: 1;
    width: 8rem;
    max-width: none;
    margin-left: -.3125rem;
}
.message-text {
    z-index: 2;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    color: #3d3938;
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    position: relative;
}
.team-img {
    z-index: 2;
    aspect-ratio: 1 / 1.1;
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    max-width: none;
    height: 100%;
    position: relative;
    overflow: hidden;
    grid-area: span 2 / span 1 / span 2 / span 1;
}
.grid-3 {
    z-index: 0;
    width: 35.6563rem;
    max-width: none;
    position: absolute;
    top: -1.875rem;
    bottom: auto;
    right: auto;
}
.collection-wrapper-award {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 2.25rem;
    display: flex;
}
.award-tittle, .award-tittle a {
    color: #000;
    text-align: left;
}
.heading-2-5 {
    letter-spacing: 0.15rem;
    font-size: 2.675rem;
    font-weight: 600;
    line-height: 130%;
    text-transform: uppercase;
}
.subtitle-3---semibold {
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 135%;
}
/*.circle_shop {
    z-index: 0;
    background-color: #f3e9cb;
    border-radius: 100%;
    width: 17.625rem;
    height: 17.625rem;
    position: relative;
    inset: 0%;
}*/

.flag-div {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 2.625rem;
    margin-bottom: 1.6875rem;
    margin-left: -1.5rem;
    padding-left: 2rem;
    padding-right: 2.5rem;
    display: flex;
    position: relative;
    overflow: hidden;
}
.flag {
    z-index: 0;
    border-radius: 0;
    max-width: none;
    height: 100%;
    position: absolute;
    left: 0;
}
.prize-div {
    z-index: 1;
    position: relative;
}
.featured-prize {
    color: #faf7e8;
    letter-spacing: .01875rem;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    position: static;
}
.product-summary {
    flex: 1;
    width: 100%;
    min-height: 7.3125rem;
    text-decoration: none;
    overflow: hidden;
    color: #000;
}
.button-text---small {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #4c3f99;
    letter-spacing: .03125rem;
    text-transform: uppercase;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 120%;
    text-decoration: none;
    display: flex;
}
.product-detail-button {
    border-bottom: .0625rem solid rgba(76, 63, 153, 0);
    color: #cb3129;
}
.arrow-small-v2 {
    justify-content: flex-start;
    align-items: center;
    width: 1.125rem;
    height: 1.125rem;
    padding-top: .125rem;
    display: flex;
    color: #cb3129;
}
.container-process {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 3.75rem;
    margin-bottom: 5rem;
    display: flex;
}
.process-tittle {
    color: #cb3129;
    text-align: center;
}
.process {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    width: 100%;
    display: flex;
}
.process-grid-1 {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    gap: 50px;
}
.step-card {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(20% - 1.875rem);
    display: flex;
}
.step-number {
    color: #cb3129;
    font-size: 1.75rem;
}
.step-img-div {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
}
.step-img {
    aspect-ratio: 1.3;
    object-fit: cover;
    border-radius: .625rem;
    width: 100%;
    max-width: none;
}
.step-content {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.step-arrow-1 {
    align-self: flex-end;
    width: 6.875rem;
    max-width: none;
    margin-right: -1.25rem;
}
.step-arrow-2 {
    align-self: flex-end;
    width: 6.6875rem;
    margin-bottom: -1.875rem;
    margin-right: -1.25rem;
}
.step-card.offset {
    margin-top: 8.25rem;
}
.subtitle-4.color {
    color: #cb3129;
}
.subtitle-4 {
    color: #383230;
    letter-spacing: .00625rem;
    text-transform: capitalize;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 130%;
}
.body-1---medium {
    color: #3d3938;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 150%;
}
.process-grid-2 {
    flex-flow: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    gap: 50px;
}
.step-card.offset-final {
    margin-top: 20.25rem;
}
.arrow-div {
    display: none;
}
.s2-deco {
    height: 4.375rem;
    position: absolute;
    inset: auto -.9375rem -.625rem auto;
}
.s4-deco {
    width: 3.75rem;
    position: absolute;
    inset: auto auto -.625rem -.9375rem;
}
.s9-deco {
    position: absolute;
    inset: auto -.9375rem -.625rem auto;
}
.step-arrow-3 {
    align-self: center;
    width: 2.875rem;
    margin-top: 2.5rem;
}
.step-arrow-4 {
    width: 6.875rem;
    margin-left: -5.625rem;
}
.step-arrow-5 {
    align-self: flex-start;
    width: 6.6875rem;
    margin-left: -5.625rem;
}
.step-arrow-6 {
    width: 6.3125rem;
    margin-left: -6.25rem;
}
.promise-to {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.bullet-blossom {
    object-fit: contain;
    width: 2.25rem;
    max-width: none;
    height: 3.25rem;
}
.heading-3.indent.medium {
    font-weight: 500;
}
.heading-3.indent {
    padding-top: .9375rem;
}
.promise-image.four-cus, .promise-image.two {
    border-radius: 0;
    order: -1;
}
.div-block-11 {
    width: 100%;
    margin-bottom: 3.75rem;
}
.promise-div {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    background-color: #cb3129;
    color: #faf7e8;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    width: 50%;
    padding: 5rem;
    display: flex;
}
.container-standard-wide-location {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: stretch;
    width: 100%;
    margin-top: 3.75rem;
    margin-bottom: 5rem;
    display: flex;
}
.location-tittle {
    color: #cb3129;
}
.location-div {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: grid;
}
.location-left {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    display: flex;
}
.location-detail {
    grid-column-gap: .375rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.long-text {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-height: 105px;
    display: flex;
    overflow: hidden;
    transition: all 1s ease;
}
.long-text.show {
    max-height: 100%;
}
.location-text {
    letter-spacing: 0.0425rem;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 145%;
}
.location-img-grid {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    border-radius: .625rem;
    /*grid-template-rows: auto auto auto auto;*/
    /*grid-template-columns: 70% minmax(28%, 1fr);*/
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    overflow: hidden;
}
.location-img-big {
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 0;
    width: 100%;
    height: 350px;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.location-right {
    flex-flow: column;
    flex: 1;
    align-self: stretch;
    display: flex;
}
.contact-list.location {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}
.contact-list {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
    display: flex;
}
.location-info-div {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    color: var(--light-black);
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.location-icon {
    justify-content: center;
    align-items: center;
    width: 1.75rem;
    flex: inherit;
    padding-top: .125rem;
    display: flex;
    overflow: hidden;
}
.code-embed-6 {
    align-self: center;
}
.location-details {
    grid-column-gap: .125rem;
    grid-row-gap: .125rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.large-text {
    color: #383230;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 140%;
}
.contact-text {
    color: #383230;
    font-size: 1.45rem;
    font-weight: 400;
    line-height: 160%;
    text-decoration: none;
}
.location-info-div {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    color: #3d3938;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.map {
    border-radius: .375rem;
    flex: 0 auto;
    width: 100%;
    height: 38rem;
    margin-top: 1.25rem;
    display: flex;
    overflow: hidden;
}
.read-less-button {
    color: #cb3129;
    width: auto;
    font-size: 1.25rem;
    font-weight: 600;
    display: none;
}
.read-more-button {
    color: #cb3129 !important;
    width: auto;
    font-size: 1.25rem;
    font-weight: 600;
}
.contact-right-div {
    z-index: 3;
    flex-flow: row;
    flex: none;
    justify-content: center;
    align-items: stretch;
    width: 32.5rem;
    padding-top: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
    position: relative;
}
.deco-form-2 {
    align-self: flex-start;
    height: 9.375rem;
    display: none;
}
.form-block-standard.contact {
    padding-top: 3.875rem;
    padding-bottom: 4.25rem;
}
.form-block-standard {
    grid-column-gap: 2.75rem;
    grid-row-gap: 0rem;
    border: 1px solid #c28a8a;
    background-color: #faf7e8;
    color: #3d3938;
    border-radius: .9375rem;
    flex-flow: column;
    width: 100%;
    padding: 3.75rem 2.5rem 2.5rem;
    display: flex;
}
.form-text {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #383230;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 38.25rem;
    display: flex;
}
.subtitle-3---bold {
    text-align: center;
    text-transform: none;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 130%;
}
.form-standard {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.input-wrapper.contact {
    grid-row-gap: 1.875rem;
}
.input-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 2.875rem;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    width: 100%;
    display: flex;
}
.field-wrapper {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    flex-flow: column;
    display: flex;
}
.field-name {
    text-transform: capitalize;
    font-size: 1.575rem;
    font-weight: 300;
    line-height: 140%;
}
.text-field-1 {
    color: #3d3938;
    background-color: #fff0;
    border: 1px solid #c28a8a;
    height: 4.125rem;
    margin-bottom: 0;
    padding: 2rem 1.875rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 140%;
    border-radius: 8px;
}
.select-field {
    border: 1px solid #c28a8a;
    background-color: #fff0;
    color: #3d3938;
    border-radius: 8px;
    height: 4.125rem;
    margin-bottom: 0;
    padding: 0 1.875rem;
    font-size: 1.5rem;
    font-weight: 500;
    /*-webkit-text-fill-color: #cfbfae;*/
}
.button-1st.form {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    font-size: 1.5rem;
}
.grid-wrapper {
    z-index: 0;
    flex-flow: column;
    width: 100%;
    height: auto;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
}
.grid-wrapper.top {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    inset: 0% 0% auto;
}
.grid-wrapper.bottom {
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    inset: auto 0% 0%;
}
.top-grid {
    border-radius: 0;
    width: 30.25rem;
    max-width: none;
}
.container-standard-wide-contact {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: row;
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 3.75rem;
    padding-bottom: 3.75rem;
    display: flex;
    position: relative;
}
.w-form-done {
    text-align: center;
    background-color: #dff0d8;
    color: #3c763d;
    padding: 20px;
    display: none;
    border-radius: 4px;
}
.w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none;
    border-radius: 4px;
}
.sec-standard-contact {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    display: flex;
    overflow: hidden;
}
.deco-form-2.under {
    align-self: flex-end;
    margin-bottom: 1.25rem;
}
.text-field-1::placeholder {
    color: #cfbfae;
    opacity: 1;
}
.text-field-1.multiline {
    border-style: solid;
    border-color: 1px solid #c28a8a;
    border-radius: 8px;
    height: 15.375rem;
}
.text-field-1.multiline.contact {
    height: 11.625rem;
}
.contact-left-div {
    z-index: 3;
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-flow: column;
    flex: 1;
    width: 35%;
    padding-top: 4.25rem;
    padding-left: 4.25rem;
    display: flex;
    position: relative;
}
.contac-tittle {
    color: #cb3129;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.contact-info-div {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    color: #3d3938;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}
.contact-detail {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.contact-1 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: #383230;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 40rem;
    display: flex;
}
.contact-info-div.top {
    justify-content: flex-start;
    align-items: flex-start;
}
.subttile-3-semibold {
    color: #383230;
    text-transform: none;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 130%;
}
.contact-icon {
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    /*padding-top: .3125rem;*/
    display: flex;
    overflow: hidden;
}
.contact-icon.indent {
    margin-left: .125rem;
}
.contact-text-link {
    color: #383230;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 160%;
    text-decoration: none;
}
.contact-text-link:hover {
    color: #4c3f99;
    text-decoration: underline;
}
.divider {
    background-color: #d9cbba;
    width: 100%;
    height: 1px;
    padding-bottom: 0;
}
.stamp {
    height: 6.25rem;
    position: absolute;
    inset: 1.875rem 2.5rem auto auto;
}
.body-1---large.highlight {
    color: #cb3129;
    margin-top: -.625rem;
    margin-bottom: 0;
    font-weight: 600;
}
.blossom-container {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    padding: 5.625rem 3.75rem 5rem;
    display: flex;
    position: relative;
}
.blossom-text {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    color: #383230;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 90.625rem;
    display: flex;
}
.blossom-tittle {
    z-index: 1;
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    color: #cb3129;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
.blossom {
    border-radius: 0;
    height: 8.625rem;
}
.flare-div-2 {
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    display: flex;
}
.bean-3 {
    height: 10.25rem;
}
iframe {
    width: 100%;
}
.nav-container-lacaph {
    z-index: 100;
    border-bottom: 1px solid #c28a8a;
    width: 100%;
    max-width: none;
    height: 6.0625rem;
    padding-left: 7.125rem;
    padding-right: 7.125rem;
    display: flex;
    position: relative;
}
.search-dropdown-list {
    z-index: 99;
    border-bottom: 1px solid #c28a8a;
    background-color: #faf7e8;
    width: 100%;
    height: 5.625rem;
    top: 6.5rem;
    left: 0;
    right: 0;
}
.search-dropdown-list.w--open {
    height: 8.625rem;
    left: 0;
    right: 0;
}
.search-drop-content {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}
.search-bar-container-v2 {
    justify-content: center;
    align-items: center;
    width: 43.75rem;
    margin-bottom: 0;
    position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative;
}
.search-icon-wrapper-v2 {
    border-radius: 6.25rem;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: 0;
    padding: 0;
    display: flex;
    overflow: hidden;
}
.search-icon {
    border-radius: 0;
    width: 100%;
    max-width: none;
}
.search-icon-wrapper-v2:hover {
    background-color: #fae8e8;
}
.search-input {
    border: 1px solid #c28a8a;
    background-color: #fff;
    color: #383230;
    border-radius: 6.25rem;
    height: 3.875rem;
    margin-bottom: 0;
    padding: 2.25rem 2rem;
    font-size: 1.5rem;
    font-weight: 400;
}
.search-button {
    z-index: 1;
    background-color: #cb3129;
    background-image: url("https://cdn.prod.website-files.com/67459d535506d2e7456eddec/67495cf58993f16fd8ae4084_Search-icon-white.svg");
    background-position: 50%;
    background-size: 100% 100%;
    border-radius: 6.25rem;
    width: 4rem;
    height: 4rem;
    position: absolute;
    inset: 0.35rem 0.375rem 0% auto;
}
.search-dropdown {
    width: 2.75rem;
    height: 2.75rem;
    margin-left: 0;
    margin-right: 0;
    position: static;
}
.footer-illus {
    width: 60.625rem;
}
.lacaph-logo-color.short-ver {
    display: none;
}
.net-weight {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1.25rem;
    display: flex;
}
.info-toggle-copy {
    color: #383230;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.25rem 0;
    display: flex;
}
.info-toggle {
    color: #383230;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.25rem 0;
    display: flex;
}
.spec-short-brief {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    margin-top: .625rem;
    display: flex;
}
.ingerient-under {
    color: #383230;
    letter-spacing: .03125rem;
    padding-bottom: .125rem;
    font-size: 1.5rem;
    font-weight: 500;
}
.text-divider {
    background-color: #3d3938;
    width: .0625rem;
    height: 1.1em;
}
.spe-grid {
    flex-flow: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
}
.spe-row {
    border-bottom: 1px solid #e9e0d6;
    width: 100%;
    padding: 1.125rem 1rem;
    display: flex;
}
.spce-tittle {
    color: #383230;
    text-transform: uppercase;
    width: 9.375rem;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 155%;
}
.spce-tittle.no-cap {
    text-transform: none;
    flex: 1;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 1.3rem;
}
.spce-text {
    flex: 1;
    width: 9.375rem;
    font-size: 1.3rem;
    font-weight: 400;
}
.spe-row.end {
    border-bottom-style: none;
}
.info-drop-down table {
    width: 100%;
}
.info-drop-down table tr {
    border-bottom: 1px solid #e9e0d6;
}
.info-drop-down table tr td {
    border-bottom: 1px solid #e9e0d6;
    width: 9.375rem;
    font-size: 1.3rem;
    padding: 1.125rem 1rem;
}
.more-image-wrap {
    color: #383230;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.75rem 0 2.5rem;
    display: flex;
}
.dropdown-menu-header {
    z-index: 100;
    flex: none;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: relative;
}
.dropdown-nav {
    z-index: 100;
    grid-column-gap: 0.75rem;
    grid-row-gap: .25rem;
    color: #cb3129;
    text-transform: uppercase;
    /*border-bottom: 2px solid #4c3f99;*/
    flex: 1;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: .125rem .25rem 0 .375rem;
    font-family: Josefin Sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    display: flex;
}
.dropdown-nav .arrow_dropdown {
    font-size: 12px;
}
.dropdown-nav.w--open {
    border-bottom-style: solid;
    border-bottom-color: #4c3f9900;
    background-color: #f3e9cb;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    height: 100%;
    display: flex;
    position: static;
}
.flare-bee {
    z-index: 5;
    width: 100%;
    margin-top: -1.25rem;
    margin-bottom: -4.375rem;
    margin-left: -1.875rem;
    display: flex;
    position: absolute;
}
.flare-flower {
    z-index: 5;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    top: 0;
    margin-top: -.625rem;
    margin-bottom: -5rem;
    margin-left: 1.875rem;
    display: flex;
    position: absolute;
}
.bee, .flower {
    border-radius: 0;
    height: 5rem;
}
.product-top-div .button-2nd {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    border: 1px solid #cb3129;
    background-color: #fff;
    color: #cb3129 !important;
    letter-spacing: .0125rem;
    text-transform: capitalize;
    border-radius: 7px;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 20px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    display: flex;
}
.product-top-div {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.arrow-button {
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    padding-top: .125rem;
    display: flex;
}
.hero-product-sec {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 2rem;
    padding-bottom: 0;
    padding-left: 5.75rem;
    padding-right: 5.75rem;
    overflow: hidden;
}
.hero-product-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    display: flex;
    position: relative;
}
.hero-product-wrapper.no-button {
    padding-top: 3.125rem;
}
.hero-content {
    z-index: 2;
    grid-column-gap: 1.25rem;
    grid-row-gap: 2.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}
.illus-hero-center {
    height: 10.25rem;
}
.hero-subtitle {
    color: #383230;
    text-align: center;
    width: 40rem;
}
.hero-grid-wrapper {
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: .625rem;
    display: flex;
    position: absolute;
    inset: 0%;
}
.hero-deco-wrapper-v2 {
    z-index: 0;
    grid-column-gap: 41.375rem;
    grid-row-gap: 24.375rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 10.5625rem;
    display: flex;
    position: absolute;
    inset: 0%;
}
.deco-v2 {
    max-width: none;
    height: 14.625rem;
}
.right-grad-tab {
    display: none;
}
.scrollable-div {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    /*background-color: #fffdef;*/
    background-color: #fff;
    border: 1px solid #c28a8a;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 43.75rem;
    display: flex;
}
.lacaph-menu-drop:hover {
    background-color: #fae8e8;
}
.video_home {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.main-section-lacaph {
    z-index: 10;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    /* Nội dung bắt đầu từ trên xuống */
    /* align-items: center; */
    width: 100%;
    /* TỐI ƯU CHIỀU CAO CHO MOBILE */
    height: 100vh;
    /* Fallback cho các trình duyệt cũ không hỗ trợ dvh */
    height: 100dvh;
    /* Dynamic Viewport Height: Tự động co giãn theo thanh địa chỉ mobile */
    /* BỔ SUNG QUAN TRỌNG */
    overflow: hidden;
    /* Ngăn chặn nội dung bên trong tràn ra ngoài làm hỏng hiệu ứng cuộn */
    position: relative;
    /* Nên dùng relative thay vì static để dễ định vị các phần tử con (như ảnh nền, nút bấm) bên trong */
}
.main-section-lacaph.one {
    z-index: 10;
    padding-top: 3.75rem;
}
.main-section-lacaph.two {
    justify-content: center;
    align-items: center;
}
/*.main-section-lacaph.six_home {
    height: 100%;
}*/

.section-wrapper {
    z-index: 1;
    justify-content: flex-end;
    /* align-items: flex-end; */
    width: 100%;
    height: 100%;
    display: flex;
    /* display: block; */
     position: relative; 
    flex-direction: column;
}
.section-container {
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 3.75rem;
    display: flex;
    gap: 60px;
}
.arrow-long-white {
    justify-content: center;
    align-items: center;
    width: 1.875rem;
    height: 1rem;
    padding-bottom: .125rem;
    display: flex;
}
.lacaph-navlink-wrapper .icon_and:last-child {
    display: none;
}
.col ul li.list_menu+li:not(.list_menu) {
    margin-top: 20px;
}
.main-another-page {
    padding-top: 7.375rem;
}
.sec-standard {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    display: flex;
}
.container-standard-wide-blog {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-self: center;
    align-items: stretch;
    width: 100%;
    max-width: 59.375rem;
    display: flex;
    position: relative;
}
.blog-container {
    grid-column-gap: 1.625rem;
    grid-row-gap: 1.625rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: stretch;
    width: 100%;
    display: flex;
}
.filter-menu {
    z-index: 10;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: #fff;
    flex-flow: column;
    width: 100%;
    padding-top: .875rem;
    padding-bottom: .75rem;
    display: flex;
    /*position: sticky;*/
    top: 0;
    left: 0;
    right: 0;
}
.filter-block {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0;
    display: flex;
}
.filter-div {
    width: 87%;
}
.w-radio {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}
.filter-scroll-div {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    background-color: #4c3f9900;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}
.right-grad-tab-story {
    display: none;
}
.filter-category.is-active, .filter-category.fs-cmsfilter-active {
    background-color: #fae8e8;
    font-weight: 600;
}
.filter-category {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    border: 1px solid #c2a88a;
    color: #383230;
    text-align: center;
    border-radius: 3.25rem;
    flex: none;
    justify-content: center;
    align-items: center;
    min-width: 10.75rem;
    margin-bottom: 0;
    padding: 5px 10px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 150%;
    display: flex;
}
.radio-button.hide {
    display: none;
}
.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block;
}
.more-button {
    color: #3d3938;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    font-weight: 500;
    display: none;
}
.less-button {
    color: #3d3938;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    font-weight: 500;
    display: none;
}
.success-message, .error-message {
    background-color: #4c3f9900;
}
/*.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none;
}*/
.result {
    text-align: left;
    letter-spacing: .0125rem;
    font-size: 1.45rem;
    font-weight: 400;
}
.text-span-3 {
    font-weight: 600;
}
.blog-cms {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: column;
    width: 100%;
    display: flex;
}
.blog-list {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    display: grid;
}
.blog-item {
    width: 100%;
    place-self: stretch stretch;
}
.dot.format_text {
    color: #fff;
}
.footer-col:first-child {
    padding-left: 70px;
}
.footer-col:last-child {
    padding-right: 70px;
}
.article-2, .article-3, .article-4 {
    height: 100%;
}
.blog-card {
    border: 1px solid #c2a88a;
    background-color: #faf7e8;
    flex-flow: column;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.blog-thumb-div {
    aspect-ratio: 1.6;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden;
}
.blog-thumb {
    aspect-ratio: 1.6;
    object-fit: cover;
    border-radius: 0;
    align-self: center;
    width: 100%;
    max-width: none;
}
.blog-info-div {
    flex-flow: column;
    flex: 1;
    width: 100%;
    display: flex;
}
.blog-text-div {
    grid-column-gap: 0.375rem;
    grid-row-gap: 1rem;
    border-bottom: 1px solid #c2a88a;
    color: #383230;
    flex-flow: column;
    flex: 1;
    width: 100%;
    padding: 2.25rem 2.375rem 2.875rem;
    display: flex;
    overflow: hidden;
}
.category {
    color: #4c3f99;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600;
}
.all {
    color: #4c3f99;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 600;
    display: none;
}
.subtitle-4---semibold {
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 135%;
}
.blog-summary-div {
    height: 3.4375rem;
    overflow: hidden;
}
.blog-short-info {
    width: 100%;
    padding-right: 0;
    display: flex;
}
.blog-date {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-right: 1px solid #c2a88a;
    color: #3d3938;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    padding: 1.4rem .825rem 1.4rem 1.875rem;
    font-size: 1.5rem;
    font-weight: 400;
    display: flex;
}
.icon-blog {
    flex: none;
    width: 1.4rem;
}
.blog-time {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #3d3938;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    padding: 1.4rem 1.875rem 1.4rem .875rem;
    font-size: 1.5rem;
    font-weight: 400;
    display: flex;
}
.icon-blog-2 {
    flex: none;
    width: 1.4rem;
}
.sign-up-block-small {
    z-index: 2;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    border-style: solid;
    border-color: #c28a8a;
    border-width: .0625rem 1px .0625rem .0625rem;
    background-color: #faf7e8;
    flex-flow: row;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100%;
    padding: 3.125rem 3.75rem;
    display: flex;
    position: relative;
}
.newsletter-container-v2 {
    z-index: 10;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 3.75rem;
    display: flex;
    position: static;
}
.sign-up-content-v2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.sign-up-text-v2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #383230;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.deco-cup-v2 {
    object-fit: contain;
    width: 10rem;
    max-width: none;
    height: auto;
    margin-right: 3.125rem;
}
.deco-1-v2 {
    z-index: 1;
    aspect-ratio: auto;
    object-fit: contain;
    width: 16.25rem;
    max-width: none;
    margin-bottom: -.25rem;
    position: relative;
}
.hero-product-wrapper.stories {
    margin-top: 3.125rem;
    margin-bottom: 1.25rem;
    padding-top: 5rem;
}
.button-1st.sign-up-v2 {
    width: 100%;
}
.search-input:hover, .search-input:focus {
    border-color: #cb3129;
    background-color: #fffdef;
}
.search-input::placeholder {
    color: #b7b0b0;
}
.five_home {
    grid-column: 1 / 5;
    border-bottom: 1px solid #c28a8a;
}
.custom_ul, .custom_a {
    display: none;
}
.footer-col .custom_ul, .footer-col .custom_a {
    display: block;
}
/*.footer-col .custom_ul li .button_footer:first-child {
    margin-top: 10px;
}*/

.container-standard-wide-wholesale {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: stretch;
    width: 100%;
    margin-bottom: 8.75rem;
    display: flex;
}
.wholesale-1 {
    width: 100%;
    padding-right: 0;
    display: flex;
}
.wholesale-img {
    aspect-ratio: 1.1;
    object-fit: cover;
    border-radius: 0;
    width: 50%;
    height: 100%;
}
.wholesale-intro {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #fae8e8;
    color: #383230;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    padding: 7%;
    display: flex;
}
.x-large-text.dark-on-light {
    letter-spacing: .0125rem;
    margin-top: 0;
    font-weight: 500;
    line-height: 150%;
}
.button-3rd {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    border: 1px solid #c28a8a;
    background-color: #faf7e8;
    color: #cb3129 !important;
    letter-spacing: .0125rem;
    text-transform: capitalize;
    border-radius: .375rem;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 25px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    display: flex;
}
.button-3rd:hover {
    background-color: #c2a88a;
    color: #faf7e8;
}
.hero-product-wrapper.wholesale {
    margin-bottom: 3.75rem;
    padding-top: 6.25rem;
}
.mark-grid-2 {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-rows: auto;
    grid-template-columns: repeat(6, 1fr);
    place-content: start space-between;
    align-self: stretch;
    align-items: flex-start;
    width: 100%;
    display: grid;
    place-self: start center;
}
.mark-tittle {
    z-index: 1;
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    color: #383230;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    position: relative;
}
.mark-card-2 {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}
.mark-icon {
    width: 10.25rem;
}
.mark-content {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.body-1---regular {
    letter-spacing: .0125rem;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.45rem;
    font-weight: 300;
    line-height: 145%;
}
.item_cooperate {
    grid-column: span 2;
}
.item-large {
    grid-column: span 3;
}
.item_cooperate.item-large .body-1---regular {
    width: 60% !important;
}
.item_cooperate .body-1---regular {
    width: 80%;
}
.item_cooperate .subtitle-4 {
    width: 70%;
}
.wholesale-intro .x-large-text {
    font-size: 18px;
}
.further-contact-block {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 3.75rem;
    display: flex;
}
.allcap-semibold {
    color: #383230;
    letter-spacing: .0125rem;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
}
.email-link {
    color: #383230;
}
.email-info {
    color: #383230;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 140%;
}
.select-field:hover, .text-field-1:hover {
    background-color: #fffdef;
}
/*.select-field:valid, .select-field:focus, .select-field:active, .select-field:focus-visible {
    border: 1px solid red;
}*/

/*Pha chế */

.container-standard-wide-recipe {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-self: center;
    align-items: stretch;
    width: 100%;
    max-width: 56.25rem;
    display: flex;
    position: relative;
}
.search-form-block {
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    display: flex;
}
.search-bar-container-recipe {
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 28.75rem;
    margin-bottom: 1.25rem;
    display: flex;
    position: relative;
}
.recipe-container {
    grid-column-gap: 1.625rem;
    grid-row-gap: 1.625rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: stretch;
    width: 100%;
    display: flex;
}
.recipe-cms-wrapper {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: column;
    width: 100%;
    display: flex;
}
.recipe-list {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    width: 100%;
    display: grid;
}
.recipe-item {
    width: 100%;
}
.recipe-card {
    border-style: solid;
    border-width: .0625rem 1px 1px .0625rem;
    border-color: #c28a8a;
    background-color: #faf7e8;
    flex-flow: column;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}
.recipe-thumb-div {
    aspect-ratio: 1.5;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden;
}
.recipe-thumb {
    aspect-ratio: 1.5;
    object-fit: cover;
    border-radius: 0;
    align-self: center;
    width: 100%;
    transition: all 0.5s ease;
    max-width: none;
}
.recipe-info-div {
    flex-flow: column;
    flex: 1;
    width: 100%;
    display: flex;
}
.recipe-text-div {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    border-bottom: 1px solid #c28a8a;
    color: #383230;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 2rem 2rem;
    display: flex;
    overflow: hidden;
}
.subtitle-5---semibold {
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 150%;
}
.recipe-short-info {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-right: 0;
    display: flex;
}
.recipe-date-l {
    grid-column-gap: .5rem;
    grid-row-gap: .375rem;
    border-right: 1px solid #c28a8a;
    color: #3d3938;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    padding: 1.225rem .625rem 1.225rem 1.375rem;
    font-size: 1.4rem;
    font-weight: 400;
    display: flex;
}
.recipe-date-r {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    color: #3d3938;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    padding: 1.225rem .625rem 1.225rem 1.375rem;
    font-size: 1.4rem;
    font-weight: 400;
    display: flex;
}
.prep-text {
    font-weight: 500;
}
.container-standard-recipe {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    display: flex;
    position: relative;
}
.div-standard-recipe {
    flex-flow: column;
    width: 43.75rem;
    margin-top: .5rem;
    margin-bottom: 3.75rem;
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 160%;
    display: flex;
}
.highlight-block-recipe {
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-bottom: 3.25rem;
    display: flex;
    position: relative;
}
.flare-div-recipe {
    z-index: 2;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    margin-bottom: -.6875rem;
    display: flex;
    position: relative;
}
.human-3 {
    width: auto;
    max-width: none;
    height: 10.9375rem;
}
.container-blog {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}
.container-blog.outline {
    border: 2px solid #c28a8a;
    z-index: 1;
    background-color: #fffdef;
    margin-top: 0;
    padding: .6125rem;
}
.inside-div-recipe {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    border: 1px solid #c2a88a;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 3rem 3.525rem;
    font-size: 1.4rem;
    font-weight: 300;
    display: flex;
}
.story-blog-text {
    text-align: center;
    line-height: 1.5;
}
.story-blog-text h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.7rem;
    margin-bottom: 15px;
    font-weight: 600;
    color: inherit;
    text-transform: none;
}
.recipe-hero-img {
    z-index: 2;
    aspect-ratio: 1.1;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: .625rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    display: flex;
    position: relative;
    overflow: hidden;
}
.recipe-hero {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    max-width: none;
    height: 100%;
}
.prep-container {
    background-color: #f3e9cb;
    border-radius: .625rem;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: 2.5rem;
    padding: 3.75rem 3.5rem 3.5rem;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    display: flex;
}
.prep-text-container {
    grid-column-gap: .25rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.heading-3-5 {
    letter-spacing: -.01875rem;
    font-size: 2rem;
    font-weight: 600;
    line-height: 140%;
}
.rich-text-block-5 {
    margin-left: -.25rem;
}
.image-8 {
    object-fit: contain;
    height: 10.5rem;
}
.video-recipe {
    border-radius: 8px;
    width: 100%;
    margin-top: 4.25rem;
    overflow: hidden;
}
/*.video-recipe iframe {
    height: 100%;
    width: 100%;
}*/

.w-video {
    width: 100%;
    padding: 0;
    position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.article-navigation {
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-top: 2.5rem;
    display: flex;
}
.pre-page-2 {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    color: #383230;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    font-weight: 500;
    text-decoration: none;
    display: flex;
}
.next-page-2 {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    color: #383230;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: center;
    width: 100%;
    font-weight: 500;
    text-decoration: none;
    display: flex;
}
.pre-arrow {
    justify-content: center;
    align-items: center;
    width: 4.25rem;
    height: 2.25rem;
    /*padding-top: .5rem;*/
    display: flex;
}
.pre-arrow svg {
    width: 100%;
}
.step-container {
    grid-column-gap: .625rem;
    grid-row-gap: .9rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 4.375rem;
    padding-left: 4.5rem;
    padding-right: 4.5rem;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    line-height: 160%;
}
.next-page-2:hover {
    color: #4c3f99;
    text-decoration: underline;
}
.hero-sec-recipe {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    display: flex;
    overflow: visible;
}
.hero-wrapper-recipe {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 43.75rem;
    margin-top: 1.25rem;
    display: flex;
}
.hero-tittle-wrapper-recipe {
    z-index: 1;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 1.875rem;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    display: flex;
    position: relative;
}
.hero-content-recipe {
    z-index: 2;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}
.hero-text-container-recipe {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.post-tittle {
    color: #cb3129;
    text-align: center;
    width: 43.75rem;
}
.heading-2-2-copy {
    letter-spacing: -.03125rem;
    font-size: 4rem;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}
.short-info-recipe {
    grid-column-gap: 2.75rem;
    grid-row-gap: 2.75rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}
.recipe-date {
    grid-column-gap: .5rem;
    grid-row-gap: .3125rem;
    color: #3d3938;
    justify-content: flex-start;
    align-items: center;
    padding-top: .625rem;
    padding-bottom: .625rem;
    font-size: 1.4rem;
    font-weight: 400;
    display: flex;
}
.icon-blog-3 {
    color: #cb3129;
    flex: none;
    width: 1.2rem;
    padding-top: .25rem;
}
.hero-grid-wrapper-blog {
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute;
    inset: 0 0% auto;
}
}
.hero-grid {
    border-radius: 0;
    width: 38.75rem;
    position: static;
    inset: auto 0% 0%;
}
.w-richtext ol, .w-richtext ul {
    overflow: hidden;
    padding-inline-start: 0px;
}
ol li {
    counter-increment: list-counter;
    display: flex;
    align-items: center;
    gap: 14px;
    line-height: 1.6;
    padding-left: 5px;
    position: relative;
    padding-bottom: 16px;
    font-size: 16px;
}
.rich-text-block-5 ol li::before {
    content: counter(list-counter, decimal-leading-zero) ".";
    font-family: "Josefin Sans", sans-serif;
    font-weight: medium;
    color: #C2A88A;
    font-size: 26px;
    min-width: 35px;
    align-items: flex-start;
    padding-top: 3px;
}
.rich-text-block-5 ol li:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #D9CBBA;
    margin-top: 16px;
}
.rich-text-block-5 ul {
    margin-top: 0;
    margin-bottom: .3125rem;
    padding-left: 2rem;
    overflow: visible;
    list-style-type: disc;
}
.rich-text-block-5 ul li::marker {
    color: #C2A88A;
    font-size: 1.5em;
}
.rich-text-block-5 li {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.sec-standard-end-link {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    display: flex;
}

.div-block-18 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.div-block-19 {
    color: #cb3129;
}
.button-2nd.shop-now {
    background-color: #4c3f9900;
    padding: .625rem 1.875rem;
    color: #cb3129;
}
.button-2nd.shop-now:hover {
    background-color: #cb3129;
}
.bundle {
    width: 32.75rem;
    max-width: none;
}
.bean-right-v2 {
    z-index: 2;
    height: 8.625rem;
    position: absolute;
    inset: -.625rem -.625rem auto auto;
}
.bean-left-v2 {
    z-index: 2;
    height: 8.3125rem;
    position: absolute;
    inset: auto auto -.625rem -.9375rem;
}
.suggest-container {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    color: #383230;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 46.875rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0;
    display: flex;
}
.relate-div {
    align-self: flex-start;
}
.subtittle-1-v2-2 {
    color: #383230;
    letter-spacing: 0;
    text-transform: none;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 130%;
}
.suggest-collection-wrapper {
    width: 100%;
    display: block;
    overflow: hidden;
}
.suggest-list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    display: flex;
    overflow: hidden;
}
.suggest-list {
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.container-standard-blog {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    display: flex;
    position: relative;
}
.recipe-item:hover img {
    transform: scale(1.2);
}
.hero-product-sec.recipe {
    margin-top: 1.25rem;
    padding-top: 5rem;
    padding-bottom: 6.125rem;
}
/*Dang nhap*/

.button-1st.bsubmit {
    border: none;
    display: inline-flex;
}
.login_form .text-field-1 {
    /*border-top-left-radius: 0;
    border-bottom-left-radius: 0;*/
}
.login_form .input-group-addon {
    border-radius: 8px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #c28a8a;
    border-right: none;
    background: #fae8e8;
}
.login_form .form_login {
    width: 85%;
}
.login_form .sign-up-content, .lostpass_form .sign-up-content {
    align-items: center;
}
.login_form .sign-up-text, .lostpass_form .sign-up-text {
    align-items: center;
    text-align: center;
}
.lostpass_form .input-group {
    width: 100%;
}
.user-dropdown {
    position: relative;
    display: inline-block;
}
i.user-icon {
    font-size: 20px;
    /*margin-left: 22px;*/
    position: relative;
    color: #cb3129;
}
.dropdown-hover-area {
    position: absolute;
    top: 20px;
    right: -20px;
    width: 50px;
    height: 30px;
}
.dropdown-box {
    position: absolute;
    top: 45px;
    right: 0;
    width: 300px;
    background: #fff;
    /* border-radius: 10px; */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    padding: 15px;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 999;
}
.dropdown-box .dd-list {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
    max-height: 60vh;
    overflow: auto;
}
.dropdown-box .dd-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 8px;
    border-radius: 10px;
    color: #1f2937;
    text-decoration: none;
}
.dropdown-box .ico {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    display: grid;
    place-items: center;
    font-size: 14px;
    background: #ffffff;
    color: #cb3129;
}
.dropdown-box .dd-list .ico i {
    margin-left: 0px !important;
    font-size: 14px;
}
.icons .ico i {
    color: #E48312;
}
.dropdown-box .dd-item span {
    color: #1f2937;
}
.dd-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 12px;
    /*background: linear-gradient(135deg, #931f1f, #fec7c7);*/
    /*background: linear-gradient(135deg, #9074c7, #c7e7fe47);*/
    background: #f3efe7;
    border: 1px solid #c28a8a;
    margin-bottom: 8px;
    color: #000;
    font-weight: 600;
}
.dropdown-box .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #9aa5b1, #c7d2fe);
    display: grid;
    place-items: center;
    color: #ffffff;
    font-weight: 700;
    position: relative;
}
.dropdown-box .avatar img {
    width: 100%;
    border-radius: 50%;
}

/*Dang nhap*/

.nav-lang-switch {
    /*position: absolute;*/
    top: 50%;
    right: 20px;
    /*transform: translateY(-50%);*/
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    z-index: 99;
}

.nav-lang-switch .lang-item {
    color: #222;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

.nav-lang-switch .lang-item:hover {
    color: #c9302c;
}

.nav-lang-switch .lang-item.active {
    color: #c9302c;
}

.nav-lang-switch .lang-separator {
    color: #999;
}

.dropdown-box .nav-lang-switch {
    justify-content: center;
}

.box_bottom_footer {
    padding-top: 3px;
    height: 50%;
}