@charset "utf-8";
/* CSS Document */
/* EnGenius India header */
/*
IN header style and guide for IN site
------------------------------------------------------------------------------------------------------
01. If copy to EU need to change: header "ul#menu-navigation" li
02. Multi-language need to modify: header "ul#menu-navigation" li.
*/
header .site-navigation ul.menu > li.resource > ul > li {
  width:  fit-content!important;
}





/* 
Header Font Styles
------------------------------------------------------------------------------------------------------
*/
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Lato Regular"), local("Lato-Regular"),
    url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXjeu.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: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Lato Regular"), local("Lato-Regular"),
    url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.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;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh6UVSwaPGR_p.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: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh6UVSwiPGQ.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;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Lato Black"), local("Lato-Black"),
    url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwaPGR_p.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: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Lato Black"), local("Lato-Black"),
    url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwiPGQ.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: local("Roboto"), local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v20/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: local("Roboto"), local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v20/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: local("Roboto"), local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v20/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: local("Roboto"), local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v20/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: local("Roboto"), local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)
      format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v20/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: local("Roboto"), local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v20/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 Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"),
    url(https://fonts.gstatic.com/s/robotocondensed/v18/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: local("Roboto Condensed"), local("RobotoCondensed-Regular"),
    url(https://fonts.gstatic.com/s/robotocondensed/v18/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: local("Roboto Condensed"), local("RobotoCondensed-Regular"),
    url(https://fonts.gstatic.com/s/robotocondensed/v18/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: local("Roboto Condensed"), local("RobotoCondensed-Regular"),
    url(https://fonts.gstatic.com/s/robotocondensed/v18/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: local("Roboto Condensed"), local("RobotoCondensed-Regular"),
    url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2)
      format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"),
    url(https://fonts.gstatic.com/s/robotocondensed/v18/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: local("Roboto Condensed"), local("RobotoCondensed-Regular"),
    url(https://fonts.gstatic.com/s/robotocondensed/v18/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;
}
/* Manrope */
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggqxSuXd.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: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggqxSuXd.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: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_P-bnBeA.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: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_G-bnBeA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_B-bnBeA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_N-bnBeA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_M-bnBeA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE9_C-bk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_P-bnBeA.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: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_G-bnBeA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_B-bnBeA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_N-bnBeA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_M-bnBeA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v14/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_C-bk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/*
css variables
------------------------------------------------------------------------------------------------------
*/
:root {
  --ul-regular-height: 266px;
  --level34-li-width:200px;
  --solution-level23-ul-height:calc(33px * 8 + 26px * 2 + 37px);
  --product-level23-ul-height:calc(49.11px * 8 + 16px * 2 );
}

/* 
arrow
------------------------------------------------------------------------------------------------------
*/
header i {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}

header .right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

header .left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

header .up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

header .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/* ---------------------------------------------------------------------------------------------------- */
header .site-branding a img{
  width: 100px;
  height: auto;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(157deg) brightness(109%) contrast(101%);
}

header.site-header {
  margin: 0px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #000000;
  padding: 0px;
  max-width: none;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 0 30px;
  box-shadow: -7px 7px 37px rgba(0,0,0,.4)!important;
}

header .site-title {
  display: none;
}
/*
remove WP setting
*/
.site-navigation ul.menu li{
  position: initial;
}
.site-navigation ul.menu li.menu-item-has-children {
  padding-right: 0 !important;
}

.site-navigation ul.menu li ul {
  min-width: inherit;
}
.site-navigation ul.menu > li > ul > li > ul{
  left: 326px;/*LA*/
}
.site-navigation ul.menu > li.language > ul > li > ul{
  left: 145px;/*0831*/
}
/*Share*/
.site-navigation .mobile{
  display: none!important;
}
/* 
Top Level Menu Styles
------------------------------------------------------------------------------------------------------
*/

/*----------------------------search-start----------------------------*/
header .site-branding .show-search-container {
  display: none;
}
.show-search-container.desktop {
  display: flex!important;
  align-items: center;
}
header img.show-search {
  width: 22px;
  cursor: pointer;
  margin-left: 36px;
  margin-right: 40px;
  filter: invert(50%) sepia(0%) saturate(0%) hue-rotate(140deg) brightness(93%) contrast(96%);
}
@media (max-width: 959px) {
  header img.show-search {
    margin-top: 5px;
    width: 32px;
  }
  .show-search-container.desktop {
    display: none!important;
  }
}

/* There are two search icons, one for mobile and one for desktop. Only show this one in mobile view */
header .site-branding .show-search-container {
  display: none;
}

header img.show-search:hover {
  filter: invert(52%) sepia(62%) saturate(5472%) hue-rotate(166deg)
    brightness(102%) contrast(101%);
}

/*----------------------------search-end----------------------------*/

/*logo*/
header .site-branding {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  position: relative;
  transition: all 400ms ease;
  transition-property: left, margin-left;
  margin-left: 0px;
  margin-right: 40px;
  left: 0;
}
header .site-branding a {
  margin-bottom: 0px;
}

header nav.site-navigation {
  justify-content: flex-end;
}

header ul.menu > li {
  padding: 0px;
}

header .site-navigation ul.menu > li > a {
  /*reserve .site-navigation to overwrite hello-elementor*/
  color:#FFF;
  padding: 26px 15px 21px;
  transition: 0.3s;
  letter-spacing: 0.8px;
  display: flex!important;
  align-items: center;
  justify-content: space-between;
  font-size: 15.4px;
  letter-spacing: 0;
}
header .site-navigation ul.menu > li.language{
  position: relative;/*0831*/
}
header .site-navigation ul.menu > li.language .language-icon{
  width: 17px;
  height: 17px;
  margin-right: 4px;
  filter: invert(50%) sepia(0%) saturate(0%) hue-rotate(140deg) brightness(93%) contrast(96%);
  transition: all 0.2s;
}
header .site-navigation ul.menu > li.language:hover .language-icon{
  filter: invert(100%) sepia(85%) saturate(193%) hue-rotate(198deg) brightness(119%) contrast(100%);
  transition: all 0.2s;
}
header .site-navigation ul.menu > li.language a.mobile-language{
  display: none!important;
}
header ul.menu > li > a:hover {
  color:#03a9f4;
}
header ul.menu > li.language > a{
  font-size: 12px;
}
header ul.menu > li.language > a > span.language-icon {
  width: 16.5px;
  height: 16.5px;
  background-image: url(https://static.engeniuscdn.com/wp-content/uploads/2023/07/12034232/Group-1091.svg);
  /* background-image: url(https://static.engeniuscdn.com/wp-content/uploads/2023/09/04012436/select.svg); */
  background-size: cover;
  filter: invert(98%) sepia(7%) saturate(28%) hue-rotate(264deg) brightness(107%) contrast(99%);
  margin-right: 9.5px;
}

@media only screen and (min-width: 959px) {
  header ul.menu > li.language > a > span.arrow-right {
    display: none;
  }
}
header ul.menu > li > a > span.arrow-right {
  border: solid #FFF;
  border-width: 0 2.5px 2.5px 0;
  padding: 3px;
  transform: rotate(45deg);
  position: relative;
  float: right;
  right: 0;
  top: -1.5px;
  margin-left: 10px;
}
header ul.menu > li > a:hover > span.arrow-right  {
  border: solid #03a9f4;
  border-width: 0 2.5px 2.5px 0;
}
header .site-navigation ul.menu li.menu-item-has-children::after {
  display: none;
}
header .site-navigation ul.menu li.contact-us {
  display: flex;
}
/* ---------------------------------------------------------------------------------------------------- */

/* 
Secondary Level Menu Styles
------------------------------------------------------------------------------------------------------
*/
header .site-navigation ul.menu > li > ul > li > a,
header .site-navigation label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0;
  line-height: inherit;
}
@media (min-width: 960px){
  header .site-navigation ul.menu > li.language > ul > li > a{
    padding-left: 0;
  }
}
header .site-navigation ul.menu li ul {
  z-index: 2;
}
header .site-navigation ul.menu > li > ul {
  z-index: 2;
  background: #222222;
  border: none;
  width: 726px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin:0 auto ;
  left: 0;
  right: 0;
  box-shadow: 0 17px 37px 0 rgb(0 0 0 / 69%);
}
header .site-navigation ul.menu > li.solution > ul {
  height: var(--solution-level23-ul-height)
}
header .site-navigation ul.menu > li.product > ul {
  height: var(--product-level23-ul-height);
}
header .site-navigation ul.menu > li.resource > ul {
  height: 260px;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
}
header .site-navigation ul.menu > li.partners > ul {
  height: 260px;
}
@media (min-width: 960px){
  header .site-navigation ul.menu > li.language > ul {
    height: 260px;/*auto*/
    width: 380px;
    position: absolute;
    right: -100px;
    left: auto;
  }
}
header .site-navigation ul.menu li ul li.menu-item-has-children:after{
  transform: rotate(0deg);
}
header .site-navigation ul.menu > li > ul > li {
  position: static;
  padding-left: 30px;
  font-size: 15.4px;
  width: 326px;
}
header .site-navigation ul.menu > li.resource > ul > li {
  width: 230px;
}
@media (min-width: 960px) {
  header .site-navigation ul.menu > li.language > ul > li{
    width: 145px;
    padding-left: 25px;
  }
  /*----------------------------------------------------------------
  Solving the diagonal submenu hover problem with CSS - start
  ----------------------------------------------------------------*/
  /*first level*/
  header .site-navigation ul.menu > li > a{
    position: relative;
  }
  header .site-navigation ul.menu > li:hover > a:before, 
  header .site-navigation ul.menu > li:hover > a:after{
    content: "";
    position: absolute;
    z-index: 99;
    animation: subnavHoverHelp01 1s;
    display: block; 
    /* background-color: #03A9F4; */
    bottom: 0;
  }
  header .site-navigation ul.menu > li:hover a:before{
    right: 100px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  }
  header .site-navigation ul.menu > li:hover a:after{
    left: 100px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
  }
  header .site-navigation ul.menu > li:hover li li a:after{
    clip-path:none;
  }
  @keyframes subnavHoverHelp01 {
    0% {
      width: 150px;
      height: 75px;
    }
    75% {
      width: 100px;
      height: 75px;
    }
    100% {
      width: 50px;
      height: 50px;
    }
  }
  /*second level*/
  header .site-navigation ul.menu > li > ul > li > a,
  header .site-navigation ul.menu > li > ul > li label{
    position: relative;
  }
  header .site-navigation ul.menu > li > ul > li:hover label:before, 
  header .site-navigation ul.menu > li > ul > li:hover label:after{
    content: "";
    position: absolute;
    z-index: 99;
    animation: subnavHoverHelp02 2s;
    display: block; 
    /* background-color: #03A9F4; */
  }
  header .site-navigation ul.menu > li > ul > li:hover label:before{
    right: 0;
    bottom: 35px;
    clip-path: polygon(0 100%, 100% 100%, 100% 0);
  }
  header .site-navigation ul.menu > li > ul > li:hover label:after{
    right:0;
    top: 35px;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
  }
  @keyframes subnavHoverHelp02 {
    0% {
      width: 70%;
      height: 150px;
    }
    50% {
      width: 30%;
      height: 100px;
    }
    99%{
      width: 15%;
      height: 100px;
    }
    100% {
      width: 0;
      height: 0px;
    }
  }

  /*----------------------------------------------------------------
  Solving the diagonal submenu hover problem with CSS - end
  ----------------------------------------------------------------*/
}
/*word-regular*/
header .site-navigation ul.menu > li > ul > li > a {
  color: #FFF;
  padding: 0;
}
/*word-title-with-icon*/
header .site-navigation ul.menu > li > ul > li > a,
header .site-navigation label {
  color: #FFF;
  cursor: pointer;
  padding-top: 13px;
  padding-bottom: 13px;
}
header .site-navigation ul.menu > li > ul > li > a{
  padding-left: 30px;
}
header .site-navigation label .label-content {
  position: relative;
  letter-spacing: 0;/*Avoid product page UI shows different*/
}

.padding-bottom > a{
  margin-bottom: 0px;
}
.padding-top > a{
  margin-top: 19px;
}

header .menu-item-has-children > a > span.arrow-right,
header .menu-item-has-children > label > span.arrow-right {
  border: solid #FFF;
  border-width: 0 2.5px 2.5px 0;
  padding: 3px;
  transform: rotate(-45deg);
  position: relative;
  float: right;
  right: 24px;
  top: 0px;
}

header .menu-item-has-children > label > span.arrow-right {
  top: 1px;
  transition: 0.4s transform;
}

header
  .menu-item-has-children.open-navigation-child
  > label
  > span.arrow-right {
  top: 1px;
  transform: rotate(45deg);
}

header .site-navigation ul.menu li.arrow-right:hover a {
  border: solid #595959;
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/*word-hover*/
header .site-navigation ul.menu > li > ul > li:hover{
  cursor: pointer;
}
header .site-navigation ul.menu > li > ul > li:hover > a,
header .site-navigation ul.menu > li > ul > li:hover label{
  color: #03A9F4;
}
header .site-navigation ul.menu > li > ul > li:hover a .arrow-right,
header .site-navigation ul.menu > li > ul > li:hover label .arrow-right{
  border: solid #03A9F4;
  border-width: 0 2.5px 2.5px 0;
}
header .site-navigation ul.menu > li > ul > li:hover > a img,
header .site-navigation ul.menu > li > ul > li:hover label img{
  filter: invert(88%) sepia(13%) saturate(27%) hue-rotate(21deg) brightness(92%) contrast(90%);
}
header .menu-svg {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  filter: invert(51%) sepia(2%) saturate(2%) hue-rotate(334deg) brightness(92%);
}


/* ---------------------------------------------------------------------------------------------------- */

/* 
Tertiary Level Menu Styles
------------------------------------------------------------------------------------------------------
*/
/*level 3-4*/
header .site-navigation ul.menu > li > ul > li > ul.sub-menu {
  display: flex;
  position: absolute;
  top: 0;
  padding-top: 26px;
  height: var(--product-level23-ul-height);
}
header .site-navigation ul.menu > li.language > ul > li > ul.sub-menu{
  flex-direction: column;
  background: white;
}
/*add LA background start*/
header .site-navigation ul.menu ul{
  background-color: #222222;
}
header .site-navigation ul.menu > li.solution > ul > li > ul.sub-menu{
  background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2023/08/08101144/Group-1097-1.jpg");
  background-size: auto 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}
header .site-navigation ul.menu > li.product > ul > li > ul.sub-menu{
  background-size: auto 100% ; 
  background-position: right bottom;
  background-repeat: no-repeat;
}
header .site-navigation ul.menu > li.product > ul > li.indoor-wireless > ul.sub-menu{
  background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2024/08/16162205/products-ap.jpg");
}
header .site-navigation ul.menu > li.product > ul > li.outdoor-wireless > ul.sub-menu{
  background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2024/08/16162758/products-outdoor-ap.jpg");
}
header .site-navigation ul.menu > li.product > ul > li.switch > ul.sub-menu{
  background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2024/03/18082837/sw-bg.jpg");
}
header .site-navigation ul.menu > li.product > ul > li.gateway  > ul.sub-menu{
  background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2023/07/18061242/gw-bg.jpg");
}
header .site-navigation ul.menu > li.product > ul > li.camera > ul.sub-menu{
  background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2025/03/25065341/IP-CAM-bg.jpg");
}
header .site-navigation ul.menu > li.product > ul > li.pdu > ul.sub-menu{
  background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2024/03/18074129/pdu-bg-1.jpg");
}
header .site-navigation ul.menu > li.product > ul > li.network-mgt > ul.sub-menu{
  background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2023/07/18061214/management-bg.jpg");
}
header .site-navigation ul.menu > li.product > ul > li.accessories > ul.sub-menu{
  background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2023/07/18061229/accessories-bg.jpg");
}
header .site-navigation ul.menu > li.product > ul > li.camera > ul.sub-menu > li,
header .site-navigation ul.menu > li.product > ul > li.pdu > ul.sub-menu > li,
header .site-navigation ul.menu > li.product > ul > li.accessories  > ul.sub-menu > li{
  width: 400px;
}
header .site-navigation ul.menu > li.resource > ul{
  background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2023/07/31104348/Group-1106.jpg");
  background-size: auto 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}
header .site-navigation ul.menu > li.partners > ul{
  background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2023/07/31104346/Group-1099.jpg");
  background-size: auto 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

/*add LA background end*/
header .site-navigation ul.menu ul ul.sub-menu > li.opacity-title > a {
  opacity: 0;
}
header .site-navigation ul.menu ul ul.sub-menu > li {
  width: var(--level34-li-width); 
}
header .site-navigation ul.menu li.language ul ul li {
  width: 235px;
}
/*ul-border*/
header .site-navigation ul.menu > li > ul > li > ul.sub-menu {
  border: none;
  max-height: 100%;
}

/*ul-height*/
header .site-navigation ul.menu > li > ul > li > ul {
  height: var(--ul-regular-height);
}

@-moz-document url-prefix() {
  header .site-navigation ul.menu > li > ul > li > ul {
    height: 427px;
  }
}


/*word-title*/
header .site-navigation ul.menu > li > ul > li > ul > li > a,
header .site-navigation ul.menu > li > ul > li > ul > li > ul > li.pretend-third-title > a {
  color: #FFF;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: 0.3px;
  padding: 0 24px 8px;
  text-align: left;
  cursor: default;
}
header .site-navigation ul.menu > li > ul > li > ul > li > ul > li.pretend-third-title > a {
  padding-top: 28px;
}
@media (min-width: 960px){
  header .site-navigation ul.menu > li.language > ul > li > ul > li > a{
    cursor: pointer;
    color: #212121;
    font-size: 15.4px;
    letter-spacing: -0.4px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 36px;
  }
  header .site-navigation ul.menu > li.language > ul > li > ul > li > a span.language-select{
    left: 12px;
  }
}
@media (max-width: 959px){
  header .site-navigation ul.menu > li.language > ul > li > ul > li > a span.language-select{
    position: static!important;
    order: 3;
    margin-left: 8px;
  }
}
header .site-navigation ul.menu > li.language > ul > li > ul > li > a span.language-select{
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(https://static.engeniuscdn.com/wp-content/uploads/2023/09/04012436/select.svg);
  background-size: auto auto;
  filter: invert(78%) sepia(86%) saturate(1340%) hue-rotate(120deg) brightness(94%) contrast(98%);
  position: absolute;
}

header .site-navigation ul.menu > li.language > ul > li > ul > li > a:after{
  content: "";
  display: inline-block!important;
  width: auto;
  height: auto;
  color: #03A9F4;
  background: none;
  clip-path: none;
  padding-left: 6px;
}
header .site-navigation ul.menu > li.language > ul > li > ul > li:hover > a:after{
  color: #05ECED;
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.eu-en > a:after{
  content: "English";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.eu-es > a:after{
  content: "Español";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.eu-it > a:after{
  content: "Italiano";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.eu-fr > a:after{
  content: "Français";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.eu-de > a:after{
  content: "Deutsch";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.eu-ru > a:after{
  content: "Pусский";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.us-en > a:after{
  content: "English";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.us-es > a:after{
  content: "Español";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.apac-en > a:after{
  content: "English";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.apac-vi > a:after{
  content: "Việt";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.apac-th > a:after{
  content: "ไทย";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.tw-tw > a:after{
  content: "繁體中文";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.jp-jp > a:after{
  content: "日本語";
}
header .site-navigation ul.menu > li.language > ul > li > ul > li.in-en > a:after{
  content: "English";
}
/*word-title-underline*/
header .site-navigation ul.menu > li > ul > li > ul > li > a::after,
header .site-navigation ul.menu > li > ul > li > ul > li > ul > li.pretend-third-title > a::after {
  content: "";
  display: block;
  background-color: #C7C7C7;
  height: 1px;
  width: 94%;
}
/* header .site-navigation ul.menu > li.language > ul > li > ul > li > a::after{
  display: none;
} */
header .site-navigation ul.menu > li > ul > li.camera > ul > li > a::after,
header .site-navigation ul.menu > li > ul > li.pdu > ul > li > a::after,
header .site-navigation ul.menu > li > ul > li.accessories  > ul > li > a::after{
  width: calc(50% - 24px);
}

/* ---------------------------------------------------------------------------------------------------- */

/* 
Quaternary Level Menu Styles
------------------------------------------------------------------------------------------------------
*/

header .site-navigation ul.menu ul ul ul {
  background: transparent;
  border: none; 
  display: flex;
  flex-direction: column;
  top: 30px;
  left: 0;
  padding-bottom:24px;
  position: static;
}
/*only desktop - product ul need same height*/
@media (min-width: 960px){
  header .site-navigation ul.menu li.product ul li:nth-child(2) ul ul{
    height: 270px;
  }
  header .site-navigation ul.menu li.solution ul li:nth-child(2) ul ul{
    height: 260px;
}
}
header .site-navigation ul.menu ul li.two-line-title ul ul {
  top: 70px;
}
header .site-navigation ul.menu ul ul ul.sub-menu > li {
  width: var(--level34-li-width); 
}
/*solution*/
header .site-navigation ul.menu ul ul ul.sub-menu > li.fit-express,
header .site-navigation ul.menu ul ul ul.sub-menu > li.fit-controller {
  display: block!important;
}
header .site-navigation ul.menu ul li.fit ul ul.sub-menu > li a::after {
  content: "";
  display: block;
  color:#7E7E7E;
  font-size: 12px;
  padding-right: 24px;
}
/*product*/
header .site-navigation ul.menu li.product ul ul ul.sub-menu > li a::after {
  content: "";
  display: block;
  color:#7E7E7E;
  font-size: 12px;
  padding-right: 24px;
  letter-spacing: 0;
}
header .site-navigation ul.menu ul ul li.nav-platform > ul.sub-menu > li {
  width: 150px!important; /*platform*/ 
}
/*word*/
header .site-navigation ul.menu ul ul ul a {
  color: #FFF;
  padding: 12px 0 0 24px;
  font-size: 14px;
  text-align: left;
}

/*word-hover*/
header .site-navigation ul.menu ul ul ul li:hover a{
  color: #2CFFFF;
}
/* ---------------------------------------------------------------------------------------------------- */

/* 
Hide And Show Menu Styles
------------------------------------------------------------------------------------------------------
*/
header .site-navigation ul.menu li.solution ul ul.sub-menu > li{
  width: 230px; 
} 
header .site-navigation ul.menu li.solution ul li.eoc ul.sub-menu > li{
  width: 460px; 
} 
/*temporarily hide css*/
header .site-navigation ul.menu li.hide{
  display: none!important;
}
header .site-navigation ul.menu ul li {
  display: none; 
}
/*show-menu-normal*/
header .site-navigation ul.menu li:hover > ul > li {
  display: block;
}
header .site-navigation ul.menu > li.resource:hover > ul {
  display: flex;
}
/*show-menu-3-4*/
header .site-navigation ul.menu > li > ul > li:hover > ul > li,
header .site-navigation ul.menu > li > ul > li:hover > ul > li > ul > li {
  display: block;
}
/*default show first menu item*/
header .site-navigation ul.menu > li.language a.mouseOn,
header .site-navigation ul.menu > li.solution label.mouseOn,
header .site-navigation ul.menu > li.product label.mouseOn{
  color:#03A9F4;
}
header .site-navigation ul.menu > li.language a.mouseOn .arrow-right,
header .site-navigation ul.menu > li.solution label.mouseOn .arrow-right,
header .site-navigation ul.menu > li.product label.mouseOn .arrow-right{
  border: solid #03A9F4;
  border-width: 0 2.5px 2.5px 0;
}
header .site-navigation ul.menu > li.solution> ul > li:first-child label.mouseOn img,
header .site-navigation ul.menu > li.product > ul > li:first-child label.mouseOn img{
  filter: invert(90%) sepia(1%) saturate(599%) hue-rotate(66deg) brightness(94%) contrast(96%);
}
header .site-navigation ul.menu > li:hover > ul > li:first-child > ul > li,
header .site-navigation ul.menu > li:hover > ul > li:first-child > ul > li > ul > li {
  display: block;
}

/*hamberger-icon-----start*/
body.slide-right .nav-icon:before {
  transform: translateY(8px) rotate(135deg);
}

body.slide-right .nav-icon:after {
  transform: translateY(-8px) rotate(-135deg);
}

body.slide-right .nav-icon div {
  transform: scale(0);
}
/*hamberger-icon-----end*/
/*CONTACT US-------START*/

#contact-us-container {
  width: auto;
  display: flex;
  align-items: center;
}

#contact-us-container a {
  margin-left: 36px;
  color: white;
  font-size: 12px;
  display: flex;
  align-items: center;
  letter-spacing: 0;
}

#contact-us-container a:hover {
  color: #03a9f4;
}
#contact-us-container img{
  width: 17px;
  height: 17px;
  margin-right: 10px;
  filter: invert(50%) sepia(0%) saturate(0%) hue-rotate(140deg) brightness(93%) contrast(96%);
}
#contact-us-container a:hover img{
  filter: invert(100%) sepia(85%) saturate(193%) hue-rotate(198deg) brightness(119%) contrast(100%);
}

/*CONTACT US-------END*/

@media (min-width: 960px) {
  header.site-header .site-navigation {
    max-width: 615px;/*0831*/
  }
}

@media (min-width: 960px) {
  .header .site-navigation li.menu-item-has-children > label {
    justify-content: flex-start;
  }
  .label-content {
    left: 30px;
  }
}



@media only screen and (max-width: 959px) {
  .site-navigation .mobile{
    display: block!important;
  }
  header .site-navigation > div {
    height: 100%;
  }
  header.site-header {
    position: initial;
    font-weight: bold;
    padding: 0 24px;
    display: block;
  }
  header .site-branding {
    display: flex;
    width: 100vw;
    max-width: 100%;
  }
  header .site-branding a {
    margin-bottom: 0px;
  }
  header .show-search-container.desktop,
  header .show-search-container.mobile {
    display: none;
  }
  header.site-header {
    display: block;
  }
  header .site-navigation > div {
    width: 100%;
  }
  header .site-navigation ul.menu {
    display: block;
  }
  header .site-navigation ul {
    display: block;
    width: 100%;
  }
  header ul#menu-navigation li,
  header ul#menu-thai-navigation li,
  header ul#menu-vietnamese-navigation li,
  header ul#menu-spanish-menu li,
  header ul#menu-french-menu li,
  header ul#menu-navigation-german li,
  header ul#menu-italian-menu li,
  header ul#menu-navigation-chinese-traditional li,
  header ul#menu-navigation-japanese li{
    display: block;
    width: 100%;
  }
  
  /*color*/
  header .site-navigation ul.menu,
  header .site-navigation ul.menu > li > ul {
    background: #1a1e23;
  }
  /*all level height*/
  header .site-navigation ul.menu > li > ul > li > a,
  header .site-navigation ul.menu > li > a,
  header .site-navigation ul.menu li label,
  header .site-navigation ul.menu > li > ul > li > ul > li > a,
  header .site-navigation ul.menu ul ul ul li a{
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 60px;
    padding: 0 20px;
    border-bottom: #262626 solid 2px;
  }

  /*--------------------------------- mobile level 1 ---------------------------------*/
  
  header .site-navigation ul.menu> li > a {
    display: block;
    width: 100%;
    color: #FFF;
    background-color: #1D1D20;
    font-size: 18px; 
    font-weight: 400;

  }
  header .site-navigation ul.menu > li.open-navigation-child > a{
    color: #03A9F4;
  }
  header ul.menu > li > a:hover {
    color: #03A9F4;
    background-color: #1D1D20;
    cursor: pointer;
  }
  /*first level arrow setting*/
  header ul.menu > li > a > span.arrow-right{
    top:0;
  }
  header ul.menu > li:hover > a > span.arrow-right{
    border: solid #ffffff;
    border-width: 0 2.5px 2.5px 0;
  }
  header ul.menu span.arrow-right{
    transition: 0.4s transform;
  }
  /*cancel menu item .home,.language arrow display*/
  /* header .site-navigation ul.menu > li.language > a:after,
  header ul.menu > li.language > a > span.arrow-right, */
  header .site-navigation ul.menu > li.home > a:after,
  header ul.menu > li.home > a > span.arrow-right{
    display: none;
  }
  header ul.menu > li.home > a{
    background-color: #000000;
  }
  header .site-navigation ul.menu > li.language a.mobile-language{
    display: flex!important;
  }
  header .site-navigation ul.menu > li.language > a:not(.mobile-language){
    display: none!important;
  }
  /*--------------------------------- mobile level 2 ---------------------------------*/

  /*OPEN AND CLOSE MENU-----------------------------START*/
  header .site-navigation ul.menu > li.resource:hover > ul,
  header .site-navigation ul.menu > li:hover > ul,
  header .site-navigation ul.menu > li > ul {
    position: static;
    display: none;/*LA*/
    width: 100%;
  }
  header .site-navigation ul.menu > li.resource:hover.open-navigation-child > ul,
  header .site-navigation ul.menu > li.open-navigation-child > ul{
    display: block;
    position: initial;
  }
  /*OPEN AND CLOSE MENU-----------------------------CLOSE*/
  header .site-navigation ul.menu > li > ul > li > a,
  header .site-navigation ul.menu label{
    color: #FFF;
    background-color: #333333;
    font-size: 16px; 
    font-weight: 400;
    cursor: pointer;
  }
  header .site-navigation ul.menu > li > ul > li > a:hover,
  header .site-navigation ul.menu label:hover {
    color: #03A9F4;
    background-color: #333333;
  }
  header .site-navigation ul.menu > li > ul > li:hover > a:after,
  header .site-navigation ul.menu > li > ul > li:hover label:after{
    z-index: 1;
  }
  header .site-navigation ul.menu > li > ul > li:hover label .arrow-right{
    border: solid #ffffff;
    border-width: 0 2.5px 2.5px 0;
  }
  /*close*/
  header ul.menu li.menu-item-has-children > a > span.arrow-right,
  header .menu-item-has-children > label > span.arrow-right {
    transform: rotate(45deg);
    right: 0;
    z-index: 5;
  }
  /*open arrow*/
  header ul.menu li.menu-item-has-children.open-navigation-child > a > span.arrow-right,
  header .menu-item-has-children.open-navigation-child > label > span.arrow-right {
    transform: rotate(-135deg);
  }
  header .site-navigation ul.menu > li > ul > li,
  header .site-navigation ul.menu > li.solutuon > ul > li{
    border-top:none!important; 
  }
  header .site-navigation ul.menu > li.solution > ul > li{
    padding: 0;
  }
  
  /*hide solution after*/
  header .site-navigation ul.menu > li.solution > ul > li::after{
    display: none;
  }
  /*level two select-----------start*/
  
  header .site-navigation ul.menu li.open-navigation-child > label {
    color: #03A9F4;
  }
  header .site-navigation ul.menu > li.language > ul > li > a:after,
  header .site-navigation ul.menu > li > a:after,
  header .site-navigation ul.menu li.menu-item-has-children > label:after {
    content: "";
    position: absolute;
    background-color: #000000;
    width: 50px;
    height: 59px;
    display: block;
    right: 0;
    z-index: 1;
    animation: none;
  }
  header .site-navigation ul.menu > li.open-navigation-child > a:after,
  header .site-navigation ul.menu li.menu-item-has-children.open-navigation-child > label:after {
    background-color: #00A4ED;
  }
  header .site-navigation ul.menu > li > ul{
    height: auto!important;
    padding: 0;
  }
  header .site-navigation ul.menu > li > ul > li {
    border-right: none;
    padding-left: 0;
    padding-right: 0;
  }
  header .menu-svg {
    display: none;
  }
  header .site-navigation ul.menu > li.partners > ul,
  header .site-navigation ul.menu > li.product > ul{
    padding-top: 0;
    padding-bottom: 0;
  }
  /*--------------------------------- mobile level 3 ---------------------------------*/

  /*OPEN AND CLOSE MENU-----------------------------START*/
  header .site-navigation ul.menu > li > ul > li > ul.sub-menu {
    display: none;
  }
  header .site-navigation ul.menu > li > ul > li.open-navigation-child > ul.sub-menu {
    display: block;
    position: initial;
  }
  /*OPEN AND CLOSE MENU-----------------------------CLOSE*/
  
  header .site-navigation ul.menu > li > ul > li > ul.sub-menu {
    height: initial;
    position: static;
    background-color: #242831;
    padding-top: 0;
  }
  /*desktop-hide-children*/
  header .site-navigation ul.menu > li > ul > li.mobile-open > ul.sub-menu {
    display: block;
    position: initial;
  }
  header .site-navigation ul.menu ul ul.sub-menu > li {
    width: 100%!important;
  }
  header .site-navigation ul.menu > li > ul > li > ul > li > a,
  header .site-navigation ul.menu > li > ul > li > ul > li > ul > li.pretend-third-title > a {
    color: #aaaaaa;
    background: #444444;
    font-size: 16px;
    cursor: pointer;
  }
  header .site-navigation ul.menu > li > ul > li > ul > li > a::after, 
  header .site-navigation ul.menu > li > ul > li > ul > li > ul > li.pretend-third-title > a::after{
    display: none;
  }

  /*--------------------------------- mobile level 4 ---------------------------------*/
  header .site-navigation ul.menu ul ul ul{
    position: inherit;
    background-color: #242831;
    top: 0;
    padding: 0;
    border-top: 1px #4B4D52 solid;
  }
  header .site-navigation ul.menu ul ul ul li a{
    color: #FFF;
    background-color: #444444;
    font-size: 16px;
  }
  header .site-navigation ul.menu ul ul ul li:hover a{
  color: #03A9F4;
}
  header .open-navigation-child > ul > li {
    display: block;
  }
  /*product series li need more margin*/
  header .site-navigation ul.menu li.product ul ul li.series li{
    margin-bottom: 0px;
  }
  

  /*slide--------------------------------------------------------------------------start*/
  header.site-header .site-navigation {
    position: absolute;
    width: 320px;
    height: 100vh;
    background: #1a1e23;
    z-index: 10;
    top: 0px;
    right: -100%;
    margin-right: 0px;
    transition: all 400ms ease;
    transition-property: right, margin-right;
  }
  body.slide-right header.site-header .site-navigation {
    right: 0vw;
    margin-left: 77px;
    border-right: #30343a solid 1px;
    overflow-y: scroll;
  }
  header.site-header + main {
    position: relative;
    transition: all 400ms ease;
    transition-property: left, margin-left;
    right: 0vw;
    margin-right: 0px;
  }

  body.slide-right header.site-header + main {
    left: -377px;
    margin-right: -77px;
    overflow: hidden;
  }

  body.slide-right header.site-header .site-branding {
    left: -320px;
    margin-right: -75px;
  }

  body.slide-right {
    height: 100vh;
    overflow: hidden;
  }  

  body.slide-right header.site-header ~ .footer-menu {
    display: none;
  }

  .menu-navigation-container {
    height: 100%;
  }
  /*slide--------------------------------------------------------------------------end*/
  /*hamberger-icon-----start*/
  .nav-icon {
    margin: 1em;
    width: 40px;
    cursor: pointer;
  }
  .nav-icon:after,
  .nav-icon:before,
  .nav-icon div {
    background-color: #FFF;
    border-radius: 0px;
    content: "";
    display: block;
    height: 3px;
    margin: 5px 0;
    transition: all 0.2s ease-in-out;
    width: 25px;
  }
  /*hamberger-icon-----end*/
  /*contactus------us*/
  #contact-us-container {
    display: none;
  }
  /*contactus-----end*/
}
@media (max-width: 768px) {
  header.site-header {
    padding: 0 12px;
  }
}

/*fix header position*/
header.site-header{
  z-index: 10;
  position: sticky;
  top: 0;
}
@media (max-width: 1024px) {
  header.site-header {
    position: fixed;
  }
  body{
    padding-top: 56px!important;
  }
}
#sticky-header-secondary.sticky{
  top: 97px!important;
  z-index: 9!important;
}

@media (min-width: 768px){
  #sticky-header-secondary.sticky{
    top: 102px!important;
  }
}




/*-------------------------------
cookie start
-------------------------------*/
/*hide HubSpot auto cookie*/
div#hs-eu-cookie-confirmation {
  display: none;
}
#cookie-notice {
  background-color: #FFFFFF!important;
  display: flex;
  justify-content: center;
  font-family: 'Roboto';
  box-shadow: 0px 3px 6px #00000029;
}

#cookie-notice .cookie-notice-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #1C1C1C!important;
  height: 67px;
  font-size: 16px;
  max-width: 1450px;
  padding: 0 30px;
}

#cookie-notice #cn-notice-text {
  order: 1;
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
}
#cookie-notice #cn-notice-buttons {
  order: 2;
  margin: 0 auto;
}
/*notice icon*/
#cookie-notice .cookie-image{
  width: 26px;
  height: 26px;
  margin-right: 16px;
}
#cookie-notice #cn-accept-cookie {
  background: #03A9F4;
  border-radius: 4px;
  padding: 9px 30px;
  font-size: 16px;
  order: 3;
  font-weight: bold;
  transition: .3s;
  margin: 0 20px 0 40px;
  color: #FFF;
}

#cookie-notice #cn-accept-cookie:hover {
  background: #1C62B7;
}

#cookie-notice #cn-accept-cookie:active {
  background: #1C62B7;
}
#cookie-notice .cookie-privacy{
  border-bottom: 1px solid black;
  color: black;
  font-weight: bold;
  margin-left: 6px;
}

#cookie-notice .cn-text-container{
  margin: 0!important;
}

/*cookie - close btn*/
#cookie-notice .cn-close-icon {
  position: static;
  order: 3;
  margin: 0;
  width: 15px;
  height: 15px;
  opacity: .5;
  padding: 10px;
  outline: none;
}
.cn-close-icon:before, .cn-close-icon:after{
  background-color: #1C1C1C!important;
  top: 17px!important;
}

@media (max-width: 768px){
  #cookie-notice .cookie-notice-container{
    flex-wrap: wrap;
    height: 145px;
    padding: 0 12px;
  }
  #cookie-notice #cn-notice-text{
    padding-right: 34px;/*avoid notice text overlay close button*/
    margin-top: 10px!important;
  }
  /*let accept buttom center*/
  #cookie-notice #cn-notice-buttons {
    margin: 0 auto;
  }
  
}
/*-------------------------------
cookie end
-------------------------------*/

/*-------------------------------
hubspot start
-------------------------------*/

#hubspot-messages-iframe-container.widget-align-right {
  bottom: 60px!important;
}

@media (max-width: 768px) {
  #hubspot-messages-iframe-container.widget-align-right {
    bottom: 0px!important;
}}

.cookie-notice-hidden~#hubspot-messages-iframe-container.widget-align-right {
  bottom: 0px!important;
}

/*------------------------------------------------------
 Carousel start
------------------------------------------------------*/
ul.hero-banner .chevron-container {
  background: #333333;
  opacity: 0.25;
  border-radius: 4px;
  position: absolute;
  z-index: 3;
  cursor: pointer;
  transition: 0.5s opacity;
  width: 55px;
  padding: 58px 0px;
}
ul.hero-banner .chevron-container{
  background:rgba(255, 255, 255, 0.2);
}
ul.hero-banner .chevron-container {
  top: 40%;
}

ul.sub-banner .chevron-container {
  top: 20%;
}

ul.hero-banner .chevron-container:hover {
  opacity: 0.7;
}
ul.hero-banner .chevron-container.right {
  right: 20px;
}
ul.hero-banner .chevron-container.left {
  left: 20px;
}
ul.hero-banner .chevron-left,
ul.hero-banner .chevron-right {
  position: absolute;
  z-index: 3;
  top: 40%;
}
ul.hero-banner .chevron-left:hover,
ul.hero-banner .chevron-right:hover {
  border-right: #999999 3px solid;
  border-bottom: #999999 3px solid;
}

ul.hero-banner .chevron-container .chevron-left {
  top: 37%;
  left: 22px;
}

ul.hero-banner .chevron-container .chevron-right {
  top: 37%;
  right: 22px;
}
/*banner new rules-start*/
.hero-banner .chevron-container {
  opacity: 0;
}
.hero-banner:hover {
  filter: brightness(1.05);
}
.hero-banner:hover .chevron-container {
  opacity: 1;
  background:rgba(255, 255, 255, 0.1);
}
.hero-banner:hover .chevron-container .chevron-left,
.hero-banner:hover .chevron-container .chevron-right {
  opacity: 1;
  border-color:rgba(255, 255, 255, 0.5);
}
.hero-banner .chevron-container:hover{
  opacity: 1;
  background:rgba(255, 255, 255, 0.2);
}
.hero-banner .chevron-container:hover .chevron-left,
.hero-banner .chevron-container:hover .chevron-right {
  opacity: 1;
  border-color:rgba(255, 255, 255, 1);
}
/*banner new rules-end*/

.hero-banner .chevron-left,
.hero-banner .chevron-right{
  border-color: #ffffff;
}

ul.hero-banner .chevron-left,
ul.hero-banner .chevron-right {
  color: white;
  display: inline-block;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: 0.3s;
  opacity: 1;
}
ul.hero-banner .chevron-left:hover,
ul.hero-banner .chevron-right:hover {
  border-right: 3px solid #d3d3d3;
  border-bottom: 3px solid #d3d3d3;
  opacity: 1;
}
ul.hero-banner .chevron-left {
  transform: rotate(-225deg);
  left: 30px;
}
ul.hero-banner .chevron-right {
  transform: rotate(-45deg); 
  right: 30px;
}
@media (max-width: 719px) {
  ul.hero-banner .chevron-left,
  ul.hero-banner .chevron-right {
    width: 20px;
    height: 20px;
  }
  ul.hero-banner .chevron-left {
    left: 10px;
  }
  ul.hero-banner .chevron-right {
    right: 10px;
  }
}
/*------------------------------------------------------
 Carousel end
------------------------------------------------------*/