/*-------font css -------*/
/*** Font Face ***/
/*** ZOHO PUVI***/
@font-face {
  font-family: 'Zoho_Puvi_Thin';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_thin.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_thin.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_thin.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_thin.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_ThinItalic';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_thin.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_thin.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_thin.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_thin.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_Light';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_light.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_light.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_light.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_light.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_LightItalic';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_light.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_light.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_light.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_light.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_ExtraLight';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extralight.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extralight.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_Regular';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_RegularItalic';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.otf') format('opentype');
  font-weight: normal;
  font-style: oblique;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_Medium';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_SemiBold';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_SemiBoldItalic';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_Bold';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_BoldItalic';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_ExtraBold';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrabold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_ExtraBoldItalic';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrablack.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrablack.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_Black';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_black.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_black.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_black.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_black.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_BlackItalic';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_black.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_black.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_black.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_black.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zoho_Puvi_ExtraBlack';
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot');
  src: url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot') format('embedded-opentype'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrablack.woff2') format('woff2'), url('https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrablack.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extralight.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular_italic.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold_italic.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold_italic.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: 'ZohoPuvi';
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot');
  /* IE9 Compat Modes */
  src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.woff2') format('woff2'),
    /* Modern Browsers */
    url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

/***OPEN SANS***/
@font-face {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/opensanslight/font.eot");
  src: url("https://webfonts.zohostatic.com/opensanslight/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensanslight/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensanslight/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensanslight/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensanslight/font.svg#OpenSans-Light") format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/opensanslightitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/opensanslightitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensanslightitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensanslightitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensanslightitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensanslightitalic/font.svg#OpenSansLight-Italic") format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/opensans/font.eot");
  src: url("https://webfonts.zohostatic.com/opensans/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensans/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensans/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensans/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensans/font.svg#OpenSans") format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/opensansitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/opensansitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensansitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensansitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensansitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensansitalic/font.svg#OpenSans-Italic") format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/opensanssemibold/font.eot");
  src: url("https://webfonts.zohostatic.com/opensanssemibold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensanssemibold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensanssemibold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensanssemibold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensanssemibold/font.svg#OpenSans-Semibold") format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/opensanssemibolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/opensanssemibolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensanssemibolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensanssemibolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensanssemibolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensanssemibolditalic/font.svg#OpenSans-SemiboldItalic") format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/opensansbold/font.eot");
  src: url("https://webfonts.zohostatic.com/opensansbold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensansbold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensansbold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensansbold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensansbold/font.svg#OpenSans-Bold") format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/opensansbolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/opensansbolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensansbolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensansbolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensansbolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensansbolditalic/font.svg#OpenSans-BoldItalic") format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 800;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/opensansextrabold/font.eot");
  src: url("https://webfonts.zohostatic.com/opensansextrabold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensansextrabold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensansextrabold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensansextrabold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensansextrabold/font.svg#OpenSans-Extrabold") format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 800;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/opensansextrabolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/opensansextrabolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensansextrabolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensansextrabolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensansextrabolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensansextrabolditalic/font.svg#OpenSans-ExtraboldItalic") format("svg");
}

/***Open Sans Condensed***/
@font-face {
  font-family: "Open Sans Condensed";
  font-weight: 300;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/opensanscondensedlight/font.eot");
  src: url("https://webfonts.zohostatic.com/opensanscondensedlight/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensanscondensedlight/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensanscondensedlight/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensanscondensedlight/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensanscondensedlight/font.svg#OpenSans-CondensedLight") format("svg");
}

@font-face {
  font-family: "Open Sans Condensed";
  font-weight: 300;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/opensanscondensedlightitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/opensanscondensedlightitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensanscondensedlightitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensanscondensedlightitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensanscondensedlightitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensanscondensedlightitalic/font.svg#OpenSans-CondensedLightItalic") format("svg");
}

@font-face {
  font-family: "Open Sans Condensed";
  font-weight: 700;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/opensanscondensedbold/font.eot");
  src: url("https://webfonts.zohostatic.com/opensanscondensedbold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/opensanscondensedbold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/opensanscondensedbold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/opensanscondensedbold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/opensanscondensedbold/font.svg#OpenSans-CondensedBold") format("svg");
}

/***POPPINS***/
@font-face {
  font-family: "Poppins";
  font-weight: 300;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/poppinslight/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinslight/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinslight/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinslight/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinslight/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinslight/font.svg#Poppins-Light") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 300;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/poppinslightitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinslightitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinslightitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinslightitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinslightitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinslightitalic/font.svg#Poppins-LightItalic") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 400;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/poppinsregular/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinsregular/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinsregular/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinsregular/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinsregular/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinsregular/font.svg#Poppins-Regular") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 400;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/poppinsitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinsitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinsitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinsitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinsitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinsitalic/font.svg#Poppins-Italic") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 500;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/poppinsmedium/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinsmedium/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinsmedium/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinsmedium/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinsmedium/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinsmedium/font.svg#Poppins-Medium") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 500;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.svg#Poppins-MediumItalic") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 600;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/poppinssemibold/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinssemibold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinssemibold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinssemibold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinssemibold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinssemibold/font.svg#Poppins-SemiBold") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 600;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.svg#Poppins-SemiBoldItalic") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 700;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/poppinsbold/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinsbold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinsbold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinsbold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinsbold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinsbold/font.svg#Poppins-Bold") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 700;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/poppinsbolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinsbolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinsbolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinsbolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinsbolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinsbolditalic/font.svg#Poppins-BoldItalic") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 800;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/poppinsextrabold/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinsextrabold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinsextrabold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinsextrabold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinsextrabold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinsextrabold/font.svg#Poppins-ExtraBold") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 800;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.svg#Poppins-ExtraBoldItalic") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 900;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/poppinsblack/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinsblack/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinsblack/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinsblack/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinsblack/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinsblack/font.svg#Poppins-Black") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-weight: 900;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/poppinsblackitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/poppinsblackitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/poppinsblackitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/poppinsblackitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/poppinsblackitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/poppinsblackitalic/font.svg#Poppins-BlackItalic") format("svg");
  font-display: swap;
}

/***ROBOTO SLAB***/
@font-face {
  font-family: "Roboto Slab";
  font-weight: 300;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/robotoslablight/font.eot");
  src: url("https://webfonts.zohostatic.com/robotoslablight/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotoslablight/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotoslablight/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotoslablight/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotoslablight/font.svg#RobotoSlab-Light") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto Slab";
  font-weight: 400;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/robotoslabregular/font.eot");
  src: url("https://webfonts.zohostatic.com/robotoslabregular/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotoslabregular/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotoslabregular/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotoslabregular/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotoslabregular/font.svg#RobotoSlab-Regular") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto Slab";
  font-weight: 700;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/robotoslabbold/font.eot");
  src: url("https://webfonts.zohostatic.com/robotoslabbold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotoslabbold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotoslabbold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotoslabbold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotoslabbold/font.svg#RobotoSlab-Bold") format("svg");
  font-display: swap;
}

/***ROBOTO***/
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/robotolight/font.eot");
  src: url("https://webfonts.zohostatic.com/robotolight/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotolight/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotolight/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotolight/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotolight/font.svg#Roboto-Light") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-weight: 300;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/robotolightitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/robotolightitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotolightitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotolightitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotolightitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotolightitalic/font.svg#Roboto-LightItalic") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/robotoregular/font.eot");
  src: url("https://webfonts.zohostatic.com/robotoregular/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotoregular/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotoregular/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotoregular/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotoregular/font.svg#Roboto-Regular") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/robotoitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/robotoitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotoitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotoitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotoitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotoitalic/font.svg#Roboto-Italic") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/robotomedium/font.eot");
  src: url("https://webfonts.zohostatic.com/robotomedium/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotomedium/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotomedium/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotomedium/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotomedium/font.svg#Roboto-Medium") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/robotomediumitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/robotomediumitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotomediumitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotomediumitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotomediumitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotomediumitalic/font.svg#Roboto-MediumItalic") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/robotobold/font.eot");
  src: url("https://webfonts.zohostatic.com/robotobold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotobold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotobold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotobold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotobold/font.svg#Roboto-Bold") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/robotobolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/robotobolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotobolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotobolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotobolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotobolditalic/font.svg#Roboto-BoldItalic") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-weight: 900;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/robotoblack/font.eot");
  src: url("https://webfonts.zohostatic.com/robotoblack/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotoblack/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotoblack/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotoblack/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotoblack/font.svg#Roboto-Black") format("svg");
}

@font-face {
  font-family: "Roboto";
  font-weight: 900;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/robotoblackitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/robotoblackitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotoblackitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotoblackitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotoblackitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotoblackitalic/font.svg#Roboto-BlackItalic") format("svg");
}

/***Roboto Condensed***/
@font-face {
  font-family: "Roboto Condensed";
  font-weight: 300;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/robotocondensedlight/font.eot");
  src: url("https://webfonts.zohostatic.com/robotocondensedlight/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotocondensedlight/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotocondensedlight/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotocondensedlight/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotocondensedlight/font.svg#RobotoCondensed-Light") format("svg");
}

@font-face {
  font-family: "Roboto Condensed";
  font-weight: 300;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/robotocondensedlightitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/robotocondensedlightitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotocondensedlightitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotocondensedlightitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotocondensedlightitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotocondensedlightitalic/font.svg#RobotoCondensed-LightItalic") format("svg");
}

@font-face {
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/robotocondensedregular/font.eot");
  src: url("https://webfonts.zohostatic.com/robotocondensedregular/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotocondensedregular/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotocondensedregular/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotocondensedregular/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotocondensedregular/font.svg#RobotoCondensed-Regular") format("svg");
}

@font-face {
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/robotocondenseditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/robotocondenseditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotocondenseditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotocondenseditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotocondenseditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotocondenseditalic/font.svg#RobotoCondensed-Italic") format("svg");
}

@font-face {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/robotocondensedbold/font.eot");
  src: url("https://webfonts.zohostatic.com/robotocondensedbold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotocondensedbold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotocondensedbold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotocondensedbold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotocondensedbold/font.svg#RobotoCondensed-Bold") format("svg");
}

@font-face {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/robotocondensedbolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/robotocondensedbolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/robotocondensedbolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/robotocondensedbolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/robotocondensedbolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/robotocondensedbolditalic/font.svg#RobotoCondensed-BoldItalic") format("svg");
}

/***Lato***/
@font-face {
  font-family: "Lato";
  font-weight: 300;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/latolight/font.eot");
  src: url("https://webfonts.zohostatic.com/latolight/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/latolight/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/latolight/font.woff") format("woff"), url("https://webfonts.zohostatic.com/latolight/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/latolight/font.svg#Lato-Light") format("svg");
}

@font-face {
  font-family: "Lato";
  font-weight: 300;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/latolightitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/latolightitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/latolightitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/latolightitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/latolightitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/latolightitalic/font.svg#Lato-LightItalic") format("svg");
}

@font-face {
  font-family: "Lato";
  font-weight: 400;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/latoregular/font.eot");
  src: url("https://webfonts.zohostatic.com/latoregular/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/latoregular/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/latoregular/font.woff") format("woff"), url("https://webfonts.zohostatic.com/latoregular/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/latoregular/font.svg#Lato-Regular") format("svg");
}

@font-face {
  font-family: "Lato";
  font-weight: 400;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/latoitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/latoitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/latoitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/latoitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/latoitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/latoitalic/font.svg#Lato-Italic") format("svg");
}

@font-face {
  font-family: "Lato";
  font-weight: 700;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/latobold/font.eot");
  src: url("https://webfonts.zohostatic.com/latobold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/latobold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/latobold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/latobold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/latobold/font.svg#Lato-Bold") format("svg");
}

@font-face {
  font-family: "Lato";
  font-weight: 700;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/latobolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/latobolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/latobolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/latobolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/latobolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/latobolditalic/font.svg#Lato-BoldItalic") format("svg");
}

@font-face {
  font-family: "Lato";
  font-weight: 900;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/latoblack/font.eot");
  src: url("https://webfonts.zohostatic.com/latoblack/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/latoblack/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/latoblack/font.woff") format("woff"), url("https://webfonts.zohostatic.com/latoblack/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/latoblack/font.svg#Lato-Black") format("svg");
}

@font-face {
  font-family: "Lato";
  font-weight: 900;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/latoblackitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/latoblackitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/latoblackitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/latoblackitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/latoblackitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/latoblackitalic/font.svg#Lato-BlackItalic") format("svg");
}

/* Inter UI Fonts */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('https://webfonts.zohowebstatic.com/interthin/font.eot');
  src: url('https://webfonts.zohowebstatic.com/interthin/font.eot?#iefix') format('eot'), url('https://webfonts.zohowebstatic.com/interthin/font.woff2') format('woff2'), url('https://webfonts.zohowebstatic.com/interthin/font.woff') format('woff'), url('https://webfonts.zohowebstatic.com/interthin/font.ttf') format('truetype'), url('https://webfonts.zohowebstatic.com/interthin/font.svg#Inter-Thin') format('svg');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('https://webfonts.zohowebstatic.com/interextralight/font.eot');
  src: url('https://webfonts.zohowebstatic.com/interextralight/font.eot?#iefix') format('eot'), url('https://webfonts.zohowebstatic.com/interextralight/font.woff2') format('woff2'), url('https://webfonts.zohowebstatic.com/interextralight/font.woff') format('woff'), url('https://webfonts.zohowebstatic.com/interextralight/font.ttf') format('truetype'), url('https://webfonts.zohowebstatic.com/interextralight/font.svg#Inter-ExtraLight') format('svg');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('https://webfonts.zohowebstatic.com/interlight/font.eot');
  src: url('https://webfonts.zohowebstatic.com/interlight/font.eot?#iefix') format('eot'), url('https://webfonts.zohowebstatic.com/interlight/font.woff2') format('woff2'), url('https://webfonts.zohowebstatic.com/interlight/font.woff') format('woff'), url('https://webfonts.zohowebstatic.com/interlight/font.ttf') format('truetype'), url('https://webfonts.zohowebstatic.com/interlight/font.svg#Inter-Light') format('svg');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('https://webfonts.zohowebstatic.com/interregular/font.eot');
  src: url('https://webfonts.zohowebstatic.com/interregular/font.eot?#iefix') format('eot'), url('https://webfonts.zohowebstatic.com/interregular/font.woff2') format('woff2'), url('https://webfonts.zohowebstatic.com/interregular/font.woff') format('woff'), url('https://webfonts.zohowebstatic.com/interregular/font.ttf') format('truetype'), url('https://webfonts.zohowebstatic.com/interregular/font.svg#Inter-Regular') format('svg');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('https://webfonts.zohowebstatic.com/intermedium/font.eot');
  src: url('https://webfonts.zohowebstatic.com/intermedium/font.eot?#iefix') format('eot'), url('https://webfonts.zohowebstatic.com/intermedium/font.woff2') format('woff2'), url('https://webfonts.zohowebstatic.com/intermedium/font.woff') format('woff'), url('https://webfonts.zohowebstatic.com/intermedium/font.ttf') format('truetype'), url('https://webfonts.zohowebstatic.com/intermedium/font.svg#Inter-Medium') format('svg');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('https://webfonts.zohowebstatic.com/intersemibold/font.eot');
  src: url('https://webfonts.zohowebstatic.com/intersemibold/font.eot?#iefix') format('eot'), url('https://webfonts.zohowebstatic.com/intersemibold/font.woff2') format('woff2'), url('https://webfonts.zohowebstatic.com/intersemibold/font.woff') format('woff'), url('https://webfonts.zohowebstatic.com/intersemibold/font.ttf') format('truetype'), url('https://webfonts.zohowebstatic.com/intersemibold/font.svg#Inter-SemiBold') format('svg');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('https://webfonts.zohowebstatic.com/interbold/font.eot');
  src: url('https://webfonts.zohowebstatic.com/interbold/font.eot?#iefix') format('eot'), url('https://webfonts.zohowebstatic.com/interbold/font.woff2') format('woff2'), url('https://webfonts.zohowebstatic.com/interbold/font.woff') format('woff'), url('https://webfonts.zohowebstatic.com/interbold/font.ttf') format('truetype'), url('https://webfonts.zohowebstatic.com/interbold/font.svg#Inter-Bold') format('svg');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('https://webfonts.zohowebstatic.com/interextrabold/font.eot');
  src: url('https://webfonts.zohowebstatic.com/interextrabold/font.eot?#iefix') format('eot'), url('https://webfonts.zohowebstatic.com/interextrabold/font.woff2') format('woff2'), url('https://webfonts.zohowebstatic.com/interextrabold/font.woff') format('woff'), url('https://webfonts.zohowebstatic.com/interextrabold/font.ttf') format('truetype'), url('https://webfonts.zohowebstatic.com/interextrabold/font.svg#Inter-ExtraBold') format('svg');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('https://webfonts.zohowebstatic.com/interblack/font.eot');
  src: url('https://webfonts.zohowebstatic.com/interblack/font.eot?#iefix') format('eot'), url('https://webfonts.zohowebstatic.com/interblack/font.woff2') format('woff2'), url('https://webfonts.zohowebstatic.com/interblack/font.woff') format('woff'), url('https://webfonts.zohowebstatic.com/interblack/font.ttf') format('truetype'), url('https://webfonts.zohowebstatic.com/interblack/font.svg#Inter-Black') format('svg');
}

/***Karla Fonts***/
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('//webfonts.zohostatic.com/karlaregular/font.eot');
  src: url('//webfonts.zohostatic.com/karlaregular/font.eot?#iefix') format('eot'), url('//webfonts.zohostatic.com/karlaregular/font.woff2') format('woff2'), url('//webfonts.zohostatic.com/karlaregular/font.woff') format('woff'), url('//webfonts.zohostatic.com/karlaregular/font.ttf') format('truetype'), url('//webfonts.zohostatic.com/karlaregular/font.svg#Karla-Regular') format('svg');
}

@font-face {
  font-family: 'Karla';
  font-style: italic;
  font-weight: 400;
  src: url('//webfonts.zohostatic.com/karlaitalic/font.eot');
  src: url('//webfonts.zohostatic.com/karlaitalic/font.eot?#iefix') format('eot'), url('//webfonts.zohostatic.com/karlaitalic/font.woff2') format('woff2'), url('//webfonts.zohostatic.com/karlaitalic/font.woff') format('woff'), url('//webfonts.zohostatic.com/karlaitalic/font.ttf') format('truetype'), url('//webfonts.zohostatic.com/karlaitalic/font.svg#Karla-Italic') format('svg');
}

@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('//webfonts.zohostatic.com/karlabold/font.eot');
  src: url('//webfonts.zohostatic.com/karlabold/font.eot?#iefix') format('eot'), url('//webfonts.zohostatic.com/karlabold/font.woff2') format('woff2'), url('//webfonts.zohostatic.com/karlabold/font.woff') format('woff'), url('//webfonts.zohostatic.com/karlabold/font.ttf') format('truetype'), url('//webfonts.zohostatic.com/karlabold/font.svg#Karla-Bold') format('svg');
}

@font-face {
  font-family: 'Karla';
  font-style: italic;
  font-weight: 700;
  src: url('//webfonts.zohostatic.com/karlabolditalic/font.eot');
  src: url('//webfonts.zohostatic.com/karlabolditalic/font.eot?#iefix') format('eot'), url('//webfonts.zohostatic.com/karlabolditalic/font.woff2') format('woff2'), url('//webfonts.zohostatic.com/karlabolditalic/font.woff') format('woff'), url('//webfonts.zohostatic.com/karlabolditalic/font.ttf') format('truetype'), url('//webfonts.zohostatic.com/karlabolditalic/font.svg#Karla-BoldItalic') format('svg');
}

/***NUNITO SANS***/
@font-face {
  font-family: "Nunito Sans";
  font-weight: 300;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/nunitosanslight/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosanslight/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosanslight/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosanslight/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosanslight/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosanslight/font.svg#NunitoSans-Light") format("svg");
}

@font-face {
  font-family: "Nunito Sans";
  font-weight: 300;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/nunitosanslightitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosanslightitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosanslightitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosanslightitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosanslightitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosanslightitalic/font.svg#NunitoSans-LightItalic") format("svg");
}

@font-face {
  font-family: "Nunito Sans";
  font-weight: 400;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/nunitosansregular/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosansregular/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosansregular/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosansregular/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosansregular/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosansregular/font.svg#NunitoSans-Regular") format("svg");
}

@font-face {
  font-family: "Nunito Sans";
  font-weight: 400;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/nunitosansitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosansitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosansitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosansitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosansitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosansitalic/font.svg#NunitoSans-Italic") format("svg");
}

@font-face {
  font-family: "Nunito Sans";
  font-weight: 600;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/nunitosanssemibold/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosanssemibold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosanssemibold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosanssemibold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosanssemibold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosanssemibold/font.svg#NunitoSans-SemiBold") format("svg");
}

@font-face {
  font-family: "Nunito Sans";
  font-weight: 600;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/nunitosanssemibolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosanssemibolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosanssemibolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosanssemibolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosanssemibolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosanssemibolditalic/font.svg#NunitoSans-SemiBoldItalic") format("svg");
}

@font-face {
  font-family: "Nunito Sans";
  font-weight: 700;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/nunitosansbold/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosansbold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosansbold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosansbold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosansbold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosansbold/font.svg#NunitoSans-Bold") format("svg");
}

@font-face {
  font-family: "Nunito Sans";
  font-weight: 700;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/nunitosansbolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosansbolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosansbolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosansbolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosansbolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosansbolditalic/font.svg#NunitoSans-BoldItalic") format("svg");
}

@font-face {
  font-family: "Nunito Sans";
  font-weight: 800;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/nunitosansextrabold/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosansextrabold/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosansextrabold/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosansextrabold/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosansextrabold/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosansextrabold/font.svg#NunitoSans-ExtraBold") format("svg");
}

@font-face {
  font-family: "Nunito Sans";
  font-weight: 800;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/nunitosansextrabolditalic/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosansextrabolditalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosansextrabolditalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosansextrabolditalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosansextrabolditalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosansextrabolditalic/font.svg#NunitoSans-ExtraBoldItalic") format("svg");
}

@font-face {
  font-family: "Nunito Sans";
  font-weight: 900;
  font-style: normal;
  src: url("https://webfonts.zohostatic.com/nunitosansblack/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosansblack/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosansblack/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosansblack/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosansblack/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosansblack/font.svg#NunitoSans-Black") format("svg");
}

@font-face {
  font-family: "Nunito Sans";
  font-weight: 900;
  font-style: italic;
  src: url("https://webfonts.zohostatic.com/nunitosansblackitalic/font.eot");
  src: url("https://webfonts.zohostatic.com/nunitosansblackitalic/font.eot?#iefix") format("eot"), url("https://webfonts.zohostatic.com/nunitosansblackitalic/font.woff2") format("woff2"), url("https://webfonts.zohostatic.com/nunitosansblackitalic/font.woff") format("woff"), url("https://webfonts.zohostatic.com/nunitosansblackitalic/font.ttf") format("truetype"), url("https://webfonts.zohostatic.com/nunitosansblackitalic/font.svg#NunitoSans-BlackItalic") format("svg");
}

/*Reset CSS*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
audio,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
summary,
time,
video {
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0
}

body {
  line-height: 1
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
blockquote {
  display: block
}

nav ul {
  list-style: none
}

ol {
  list-style: decimal
}

ul {
  list-style: disc
}

ul ul {
  list-style: circle
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none
}

ins {
  text-decoration: underline
}

del {
  text-decoration: line-through
}

mark {
  background: none
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

input,
select {
  vertical-align: middle
}

img {
  width: auto;
  height: auto;
  vertical-align: middle;
  max-width: 100%;
  border: none;
  -ms-interpolation-mode: bicubic
}

.hTag1 a,
.hTag2 a,
.hTag3 a,
.hTag4 a,
h1 a,
h2 a,
h3 a,
h4 a {
  color: #333;
  text-decoration: none
}

* html .clearfix {
  height: 1%
}

.clearfix {
  display: block
}

*+html .clearfix {
  display: inline-block
}

/*Document starts*/
body {
  font: 300 14px/24px 'ZohoPuvi', sans-serif;
  margin: 0 auto;
  background: #fff;
  color: #444;
  width: 100%
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: ""
}

.clearfix:after {
  clear: both
}

.clear {
  clear: both;
  line-height: 0;
  height: 0
}

a {
  outline: none;
  border: none;
  text-decoration: none;
  color: #0099CC
}

a:hover {
  text-decoration: underline
}

em {
  font-style: italic
}

.meImg,
.lnarw,
.icon-s-droparw,
.icon-s-search,
icon-s-sso,
.flex-direction-nav li a {
  background: url(../images/v1/icon-sprite.png) no-repeat 0 0
}

.s-icon,
.ssFB,
.ssTW,
.ssIN,
.ssGP,
.ssYT,
#close {
  background: url(../images/v1/icon-sprite.png) no-repeat 0 0;
  height: 30px;
  width: 30px;
  display: inline-block
}

.ssFB {
  background-position: 0 -105px
}

.ssTW {
  background-position: -30px -105px
}

.ssIN {
  background-position: -60px -105px
}

.ssGP {
  background-position: -90px -105px
}

.ssYT {
  background-position: -120px -191px
}

.icon {
  background: url(../images/v1/icon-sprite.png) no-repeat 0 0;
  height: 15px;
  width: 15px;
  display: inline-block
}

.icon-toll {
  background-position: -165px -90px
}

.icon-support {
  background-position: -180px -90px
}

.icon-search {
  background-position: -195px -90px
}

.icon-sso {
  background-position: -210px -90px
}

.icon-s-search {
  background-position: -195px -90px;
  height: 15px;
  width: 15px;
  display: inline-block
}

.icon-s-sso {
  background-position: -210px -90px;
  height: 15px;
  width: 15px;
  display: inline-block
}

.icon-download {
  background-position: -225px -90px
}

.icon-document {
  background-position: -240px -90px
}

.icon-demo {
  background-position: -255px -90px
}

.icon-tick {
  background-position: -270px -90px
}

.icon-dbltick {
  background-position: -285px -90px
}

.icon-award {
  background-position: -300px -90px
}

.icon-price {
  background-position: -315px -90px
}

.icon-call {
  background-position: -330px -90px
}

.icon-buy {
  background-position: -345px -90px
}

.icon-alarm {
  background-position: -360px -90px
}

.icon-key {
  background-position: -375px -90px
}

.icon-s-download {
  background-position: 0 0
}

.icon-s-compare {
  background-position: -30px 0;
  width: 60px
}

.icon-s-buynow {
  background-position: -90px 0
}

.icon-s-quote {
  background-position: -120px 0
}

.icon-s-quote1 {
  background-position: -150px 0
}

.icon-s-demo {
  background-position: -180px 0
}

.icon-s-requestdemo {
  background-position: -423px 0
}

.icon-s-feature {
  background-position: -210px 0
}

.icon-s-support {
  background-position: -240px 0
}

.icon-s-video {
  background-position: -270px 0
}

.icon-s-casestudy {
  background-position: -300px 0
}

.icon-s-faq {
  background-position: -330px 0
}

.icon-s-feedback {
  background-position: -360px 0
}

.icon-s-document {
  background-position: -390px 0
}

.icon-s-windows {
  background-position: 0 -30px
}

.icon-s-linux {
  background-position: -30px -30px
}

.icon-s-dwnRed {
  background-position: -60px -30px
}

.icon-s-dwnBig {
  background-position: -90px -30px
}

.icon-s-license {
  background-position: -120px -30px
}

.icon-s-spack {
  background-position: -150px -30px
}

.icon-s-fb {
  background-position: -180px -30px
}

.icon-s-tw {
  background-position: -210px -30px
}

.icon-s-in {
  background-position: -240px -30px
}

.icon-s-gp {
  background-position: -270px -30px
}

.icon-s-yt {
  background-position: -300px -30px
}

.icon-s-rs {
  background-position: -330px -30px
}

.icon-s-menu {
  background-position: -360px -30px
}

.icon-s-home {
  background-position: -390px -30px
}

.icon-s-android {
  background-position: -420px -30px
}

.icon-s-ios {
  background-position: -450px -30px
}

.icon-s-arwLtBlk {
  background-position: 0 -60px
}

.icon-s-arwRtBlk {
  background-position: -30px -60px
}

.icon-s-arwLtWht {
  background-position: -60px -60px
}

.icon-s-arwRtWht {
  background-position: -90px -60px
}

.icon-s-clsWht {
  background-position: -120px -60px
}

.icon-s-clsBlk,
#close {
  background-position: -150px -60px
}

.icon-s-arwBtmBlk {
  background-position: -180px -60px
}

.icon-s-arwBtmWht {
  background-position: -210px -60px
}

.icon-s-otrWin {
  background-position: -240px -60px
}

.icon-s-otrLin {
  background-position: -270px -60px
}

.icon-s-arwLtGrn {
  background-position: -300px -60px
}

.icon-s-arwRtGrn {
  background-position: -330px -60px
}

.icon-s-otrApp {
  background-position: -28px -164px
}

.icon-s-otrPlay {
  background-position: 0px -164px
}

/*Our common classes for individual property*/
.pr {
  position: relative
}

.pa {
  position: absolute
}

.m0 {
  margin: 0 !important
}

.p0 {
  padding: 0 !important
}

.b0 {
  border: none !important
}

.h0 {
  height: 0;
  line-height: 0
}

.p20 {
  padding: 20px
}

.mT0 {
  margin-top: 0 !important
}

.pT0 {
  padding-top: 0 !important
}

.mB0 {
  margin-bottom: 0 !important
}

.pB0 {
  padding-bottom: 0 !important
}

.m0auto {
  margin: 0 auto
}

.mT10 {
  margin-top: 10px
}

.mT20 {
  margin-top: 20px
}

.mT30 {
  margin-top: 30px
}

.mT40 {
  margin-top: 40px
}

.mR10 {
  margin-right: 10px
}

.mR20 {
  margin-right: 20px
}

.mR30 {
  margin-right: 30px
}

.mR40 {
  margin-right: 40px
}

.mB10 {
  margin-bottom: 10px
}

.mB20 {
  margin-bottom: 20px
}

.mB30 {
  margin-bottom: 30px
}

.mB40 {
  margin-bottom: 40px
}

.mL10 {
  margin-left: 10px
}

.mL20 {
  margin-left: 20px
}

.mL30 {
  margin-left: 30px
}

.mL40 {
  margin-left: 40px
}

.pT10 {
  padding-top: 10px
}

.pT20 {
  padding-top: 20px
}

.pT30 {
  padding-top: 30px
}

.pT40 {
  padding-top: 40px
}

.pR10 {
  padding-right: 10px
}

.pR20 {
  padding-right: 20px
}

.pR30 {
  padding-right: 30px
}

.pR40 {
  padding-right: 40px
}

.pB10 {
  padding-bottom: 10px
}

.pB20 {
  padding-bottom: 20px
}

.pB30 {
  padding-bottom: 30px
}

.pB40 {
  padding-bottom: 40px
}

.pL10 {
  padding-left: 10px
}

.pL20 {
  padding-left: 20px
}

.pL30 {
  padding-left: 30px
}

.pL40 {
  padding-left: 40px
}

.p0-40 {
  padding: 0 40px
}

.fr {
  float: right
}

.fl {
  float: left
}

.tar {
  text-align: right
}

.tal {
  text-align: left !important
}

.tac {
  text-align: center
}

.taj {
  text-align: justify
}

.dis-blk,
.show {
  display: block
}

.dis-in-blk {
  display: inline-block
}

.dis-none,
.hide {
  display: none !important
}

.mbS {
  display: none
}

.uline,
.uline:hover {
  text-decoration: underline
}

.pointer {
  cursor: pointer
}

.f300 {
  font-weight: 300 !important
}

strong {
  font-weight: bold
}

.fs12 {
  font-size: 12px
}

.navigation {
  color: #444;
  font-size: 12px;
  margin-top: 40px;
  border-top: 1px solid #ddd
}

.navigation a {
  color: #333
}

.cNone {
  color: #FFF
}

.max {
  max-width: 100%
}

.wAuto {
  width: auto !important
}

.container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.per20 {
  width: 18%;
  padding: 1%;
  float: left
}

.per20.bg {
  width: 16%;
  padding: 1%;
  float: left;
  margin: 1%
}

.percent20 {
  width: 20%;
  float: left
}

.per25 {
  width: 23%;
  padding: 1%;
  float: left
}

.per25.bg {
  width: 21%;
  padding: 1%;
  float: left;
  margin: 1%
}

.percent25 {
  width: 25%;
  float: left
}

.per30 {
  width: 31.3%;
  padding: 1%;
  float: left
}

.per30.bg {
  width: 29.3%;
  padding: 1%;
  float: left;
  margin: 1%
}

.percent30 {
  width: 33%;
  float: left
}

.per40 {
  width: 38%;
  padding: 1%;
  float: left
}

.per40.bg {
  width: 36%;
  padding: 1%;
  float: left;
  margin: 1%
}

.percent40 {
  width: 40%;
  float: left
}

.per50 {
  width: 46%;
  padding: 2%;
  float: left
}

.per50.bg {
  width: 44%;
  padding: 2%;
  float: left;
  margin: 1%
}

.percent50 {
  width: 50%;
  float: left
}

.per60 {
  width: 58%;
  padding: 1%;
  float: left
}

.per60.bg {
  width: 56%;
  padding: 1%;
  float: left;
  margin: 1%
}

.percent60 {
  width: 60%;
  float: left
}

.per70 {
  width: 64.7%;
  padding: 1%;
  float: left
}

.per70.bg {
  width: 62.7%;
  padding: 1%;
  float: left;
  margin: 1%
}

.percent70 {
  width: 66.7%;
  float: left
}

.per75 {
  width: 73%;
  padding: 1%;
  float: left
}

.per75.bg {
  width: 71%;
  padding: 1%;
  float: left;
  margin: 1%
}

.percent75 {
  width: 75%;
  float: left
}

.sec-pTB {
  padding: 40px 0
}

.sep-brd-top {
  border-top: 1px dashed #000;
  margin-top: 20px;
  padding-top: 20px
}

.sep-brd-btm {
  border-bottom: 1px dashed #000;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.bg-l-grey {
  background: #f1f1f1
}

.bg-l-white {
  background: #ffffff
}

a.lnmore {
  color: #888;
  margin-top: 10px;
  display: inline-block
}

a.lnmore .lnarw {
  background-position: -484px -14px;
  height: 13px;
  width: 13px;
  display: inline-block;
  line-height: 12px;
  margin-right: 5px
}

p {
  margin: 15px 0
}

.notebox {
  background: #F8F8F8;
  border: 1px solid #ddd;
  padding: 2%;
  margin: 40px 0 0 0
}

.yellowbox {
  background: #F0F2DA;
  border: 1px solid #ddd;
  padding: 2%;
  margin: 20px 0
}

.bluebox {
  background: #E0F1F9;
  border: 1px solid #ddd;
  padding: 2%;
  margin: 20px 0
}

ul.list {
  padding: 10px 0 10px 30px;
  list-style-type: disc
}

ol.list {
  padding: 10px 0 10px 30px;
  list-style-type: decimal
}

.key {
  display: inline-block !important;
  font-size: inherit;
  letter-spacing: normal;
  margin: 0;
  line-height: inherit;
  font-weight: inherit
}

/*Sprite*/
.icon-s-droparw {
  background-position: -480px 0;
  height: 10px;
  width: 10px;
  display: inline-block;
  line-height: 16px;
  font-size: 0
}

/*buttons*/
a.btn-style,
input.btn-submit,
a.grn-btn,
a.red-btn,
a.moreBtn,
a.transparent-btn {
  font-size: 16px;
  color: #fff !important;
  padding: 8px 20px;
  line-height: 22px;
  display: inline-block;
  text-decoration: none;
  border: none
}

a.btn-style,
input.btn-submit {
  background: #424f56
}

.btn-submit,
.btn-reset {
  background: #74b90f !important;
  border: #aaa;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  padding: 7px 20px;
  border: none
}

.btn-reset [type="reset"] {
  background: #ddd !important;
  color: #333
}

a.grn-btn {
  background: #7bbb2a
}

a.red-btn {
  background: #e9142b
}

a.moreBtn {
  background: #7bbb2a
}

a.transparent-btn {
  color: #333 !important;
  border: 1px solid #ccc
}

a.btn-style:hover,
input.btn-submit:hover,
a.grn-btn:hover,
a.red-btn:hover,
a.moreBtn:hover {
  text-decoration: none
}

a.btn-style:hover,
input.btn-submit:hover {
  background: #566166
}

a.grn-btn:hover {
  background: #7aab2a
}

a.red-btn:hover {
  background: #de0920
}

a.transparent-btn:hover {
  background: #f1f1f1
}

a.moreBtn:hover {
  background: #7aab2a;
  font-size: 12px
}

/*Popup*/
.pop-box {
  width: 100%;
  background: #000;
  opacity: 0.5;
  position: absolute;
  z-index: 10001;
  top: 0;
  display: none
}

.pop-container {
  max-width: 100%;
  width: 720px;
  padding: 20px;
  border: 1px solid #000;
  background: #fff;
  position: fixed;
  height: 460px;
  top: 90px;
  overflow-y: scroll;
  left: 50%;
  margin-left: -350px;
  z-index: 10002;
  display: none
}

#close {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(250, 250, 250, 0.8);
  cursor: pointer
}

[data-popcontbox] {
  display: none
}

.pitstopPopContainer {
  width: 500px;
  height: auto;
  margin-left: -250px;
  top: 200px;
  overflow-y: auto
}

/*Topband*/
#topband {
  background: none repeat scroll 0 0 #fff;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 0 2px #ccc;
  height: 95px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99
}

#meLogo {
  float: left;
  margin-top: 14px
}

#prdLogo {
  display: block;
  margin-top: 7px;
  overflow: hidden;
  position: relative;
  text-indent: -1000%
}

#topheader {
  float: right
}

#meHeader {
  font-size: 11px;
  line-height: 20px;
  padding: 4px 0;
  text-align: right;
  width: 100%
}

#meHeader>ul {
  display: inline-block
}

#meHeader>ul>li {
  float: left;
  list-style-type: none
}

#meHeader>ul>li>span,
#meHeader>ul>li>a {
  color: #777;
  display: inline-block;
  padding: 0 7px;
  text-decoration: none;
  cursor: pointer
}

#meHeader>ul>li>span:hover,
#meHeader>ul>li>a:hover {
  background: #7BBB2A;
  color: #fff
}

#meHeader a {
  color: #777
}

.dropdown {
  position: relative
}

.dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  z-index: 10;
  border-top: 4px solid #7bbb2a;
  background: #f8f8f8;
  padding: 10px;
  min-width: 200px;
  text-align: left;
  font-size: 12px;
  border-right: 1px solid #C5CBD4;
  border-left: 1px solid #C5CBD4;
  border-bottom: 2px solid #C5CBD4;
  top: 20px
}

#meHeader .dropdown-menu a {
  color: #333
}

.dropopen>.dropdown-menu {
  display: block
}

.dropopen>span {
  background: #7BBB2A;
  color: #fff !important
}

.dropdown-menu-head {
  font-size: 16px;
  line-height: 20px;
  border-bottom: 1px dashed #DDD;
  padding-bottom: 10px;
  font-weight: 400;
  display: block
}

.dropdown-menu ul {
  padding: 10px 0
}

.dropdown-menu ul li {
  padding: 3px 10px;
  display: block;
  line-height: 20px
}

.dropdown-menu a:hover {
  text-decoration: underline
}

.maindropdown {
  position: static
}

.maindrop-menu {
  width: 98% !important;
  max-width: 1000px !important;
  top: 23px !important
}

.prdCont {
  padding: 0 !important
}

.prdCont li ul {
  padding: 10px 0 !important
}

.prdCont li ul li {
  padding: 3px 10px !important
}

.prdCont>li {
  width: 24%;
  padding: 5px 0.5% !important;
  float: left;
  min-height: 245px
}

.solCont>ul {
  width: 49%;
  padding: 5px 0.5% !important;
  float: left
}

.solCont ul {
  padding: 0
}

.solCont ul li {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.solCont ul li span {
  font-size: 16px;
  line-height: 20px;
  border-bottom: 1px dashed #DDD;
  padding-bottom: 10px;
  font-weight: 400;
  display: block
}

.solCont ul li p {
  margin: 0;
  padding: 5px 0 15px 0;
  line-height: 22px
}

.solCont ul li p a:hover {
  text-decoration: none !important
}

.drop-ftool {
  font-size: 16px;
  line-height: 20px;
  text-align: right
}

.subHeadTitle a {
  color: #7bbb2a !important
}

.subHeadTitle {
  color: #7bbb2a;
  font-size: 16px;
  padding-bottom: 5px
}

.search {
  margin-right: 5px
}

.searchtxt {
  background: none;
  border: none;
  width: 96%;
  padding: 2px 2%
}

.search .dropdown-menu {
  top: 24px
}

.nav .dropdown-menu {
  top: 78px !important
}

.nav {
  margin: 12px 0 0;
  padding: 0;
  font-size: 15px;
  text-align: right;
  display: block;
  line-height: 24px
}

.nav>li {
  padding: 0 15px 0 0;
  float: left;
  position: relative;
  background: none
}

.nav a {
  color: #333;
  text-decoration: none
}

.nav>li>a:hover,
.nav>li>span:hover,
[data-soldrop]:hover {
  color: #7bbb2a
}

.menu-active a {
  color: #7bbb2a
}

.nav-dwn {
  margin-top: 5px
}

.nav-dwn a {
  background: #E9142B;
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  padding: 4px 10px;
  display: inline-block;
  width: 148px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center
}

.nav-dwn a:hover {
  background: #E3142B
}

.nav-dwn-icon {
  width: 21px;
  height: 20px;
  background-position: 0 0;
  line-height: 22px;
  display: inline-block;
  position: relative;
  top: 2px
}

.nav-qte a {
  background: #7BBB2A;
  position: relative
}

.nav-qte a:hover {
  background: #5BBB2A
}

.nav-qte-icon {
  width: 13px;
  height: 22px;
  background-position: -128px 0px;
  line-height: 22px;
  display: inline-block;
  position: relative;
  top: 0px
}

.menu-icon {
  display: none;
  cursor: pointer;
  margin-top: 34px
}

/*Heading Menu*/
.heading-menu {
  background: #ecedee;
  padding: 5px 0;
  min-height: 40px;
  color: #424f56;
  border-bottom: 1px solid #C5CBD4;
  position: relative;
  overflow: hidden;
  clear: both
}

.heading-menu .menuhead {
  display: inline-block;
  font-weight: 300;
  letter-spacing: -1px;
  font-size: 24px;
  line-height: 40px
}

.heading-menu .menuhead h1 {
  font: inherit;
  margin: 0
}

.heading-menu a {
  color: #424f56;
  text-decoration: none
}

.heading-menu a:hover {
  text-decoration: none
}

.breadcrumb {
  font-size: 11px;
  color: #333;
  display: inline-block;
  margin-left: 10px
}

.breadcrumb a {
  color: #333
}

.breadcrumb a:hover {
  text-decoration: underline
}

/*Page Heading Styles*/
.head300 {
  font-size: 42px;
  line-height: 45px;
  margin: 0 0 40px;
  color: #333;
  font-weight: 300
}

h1,
.pg-head,
.hTag1 {
  font-size: 35px;
  line-height: 45px;
  margin: 0 0 30px;
  color: #333;
  letter-spacing: -1px;
  font-weight: 400
}

h2,
.hTag2 {
  font-size: 25px;
  line-height: 34px;
  margin: 20px 0 20px;
  color: #333;
  font-weight: 400
}

h3,
.hTag3 {
  font-size: 20px;
  line-height: 30px;
  margin: 20px 0 20px;
  color: #333;
  font-weight: 400
}

h4,
.hTag4 {
  font-size: 16px;
  line-height: 20px;
  margin: 20px 0 20px;
  color: #333;
  font-weight: 400
}

.tagline {
  font: inherit !important;
  margin: 0
}

#mainContainer {
  position: relative;
  width: 100%
}

#rightpanel {
  width: 100%;
  max-width: 100%;
  position: fixed;
  z-index: 98;
  /*right:-300px;*/
  height: 100%;
  top: 86px;
  background: #fff;
  display: none
}

#rightpanel ul {
  margin: 0;
  padding: 0 !important;
  font-size: 14px;
  list-style-type: none
}

#rightpanel ul li {
  margin: 0;
  line-height: 20px;
  border-top: 1px solid #dfdfdf;
  padding: 0 !important
}

#rightpanel ul li:first-child {
  border: none
}

#rightpanel a,
#rightpanel span,
#rightpanel .dropdown-menu-head {
  padding: 10px 20px;
  display: block;
  cursor: pointer;
  color: #333
}

#rightpanel .backPanel {
  padding: 10px 20px;
  display: block;
  cursor: pointer;
  color: #333;
  margin-left: -20px;
  color: #7cc580
}

#rightpanel .backPanel .icon-s-arwLtGrn {
  display: inline-block;
  padding: 0;
  height: 20px;
  width: 20px;
  background-position: -303px -65px
}

#rightpanel a:hover {
  text-decoration: none
}

#rightpanel .selected a {
  color: #00ABE4
}

#rightpanel .backPanel {
  border-bottom: 1px solid #dfdfdf
}

#rightpanel .solPan span {
  padding: 0
}

#rightpanel .solPan p {
  margin: 0;
  font-size: 12px
}

#lftpanBox {
  overflow: scroll;
  overflow-x: hidden
}

.panalAct a {
  color: #7cdeff !important
}

#panelToll {
  border-bottom: 1px solid #dfdfdf
}

#panelToll>div {
  font-size: 12px;
  padding: 5px 10px;
  border: none;
  background: #efefef
}

#panelToll ul {
  font-size: 14px
}

#panelSSO a {
  display: inline-block;
  padding: 0px
}

.bodyoverflow {
  overflow: hidden
}

.showPanel {
  display: block !important
}

.hidePanel {
  display: none !important
}

#rightpanel .prdCont>li {
  width: 100%;
  float: none;
  min-height: inherit;
  padding: 0 !important
}

#rightpanel .solCont>div {
  width: 100%;
  float: none
}

#rightpanel .prdCont ul {
  display: none
}

#rightpanel .dropdown-menu-head {
  font-size: 14px;
  border-bottom: none
}

#rightpanel .drop-ftool {
  font-size: 14px;
  text-align: left
}

#rightpanel .drop-ftool {
  display: none !important
}

#lftpanBox>ul li ul {
  display: none
}

.videoTndiv {
  background: #efefef;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 20px
}

/*Banner Slider*/
.bannerflex {
  width: 100%;
  margin: 0 auto;
  background: #efefef
}

.flexMobile {
  display: none
}

.flexslider {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  max-height: 380px;
  position: relative;
  display: block;
  width: 1000px;
  max-width: 100%
}

.flexslider .flexBnrslides {
  padding: 0 !important;
  margin: 0 !important
}

.flexslider .flexBnrslides>li {
  display: none;
  -webkit-backface-visibility: hidden;
  float: left
}

.flexslider .flexBnrslides>li.flex-active-slide {
  -webkit-backface-visibility: visible
}

.flexslider .flexBnrslides>li:first-child {
  display: block
}

.flexslider .flexBnrslides img {
  max-width: 100%;
  display: block;
  margin: 0 auto
}

.flexslider .flexBnrslides>li>a {
  display: block;
  max-width: 100%
}

.flexslider .flexBnrslides>li div a {
  display: inline-block;
  max-width: 100%
}

.flex-pauseplay span {
  text-transform: capitalize
}

.flex-control-nav {
  position: absolute;
  text-align: center;
  right: 10px;
  bottom: 10px;
  z-index: 90
}

.flex-control-nav li {
  margin: 0 3px;
  display: inline-block
}

.flex-control-nav li a {
  background: #ccc;
  cursor: pointer;
  border-radius: 5px;
  height: 10px;
  width: 10px;
  display: block
}

.flex-control-nav li a.flex-active {
  background: #74B223;
  color: #FFF
}

.flex-control-nav li a:hover {
  text-decoration: none
}

.flex-direction-nav {
  display: none
}

.flex-direction-nav li a {
  height: 30px;
  width: 30px;
  display: block;
  color: transparent;
  -webkit-transition: all .3s ease;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  opacity: 0
}

.flex-direction-nav li a.flex-prev {
  background-position: -60px -60px
}

.flex-direction-nav li a.flex-next {
  background-position: -90px -60px
}

.flexslider:hover a.flex-prev {
  opacity: 0.3;
  left: 5px
}

.flexslider:hover a.flex-next {
  opacity: 0.3;
  right: 5px
}

.newbnrtxt {
  position: absolute;
  z-index: 90;
  display: block;
  transition: all 0.2s ease-in-out 0s;
  text-align: left;
  color: #000;
  font-size: 34px;
  font-weight: 300;
  line-height: 50px;
  padding: 0
}

.bnr-dwn,
.bnr-btn {
  display: inline-block;
  margin: 0
}

.bnr-dwn a,
.bnr-btn a {
  background: #ED1C24;
  color: #fff;
  text-transform: none;
  font-weight: 300;
  padding: 10px 20px;
  font-size: 34px;
  display: inline-block;
  line-height: 34px;
  transition: all 0.2s ease-in 0s;
  border-radius: 5px;
  display: inline-block !important
}

.bnr-btn a {
  background: #424f56
}

.bnr-dwn a:hover,
.bnr-btn a:hover {
  text-decoration: none;
  background: #df200f
}

.bnr-btn a:hover {
  background: #394348
}

/*------Customer Logos Section-----*/
#customer-logo ul {
  text-align: center
}

#customer-logo {
  padding: 20px 0;
  text-align: center
}

.cLogo {
  background: url(../images/v1/clients.png) no-repeat left top;
  display: inline-block;
  text-indent: -9999em;
  width: 100px;
  height: 60px
}

#customer-logo a {
  text-decoration: none
}

#customer-logo ul li {
  float: none;
  width: auto;
  vertical-align: top;
  display: inline-block;
  padding: 0px 1% 0 1%
}

.cLogo.cl-att {
  background-position: 0 0
}

.cLogo.cl-loreal {
  background-position: -100px 0
}

.cLogo.cl-barclays {
  background-position: -200px 0
}

.cLogo.cl-sony {
  background-position: -300px 0
}

.cLogo.cl-ge {
  background-position: -400px 0
}

.cLogo.cl-saint-gobain {
  background-position: -500px 0
}

.cLogo.cl-ericsson {
  background-position: -600px 0
}

.cLogo.cl-nec {
  background-position: -700px 0
}

.cLogo.cl-alcatel-lucent {
  background-position: 0 -60px
}

.cLogo.cl-time-warner {
  background-position: -100px -60px
}

.cLogo.cl-digicel {
  background-position: -200px -60px
}

.cLogo.cl-abn-amro {
  background-position: -300px -60px
}

.cLogo.cl-dhl {
  background-position: -400px -60px
}

.cLogo.cl-hughes {
  background-position: -500px -60px
}

.cLogo.cl-u21global {
  background-position: -600px -60px
}

.cLogo.cl-aol {
  background-position: -700px -60px
}

.cLogo.cl-nokia {
  background-position: 0 -120px
}

.cLogo.cl-seagate {
  background-position: -100px -120px
}

.cLogo.cl-eds {
  background-position: -200px -120px
}

.cLogo.cl-halmark {
  background-position: -300px -120px
}

.cLogo.cl-metlife {
  background-position: -400px -120px
}

.cLogo.cl-cellnet {
  background-position: -500px -120px
}

.cLogo.cl-cityofseatle {
  background-position: -600px -120px
}

.cLogo.cl-airbus {
  background-position: -700px -120px
}

.cLogo.cl-lufthansa {
  background-position: 0 -180px
}

.cLogo.cl-adcb {
  background-position: -100px -180px
}

.cLogo.cl-navy {
  background-position: -200px -180px
}

.cLogo.cl-los-alamos {
  background-position: -300px -180px
}

.cLogo.cl-ucla {
  background-position: -400px -180px
}

.cLogo.cl-usgs {
  background-position: -500px -180px
}

.cLogo.cl-infosys {
  background-position: -600px -180px
}

.cLogo.cl-ernst-young {
  background-position: -700px -180px
}

.cLogo.cl-ogilvy {
  background-position: 0 -240px
}

.cLogo.cl-ibm {
  background-position: -100px -240px
}

.cLogo.cl-saddle-creek {
  background-position: -200px -240px
}

.cLogo.cl-tcs {
  background-position: -300px -240px
}

.cLogo.cl-comviva {
  background-position: -400px -240px
}

.cLogo.cl-tulip {
  background-position: -500px -240px
}

.cLogo.cl-kryptos {
  background-position: -600px -240px
}

.cLogo.cl-hcl {
  background-position: -700px -240px
}

.cLogo.cl-waterhouse {
  background-position: 0 -300px
}

.cLogo.cl-siemens {
  background-position: -100px -300px
}

.cLogo.cl-tata {
  background-position: -200px -300px
}

.cLogo.cl-fidelity {
  background-position: -300px -300px
}

.cLogo.cl-michigan {
  background-position: -400px -300px
}

.cLogo.cl-intel {
  background-position: -500px -300px
}

.cLogo.cl-bat {
  background-position: -600px -300px
}

.cLogo.cl-reliance {
  background-position: -700px -300px
}

.cLogo.cl-ikea {
  background-position: 0 -360px
}

.cLogo.cl-honda {
  background-position: -100px -360px
}

.cLogo.cl-everton {
  background-position: -200px -360px
}

.cLogo.cl-bridgestone {
  background-position: -300px -360px
}

.cLogo.cl-oxford {
  background-position: -400px -360px
}

.cLogo.cl-xerox {
  background-position: -500px -360px
}

.cLogo.cl-unicef {
  background-position: -600px -360px
}

.cLogo.cl-toshiba {
  background-position: -700px -360px
}

.cLogo.cl-chs {
  background-position: 0 -420px
}

.cLogo.cl-symantec {
  background-position: -100px -420px
}

.cLogo.cl-northrop-grumman {
  background-position: -200px -420px
}

.cLogo.cl-lt-infotech {
  background-position: -300px -420px
}

.cLogo.cl-cisco {
  background-position: -400px -420px
}

.cLogo.cl-nasa {
  background-position: -500px -420px
}

.cLogo.cl-unisys {
  background-position: -600px -420px
}

.cLogo.cl-wipro {
  background-position: -700px -420px
}

.cLogo.cl-itcinfotech {
  background-position: 0 -480px
}

.cLogo.cl-franklin {
  background-position: -100px -480px
}

.cLogo.cl-sonypic {
  background-position: -200px -480px
}

.cLogo.cl-nycgov {
  background-position: -300px -480px
}

.cLogo.cl-wfp {
  background-position: -400px -480px
}

.cLogo.cl-moto {
  background-position: -500px -480px
}

.cLogo.cl-ups {
  background-position: -600px -480px
}

.cLogo.cl-ctgov {
  background-position: -700px -480px
}

.cLogo.cl-canon {
  background-position: 0px -540px
}

.cLogo.cl-toyota {
  background-position: -500px -540px
}

.cLogo.cl-kia {
  background-position: -400px -540px
}

.cLogo.cl-blueibm {
  background-position: -300px -540px
}

.cLogo.cl-enoc {
  background-position: -202px -540px
}

.cLogo.cl-cognizant {
  background-position: -105px -540px
}

/*LHS Tree*/
.lhs-tree {
  float: left;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  width: 24%
}

#lhsTree {
  list-style-type: none;
  max-width: 240px;
  padding: 30px 0 40px;
  width: 100%
}

#lhsTree>li {
  border-bottom: 1px solid #ececec;
  color: #777;
  font-size: 13px;
  line-height: 1.2em;
  position: relative
}

#lhsTree>li>span,
#lhsTree>li>a {
  cursor: pointer;
  display: block;
  padding: 12px 0 12px 24px;
  color: #777;
  text-decoration: none
}

#lhsTree>li>span:hover,
#lhsTree>li>a:hover {
  color: #000
}

#lhsTree li ul {
  padding: 0
}

#lhsTree>li>ul {
  display: none
}

#relPrdDCGroup>ul {
  display: block !important
}

#lhsTree>li>ul li a {
  border-top: 1px solid #eee;
  font-size: 12px;
  line-height: 1.2em;
  padding: 10px 10px 10px 34px;
  display: block;
  line-height: 15px;
  text-decoration: none;
  color: #777
}

#lhsTree>li>ul li a:hover {
  color: #333
}

#lhsTree>li a.feaact {
  color: #7bbb2a;
  position: relative
}

#lhsTree>li>span:after {
  border-bottom: 4px solid transparent;
  border-left: 4px solid #ff8134;
  border-top: 4px solid transparent;
  content: "";
  display: inline-block;
  left: 5px;
  position: absolute;
  top: 16px
}

#lhsTree>li>span.dropact:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ff8134;
  content: "";
  display: inline-block;
  left: 5px;
  position: absolute;
  top: 16px
}

.rhs-cont {
  border-left: 1px dotted #ddd;
  float: left;
  padding: 30px 0 40px 4%;
  position: relative;
  width: 71%
}

.rhs-cont ul,
.rhs-cont ol {
  padding: 10px 0 10px 25px
}

.rhs-cont ul li {
  padding-left: 10px
}

.rhs-cont ul {
  list-style-type: disc
}

.rhs-cont ol {
  list-style-type: decimal
}

.tabDiv {
  border-bottom: 3px solid #ecedee;
  margin: 20px 0
}

.tabDiv>a,
.tabDiv>span {
  border-left: 2px solid #ecedee;
  cursor: pointer;
  color: #444;
  padding: 5px 20px;
  display: inline-block;
  text-decoration: none
}

.tabDiv>a:first-child,
.tabDiv>span:first-child {
  border: none
}

.tabDiv>a.tabAct,
.tabDiv>span.tabAct {
  background: #ecedee
}

/*Bottom Fix Menu*/
.btmBar {
  height: 55px
}

#btmBar {
  bottom: -96px;
  background: #000;
  font-size: 13px;
  line-height: 16px;
  padding: 5px 0;
  width: 100%
}

#btmBar a {
  color: #fff
}

#btmBar.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%
}

#btmBar ul {
  padding: 0;
  float: left;
  width: 99%;
  list-style-type: none
}

#btmBar ul li {
  float: left;
  width: 19%;
  padding: 0 0.5%;
  text-align: center
}

#btmBar ul li a {
  color: #c9c9c9
}

#btmBar ul li a>span {
  opacity: 0.7
}

#btmBar ul li a:hover {
  color: #fff;
  text-decoration: none
}

#btmBar ul li a:hover>span {
  opacity: 1
}

#btmBar .btm-dwn a {
  color: #fff;
  background: #E9142B;
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  padding: 4px 8px;
  display: inline-block;
  width: 144px;
  border-radius: 5px;
  margin-top: 4px
}

#btmBar .btm-dwn a>span {
  opacity: 1
}

#btmBar .btm-dwn a:hover {
  background: #E3142B
}

#btmBar .btm-qte a {
  background: #7bbb2a
}

#btmBar .btm-qte a:hover {
  background: #5bbb2a
}

#btmBar .btm-gte a {
  background: #7bbb2a
}

#btmBar .btm-gte a:hover {
  background: #5BBB2A
}

.relatedPrd {
  list-style-type: none;
  padding: 10px;
  font-size: 12px
}

.relatedPrd li a {
  color: #333
}

.footCol1 {
  width: 25%;
  min-height: 220px;
  padding: 0 4.5% 0 0;
  float: left;
  border-right: 1px dashed #000
}

.footCol2 {
  width: 27%;
  min-height: 220px;
  padding: 0 4.5%;
  float: left;
  border-right: 1px dashed #000
}

.footCol3 {
  width: 25%;
  min-height: 220px;
  padding: 0 0 0 4.5%;
  float: left
}

.footCont>ul {
  width: 45%;
  float: left
}

.footHead {
  font-size: 20px;
  color: #7bbb2a;
  padding-bottom: 20px
}

footer a {
  color: #5a6870
}

footer a:hover {
  text-decoration: underline
}

footer ul {
  list-style-type: none
}

.foot-social.footFix {
  position: fixed;
  top: 86px !important;
  z-index: 7
}

.foot-social.footAbs {
  position: absolute;
  z-index: 7
}

.foot-social.footFix,
.foot-social.footAbs {
  right: 0;
  background: #fff;
  padding: 10px 10px 0 10px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 0 0 0 5px
}

.foot-social.footFix a,
.foot-social.footAbs a {
  display: block;
  margin: 0 0 10px 0
}

footer input[type=text] {
  border: 1px solid #ccc;
  width: 140px;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  float: left;
  position: relative
}

footer input[type=submit] {
  border: none;
  padding: 10px;
  background: #7bbb2a;
  text-align: center;
  line-height: 20px;
  padding: 0 5%;
  float: left;
  color: #fff;
  font-size: 14px
}

.zLogo {
  display: inline-block
}

.foot-copy {
  font-size: 12px;
  text-align: center;
  color: #898c90;
  padding-top: 20px
}

.foot-copy a {
  color: #898c90
}

#backToTop {
  position: fixed;
  right: 20px;
  bottom: 80px;
  color: #000;
  background: rgba(0, 0, 0, 0.7) url(https://www.manageengine.com/images/up-arrow.png) no-repeat 16px 17px;
  font-size: 12px;
  display: none;
  cursor: pointer;
  transition: all 0.1s ease 0s;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-indent: -1000px;
  overflow: hidden
}

#backToTop:hover {
  background-color: rgba(0, 0, 0, 0.9);
  background-position: 16px 10px
}

/*Normal Table*/
.table {
  width: 100%;
  border: none
}

.table td,
.table th {
  border: 1px solid #ccc;
  padding: 5px;
  vertical-align: top
}

.table th {
  background: #eee
}

.table tr.even {
  background: #efefef
}

/*Download Form*/
.dwnForm {
  width: 28.5%;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 20px 2%;
  float: left
}

.dwnCont {
  width: 63%;
  padding: 40px 2%;
  float: left
}

.dwn-form input,
.dwn-form select {
  width: 85%;
  margin-top: 10px;
  padding: 7px;
  border: none;
  font-size: 13px;
  transition: all 0.2s ease-in-out 0s;
  color: #777;
  outline: none;
  border: 1px solid #bbb
}

.dwn-form input[type="checkbox"] {
  width: 20px
}

.dwn-form input:focus,
.dwn-form select:focus {
  color: #2a2a2a;
  outline: none;
  background: #f9f9f9
}

.dwn-form select {
  width: 90%
}

#downloadSubmit {
  background: #e9142b;
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  width: 80%;
  margin-top: 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer
}

#downloadReset {
  font-size: 18px;
  line-height: 24px;
  width: 80%;
  margin-top: 10px;
  border-radius: 5px;
  cursor: pointer;
  background: #dfdfe0;
  border: none;
  color: #333
}

#user-detail {
  display: none
}

#form-alert,
#dwn-form-alert {
  background: #E9142B;
  position: absolute;
  color: #fff;
  font-size: 12px;
  padding: 10px;
  line-height: 16px;
  max-width: 265px
}

#form-alert:before,
#dwn-form-alert:before {
  position: absolute;
  left: 5%;
  top: -10px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #E9142B;
  content: ''
}

footer #dwn-form-alert {
  top: 35px;
  left: 20px
}

.dwn-priv {
  font-size: 11px;
  line-height: 16px;
  margin-top: 10px;
  color: #9da3ab
}

.dwn-div:first-child {
  display: block
}

.dwn-div {
  display: none;
  text-align: center
}

#meGDPRMessage {
  font-size: 11px;
  line-height: 16px;
  margin: 10px auto 0;
  color: #9da3ab;
  width: 90%
}

#meGDPRMessage input {
  float: left;
  margin: 0 5px 0 0;
  width: auto !important
}

.dwn-nav-link {
  line-height: 46px;
  display: block;
  text-align: center;
  background: #ECEDEE;
  margin-top: 2px
}

.dwn-nav-link a {
  color: #333
}

/*Features Page 3 Column*/
.feaSubHead {
  font-size: 22px;
  text-align: center
}

.feaSubHead a {
  color: #666
}

.feaCol {
  float: left;
  padding: 20px 0;
  width: 31%
}

.feaColmid {
  margin: 0 3.5%
}

.feaHead {
  font-size: 16px;
  letter-spacing: -0.5px;
  margin-top: 8px
}

.feaImg {
  display: inline-block;
  height: 32px;
  margin: 5px 10px 0 0;
  width: 32px
}

.feature-box p {
  margin: 15px 0 5px
}

/*Resource or support page 4 column*/
.resCol {
  width: 24%;
  float: left;
  margin-right: 1%;
  padding: 20px 0px
}

.resHead {
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 16px
}

.resImg {
  margin: 5px 5px 0 0;
  height: 16px;
  width: 16px;
  display: inline-block
}

.resource-box p {
  margin: 10px 0 0 0;
  color: #777;
  padding-left: 26px
}

/*Download Btn*/
a.download-winBtn {
  font-size: 28px;
  line-height: 26px;
  padding: 8px 15px;
  display: inline-block;
  background: #e9142b;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  text-align: center
}

a.download-winBtn>span {
  display: inline-block;
  float: left
}

.download-sml {
  display: block;
  font-size: 12px;
  line-height: 20px
}

.download-OS {
  margin: 10px 20px 0 0
}

.download-Arw {
  margin: 10px 0 0 20px
}

.otr-dwn-head {
  padding: 5px 5%;
  font-size: 18px;
  border-bottom: 1px solid #ccc
}

.otr-dwn-cont {
  padding: 10px 5%;
  font-size: 16px
}

.otr-dwn-cont a {
  font-size: 14px;
  background: #c4c8cc;
  margin-left: 4px;
  width: 73px;
  display: inline-block;
  text-align: center;
  color: #333;
  text-decoration: none
}

.otr-dwn-cont a:hover {
  background: #7BBB2A;
  color: #fff
}

.otr-dwn-cont a.ful {
  width: 150px
}

.otr-dwn-cont ul {
  list-style-type: none;
  padding: 0
}

.otr-dwn-cont ul li span {
  display: inline-block;
  position: relative;
  float: right
}

.otr-dwn-cont ul li {
  clear: both;
  padding: 10px 0
}

.otr-dwn-subhead {
  font-size: 14px;
  margin-top: 20px;
  padding-left: 5%
}

/*Simple Screenshot showcase*/
.scshtCont {
  width: 100%;
  position: relative;
  margin: 50px 0
}

.scshtCont img {
  width: 100%
}

.scshtCont ul {
  margin: 0;
  padding: 0 !important;
  list-style-type: none
}

.scshtCont ul li {
  margin: 0;
  padding: 0;
  display: none
}

.scshtCont ul li.show {
  display: block
}

.scshtCont ul li>div {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 10px 2%;
  position: absolute;
  bottom: 0;
  width: 96%
}

#scshtNextPrev {
  position: absolute;
  top: -27px;
  width: 100%
}

#scshtPrev,
#scshtNext {
  background: #333333;
  color: #FFFFFF;
  cursor: pointer;
  padding: 2px 10px
}

/*Quick Menu*/
#quickFixDiv {
  height: 30px;
  width: 100%;
  background: #fff
}

#quickFixCont {
  height: 30px;
  width: 100%;
  background: #fff;
  z-index: 7
}

#quickContainer {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  position: relative;
  transition: all 0.2s ease-in 0s;
  z-index: 9
}

#quickNav {
  position: absolute;
  top: 0px;
  right: 0;
  font-size: 13px;
  line-height: 20px;
  z-index: 9;
  text-align: right
}

#quickNav:before {
  position: absolute;
  right: -30px;
  top: 0;
  display: inline-block;
  border-right: 30px solid transparent;
  border-top: 30px solid #efefef;
  content: ''
}

#quickNav:after {
  position: absolute;
  left: -30px;
  top: 0;
  display: inline-block;
  border-left: 30px solid transparent;
  border-top: 30px solid #efefef;
  content: ''
}

#quickNav a {
  display: block;
  padding: 5px;
  color: #777;
  text-decoration: none
}

#quickNav a:hover {
  color: #000
}

#quickNav ul {
  padding: 0;
  margin: 0;
  background: #efefef;
  position: relative;
  right: 0
}

#quickNav ul li {
  padding: 0;
  display: inline-block
}

#quickNav .icon {
  margin: 2px 5px
}

.quickMenuFix {
  position: fixed !important;
  top: 86px !important;
  left: 0
}

/*Footer Quicknav section*/
.fea-nav-link {
  margin-top: 30px;
  position: relative;
  display: block;
  background: #efefef
}

.fea-nav-link span {
  width: 20%;
  display: inline-block;
  float: left;
  text-align: center;
  color: #444;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  line-height: 30px !important;
  background: #efefef;
  padding: 5px 0
}

.fea-nav-link span.act {
  background: #dfdfdf
}

.fea-nav-link span.act:before {
  position: absolute;
  left: -15px;
  margin-left: -5px;
  bottom: 0;
  display: inline-block;
  border-top: 40px solid transparent;
  border-right: 20px solid #dfdfdf;
  content: '';
  z-index: 9
}

.fea-nav-link span.act:after {
  position: absolute;
  right: -20px;
  margin-left: -5px;
  bottom: 0;
  display: inline-block;
  border-top: 40px solid transparent;
  border-left: 20px solid #dfdfdf;
  content: '';
  z-index: 9
}

.fea-nav-link span.act:first-child:before {
  border: none !important
}

.fea-nav-link span.act:last-child:after {
  border: none !important
}

.fea-nav-list {
  width: 97%;
  background: #dfdfdf;
  padding: 20px 0 20px 3%;
  color: #444;
  line-height: 16px;
  font-size: 12px;
  min-height: 80px
}

.fea-list-cont {
  display: none
}

.fea-list-cont>ul {
  width: 30%;
  padding: 0 2% 0 0;
  float: left;
  list-style-type: none
}

.fea-list-cont>ul li {
  padding: 5px 0
}

.fea-list-cont ol {
  list-style-type: none
}

.fea-nav-list a {
  color: #444
}

.fea-nav-list a:hover {
  text-decoration: underline
}

/*New Band*/
#commonHeader {
  min-height: 39px
}

.loginbox a {
  color: #ff8134
}

#newtopheader {
  height: 85px;
  width: 100%;
  top: 39px
}

#newtopheader .topheader {
  background: #FFF;
  width: 100%;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 0 2px #ccc;
  top: 0;
  height: 85px;
  position: relative;
  z-index: 9999
}

#newtopheader .topheader.fixed {
  position: fixed;
  z-index: 9999;
  top: 0
}

.newsearchbox {
  border: none;
  background: none;
  padding: 5px 2%;
  width: 96%;
  color: #fff
}

.newsearchbox:focus {
  width: 150px
}

.melogo {
  margin-right: 10px;
  float: left;
  position: fixed;
  z-index: 10000;
  top: 3px;
  transition: all 1s ease-in
}

.melogo.logoDrop {
  position: fixed
}

.prdLogo {
  float: left;
  margin-top: 2px
}

.hdrContainer,
.heading-menu .container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  transition: all 0.2s ease-in 0s
}

.hdrContainer .per25>div {
  border-bottom: 1px solid #424f56;
  font-size: 16px;
  padding-bottom: 5px
}

.hdrContainer .per25>ul {
  margin: 10px 0
}

.hdrContainer .per25>ul>li {
  padding: 3px 0
}

.hdrContainer .per20>div {
  border-bottom: 1px solid #424f56;
  font-size: 16px;
  padding-bottom: 5px
}

.hdrContainer .per20>ul {
  margin: 10px 0;
  font-size: 13px;
  line-height: 20px
}

.hdrContainer .per20>ul>li {
  padding: 3px 0
}

.header {
  position: relative;
  padding-top: 32px
}

#subHdr {
  padding: 3px 0 2px 0;
  box-shadow: 0 0 2px #ccc;
  font-size: 13px
}

#subHdrLhs {
  float: left
}

#subHdrLhs>ul {
  margin-left: 160px
}

#subHdrLhs li {
  float: left;
  padding: 10px 10px 0
}

#subHdrLhs li span {
  cursor: pointer;
  position: relative;
  display: inline-block;
  line-height: 24px
}

#subHdrLhs li span.solAct:after {
  position: absolute;
  left: 50%;
  bottom: -1px;
  display: inline-block;
  border-bottom: 6px solid #616F76;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  content: '';
  margin-left: -5px
}

#subHdrRhs {
  float: right
}

#subHdrRhs .show {
  display: block !important
}

#subHdrRhs>ul {
  float: right;
  font-size: 11px;
  position: relative
}

#subHdrRhs a {
  color: #444
}

#subHdrRhs .soldrop a {
  color: #fff
}

#sol-list a {
  color: #fff
}

#subHdrRhs>ul>li {
  float: left;
  padding: 10px 5px 0
}

#subHdrRhs>ul>li>span {
  cursor: pointer;
  line-height: 16px;
  display: inline-block
}

span.solAct {
  position: relative;
  color: #7bbb2a
}

span.solAct:after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  display: inline-block;
  border-bottom: 6px solid #616F76;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  content: '';
  margin-left: -5px
}

.nav span.solAct:after {
  border-bottom: 8px solid #616F76;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  bottom: -19px
}

.subHdrRhsDrop {
  background: #616F76;
  color: #fff;
  border-bottom: 5px solid #7bbb2a;
  padding: 0;
  position: absolute;
  width: 250px;
  padding: 5px 10px;
  top: 30px;
  right: 0;
  z-index: 999999;
  font-size: 12px;
  display: none;
  line-height: 22px
}

.subHdrRhsDrop.sales {
  width: 270px;
  padding: 0px
}

.subHdrRhsDrop ul {
  margin-left: 10px
}

.ss-social {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #424f56
}

.ss-social a:hover {
  text-decoration: none
}

.ssLhs {
  width: 89px;
  float: left;
  padding-right: 5px
}

.ssRhs {
  width: 140px;
  float: left;
  padding-left: 10px;
  margin: 5px 0;
  border-left: 1px solid #424f56
}

#sol-list>div {
  background: #616F76;
  color: #fff;
  border-bottom: 5px solid #7bbb2a;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 38px;
  z-index: 999999;
  font-size: 14px;
  min-height: 300px;
  display: none
}

#sol-list>div.fixed {
  position: fixed;
  top: 86px
}

#sol-list>div>.hdrContainer {
  min-height: 300px
}

#sol-list>div.show {
  display: block
}

#sol-list .sol-listCol1 {
  width: 28%;
  padding: 20px 2% 20px 5%;
  float: left
}

#sol-list .sol-listCol2 {
  width: 15%;
  padding: 40px 0;
  float: left;
  position: relative;
  text-align: center
}

#sol-list [data-solshow="unified"] .sol-listCol2 {
  float: none;
  padding: 10px 0 0;
  margin: 0 auto;
  text-align: center
}

#sol-list [data-solshow="unified"] .sol-listCol2 .solIcon {
  margin: 0 auto
}

#sol-list [data-solshow="unified"] .sol-listCol2 span {
  display: none
}

#sol-list [data-solshow="unified"] .sol-listCol3 {
  float: none;
  padding: 0 2%;
  margin: 0 auto;
  text-align: center
}

#sol-list [data-solshow="unified"] a {
  background: #7bbb2a !important;
  padding: 5px 10px !important;
  color: #fff !important;
  text-decoration: none !important
}

#sol-list .sol-listCol2 .solIcon {
  background: url(//www.manageengine.com/images/new-solutions.png) no-repeat 0 0;
  height: 120px;
  width: 120px;
  display: inline-block;
  margin: 10% auto 0
}

#sol-list .sol-listCol2 .solActive {
  background-position: 0 0
}

#sol-list .sol-listCol2 .solAnalytics {
  background-position: 0 -240px
}

#sol-list .sol-listCol2 .solApplication {
  background-position: -120px 0
}

#sol-list .sol-listCol2 .solDesktop {
  background-position: -240px 0
}

#sol-list .sol-listCol2 .solHelpDesk {
  background-position: -360px 0
}

#sol-list .sol-listCol2 .solNetwork {
  background-position: 0 -120px
}

#sol-list .sol-listCol2 .solITSecurity {
  background-position: -120px -120px
}

#sol-list .sol-listCol2 .solServer {
  background-position: -480px 0
}

#sol-list .sol-listCol2 .solMSP {
  background-position: -240px -120px
}

#sol-list .sol-listCol2 .solOndemand {
  background-position: -360px -120px
}

#sol-list .sol-listCol2 .solUnified {
  background-position: -480px -120px
}

#sol-list .sol-listCol2 span {
  height: 100%;
  width: 1px;
  display: inline-block;
  background: #fff;
  position: absolute;
  left: 0
}

#sol-list .sol-listCol2 span:after {
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: '';
  margin-top: -5px
}

#sol-list .sol-listCol3 {
  width: 46%;
  padding: 40px 2%;
  float: left
}

#sol-list .sol-listCol3 .f1 {
  font-size: 32px;
  line-height: 36px
}

#sol-list .sol-listCol3 .f2 {
  font-size: 22px;
  line-height: 26px;
  margin: 20px 0
}

#sol-list .sol-listCol3 .f3 a {
  color: #7bbb2a;
  text-decoration: none;
  padding: 2px 5px;
  margin: 20px 0;
  display: inline-block;
  text-decoration: underline
}

#sol-list .sol-listCol1 ul {
  margin-right: 10%;
  font-size: 14px;
  display: inline-block
}

#sol-list .sol-listCol1 ul li {
  padding: 5px 0;
  border-top: 1px solid #424f56
}

#sol-list .sol-listCol1 ul li:first-child {
  border-top: none
}

#sol-list .topspace {
  margin-top: 30px
}

.soldrop {
  line-height: 24px
}

.dropFTlink {
  position: absolute;
  right: 0;
  bottom: 10px
}

.menuIcon {
  cursor: pointer;
  display: inline-block;
  float: right;
  margin-right: 20px
}

.menu2ResBlk {
  display: none !important
}

#subHdr ul,
#sol-list ul {
  list-style-type: none
}

#setusername {
  font-size: 12px
}

#mobPanel {
  position: fixed
}

#mobPanel {
  width: 100%;
  max-width: 100%;
  position: fixed;
  z-index: 98;
  height: 100%;
  top: 86px;
  background: #fff;
  display: none
}

#dropPanel {
  overflow: scroll;
  overflow-x: hidden
}

.bodyoverflow {
  overflow: hidden
}

#mobPanel ul li {
  line-height: 24px;
  border-bottom: 1px solid #c0c0c0
}

#mobPanel a {
  color: #000;
  display: block;
  padding: 10px
}

/*New Band End*/
/* Free Tools Download Button Start */
.free-tools-dwldbut {
  width: 160px;
  margin: 10px auto 10px auto;
  display: none
}

.free-tools-dwldbut1 {
  width: 160px;
  display: block
}

/* Free Tools Download Button End */
/* OPM Related Product Start */
.opmRelPrd {
  border-top: 1px solid #f1f1f1
}

.opmRelPrd .fea-list-cont>ul {
  width: 100%;
  padding: 0
}

.opmRelPrd .fea-list-cont>ul>li {
  width: 31%;
  padding-right: 2.3%;
  float: left
}

/* OPM Related Product End */
/* Image Zoom Start */
.zoomicon {
  position: relative;
  border: 1px solid #efefef;
  display: inherit
}

.img-zoom-container {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  height: 90%;
  left: 0;
  padding: 5%;
  text-align: center;
  top: 0;
  width: 90%;
  z-index: 999999;
  opacity: 0
}

.img-zoom-span {
  display: inline-block;
  vertical-align: middle
}

.img-zoom-container img {
  max-height: 100%;
  border: 1px solid #efefef;
  max-width: 100%;
  margin-top: -2%
}

.zoom-icon {
  background: url(https://www.manageengine.com/images/v1/zoom-icon.png) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2
}

.img-zoom-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999999;
  font-size: 30px;
  font-weight: 300;
  cursor: pointer;
  color: #fff
}

.img-zoom-iconcont {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  height: 90%;
  left: 0;
  padding: 5%;
  text-align: center;
  top: 0;
  width: 90%;
  z-index: 999999
}

.img-zoom-iconcont img {
  max-height: 100%;
  max-width: 100%
}

.img-zoom-container .popdesc {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  bottom: 97px;
  padding: 10px 2%;
  width: 90% !important;
  left: auto !important;
  box-sizing: border-box;
  margin-left: 0 !important
}

/* Image Zoom End */
.tc {
  text-align: center
}

.tl {
  text-align: left
}

.tr {
  text-align: right
}

.pr {
  position: relative
}

.pa {
  position: absolute
}

.pf {
  position: fixed
}

.fl {
  float: left
}

.fr {
  float: right
}

ul,
ol {
  list-style-type: none
}

.dark {
  background: #f4f4f4
}

.dn {
  display: none
}

a {
  color: #138cd6;
  text-decoration: none
}

.show {
  display: block !important
}

.head-container,
.container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  transition: all 0.2s ease-in 0s
}

.container {
  max-width: 1000px
}

.slider-container .container {
  max-width: 1000px
}

.gdpr-checkbox {
  font-size: 11px;
  line-height: 16px;
  margin-top: 10px;
  color: #9da3ab;
  padding: 0 5px
}

.gdpr-checkbox input {
  width: 15px !important;
  height: 15px;
  margin: 0 5px 0px 0px
}

/* ---------------  Header Top Section styles ---------------  */
header {
  height: auto
}

#topsec-rhs ul {
  border-bottom: 1px solid #DDD;
  padding: 0;
  margin: 0;
  list-style: none;
}

#topsec-rhs .products-list ul {
  border: none;
  padding: 0
}

#topsec-rhs ul li {
  float: left;
  padding: 5px 5px 2px 5px
}

#topsec-rhs ul li.nav-search .icon-search {
  background-position: -4px -3px;
  height: 30px;
  width: 32px;
  display: inline-block
}

#topsec-rhs .menu-inner-right ul {
  border: none
}

#topsec-rhs .menu-inner-right ul li {
  float: none;
  padding: 0 0 10px 0
}

#topsec-rhs .menu-inner-right ul li a {
  font-size: 1em
}

#topsec-rhs ul#products-nav li:last-child {
  padding: 0 10px
}

#topsec-rhs ul li.tabdrop {
  padding: 0 10px
}

nav ul.header-nav {
  margin: 0
}

nav ul.header-nav>li {
  float: left;
  padding: 0 20px 20px 20px;
  margin: 20px 0 0 0;
  font-size: 1.1em;
  position: static
}

nav ul.header-nav>li:first-child {
  padding: 0 20px 20px 50px
}

nav ul.header-nav>li:last-child {
  padding: 0;
  margin: 20px 0 0 0
}

nav ul.productmenu {
  margin-right: 20px;
  margin-bottom: 20px
}

nav ul.productmenu>li {
  font-size: 1em;
  padding: 0 10px
}

nav ul.productmenu>li:first-child {
  padding: 0 10px
}

nav ul.productmenu>li:last-child {
  padding: 0 10px
}

nav ul.productmenu.header-nav>li {
  margin: 10px 0 0
}

nav ul.productmenu.header-nav>li:last-child {
  margin: 10px 0 0
}

nav ul.header-nav>li>span {
  cursor: pointer
}

nav>ul.header-nav>li:hover span {
  border-bottom: 2px solid rgb(124, 187, 66)
}

#header-mainsec nav ul li:last-child span {
  border: none
}

#header-topsec ul a {
  color: #444;
  font-size: .9em;
  cursor: pointer;
  line-height: 30px
}

#header-topsec .tabdrop ul a {
  font-size: inherit
}

#topsec-rhs .icon-search {
  top: 0
}

.icon-search {
  background: url(https://www.manageengine.com/images/nw-search-icon2.png) no-repeat left top;
  width: 48px;
  height: 37px;
  display: block;
  position: relative;
  top: -10px
}

#header-mainsec .headerinner {
  background: #FFF;
  width: 100%;
  top: 0;
  position: relative;
  z-index: 9999;
  box-shadow: 0 2px 2px -1px #ccc
}

#header-mainsec .headerinner.fixed{position:fixed;z-index:99999;top:0px;}
#abheader-new #header-mainsec .headerinner.fixed {
  top: 0;
}

#header-mainsec {
  width: 100%;
  z-index: 9998;
  font: 300 14px/24px 'ZohoPuvi', sans-serif;
  letter-spacing: .5px;
}

.headerinner .prdLogo {
  margin-top: 0
}

#commonHeader {
  min-height: 96px
}

.social-inner-sec {
  margin-top: 10px
}

#topsec-rhs ul li.navdrop .icon-search {
  margin-top: 3px
}

#topsec-rhs ul li.nav-search {
  padding-bottom: 10px
}

#topsec-rhs ul li.nav-support+li:before {
  content: '|';
  display: inline-block;
  padding: 0 10px 0 0
}

#topsec-rhs ul li.nav-search .icon-search {
  background: url(../images/me-sprite-new.png) no-repeat -224px -120px;
  height: 16px;
  width: 16px;
  line-height: normal;
  margin-top: 5px;
}

#topsec-rhs ul li span.user-thumb {
  background: url(../images/me-sprite-new.png) no-repeat -240px -120px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-top: 5px;
  border-bottom: none !important;
  line-height: normal;
}

#topsec-rhs .header-nav>li>a,
#topsec-rhs .header-nav>li>span {
  line-height: normal;
}

/* ---------------  Header inner menu styles ---------------  */
.nav-list>div {
  color: #fff;
  position: absolute;
  width: 100%;
  z-index: 999999;
  font-size: 14px;
  height: 400px;
  background: #f9f9f9;
  border-bottom: 7px solid #1d2532;
  padding: 0;
  top: 57px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -moz-box-shadow: inset 0 0 2px #ccc;
  -webkit-box-shadow: inset 0 0 2px #ccc;
  box-shadow: inset 0 0 2px #ccc
}

.nav-support .nav-list>div {
  height: auto;
  min-height: 350px
}

#topsec-rhs .nav-list>div {
  top: 40px;
  min-height: 350px
}

#topsec-rhs .header-nav>li>a,
#topsec-rhs .header-nav>li>span {
  font-size: .9em;
  line-height: 30px;
  cursor: pointer
}

#topsec-rhs .header-nav>li>a:hover {
  border-bottom: 2px solid #34ad65;
  text-decoration: none
}

.nav-list>div.solutions {
  height: 350px
}

.nav-list>div.products {
  height: 520px
}

.nav-list>div.show {
  opacity: 1;
  visibility: visible
}

.nav-list>div.header-search .head-container {
  min-height: 50px;
  max-width: 60%;
  margin: 40px auto 0
}

.nav-list>div div.menu-inner-left,
.nav-list>div div.menu-inner-right,
.nav-list>div div.solution-sec,
.nav-list>div div.sol-listCol4,
.nav-list>div.header-search .head-container,
.nav-list>div.header-search .suggestion-sec,
.nav-list>div .products-list {
  opacity: 0;
  visibility: hidden;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
  margin-top: 3.5%
}

.nav-list>div div.solution-sec,
.nav-list>div div.sol-listCol4,
.nav-list>div .products-list {
  margin-top: .5%
}

.nav-list>div.show div.menu-inner-left,
.nav-list>div.show div.menu-inner-right {
  opacity: 1;
  visibility: visible;
  padding: 0;
  margin-top: 3%
}

.nav-list>div.show div.solution-sec,
.nav-list>div.show div.sol-listCol4,
.nav-list>div.show .products-list {
  opacity: 1;
  visibility: visible;
  margin-top: 0
}

.nav-list>div.header-search.show .head-container,
.nav-list>div.header-search.show .suggestion-sec {
  opacity: 1;
  visibility: visible;
  margin-top: 40px
}

.products-header #topsec-rhs .nav-list>div {
  top: 36px
}

.products-header #topsec-rhs .header-nav>li>a,
.products-header #topsec-rhs .header-nav>li>span {
  line-height: normal
}

/* ---------------  Header product menu styles ---------------  */
.products-list {
  width: 100%;
  position: absolute;
  left: 0;
  top: 80px
}

.products-list>div {
  background: #f9f9f9;
  color: #fff;
  padding: 30px 0;
  top: 35px;
  z-index: 999999;
  font-size: 14px;
  min-height: 300px;
  width: 100%;
  display: none
}

.products-list>div.show {
  display: block
}

.nav-list .header-sol-listCol3 {
  width: 30%;
  height: 330px;
  border-right: 1px solid #1d2532
}

.nav-list .sol-listCol1 {
  width: 65%;
  margin: 2% 1%;
  border-radius: 5px;
  border: none;
  text-align: left
}

.nav-list .sol-listCol1 ul {
  font-size: 14px;
  /* display:inline-block;*/
  vertical-align: top;
  padding: 0;
  margin: 0;
  text-align: left;
  height: 350px
}

.nav-list .sol-listCol1 ul li {
  border-top: none;
  color: #1d1e1f;
  float: left;
  width: 47%;
  height: 17%;
  vertical-align: top;
  padding: 0 0 0 10px
}

.nav-list a {
  font-weight: 300;
  font-size: 1em;
  color: #000
}

div.nav-submenu ul li a {
  color: #000
}

.nav-list .sol-listCol1 ul li a {
  display: inline-block;
  margin: 15px 0 0 20px;
  cursor: pointer
}

.nav-list .solution-sec ul li a {
  width: 80%
}

.nav-list .products-list .sol-listCol1 ul li a {
  display: inline-block;
  margin: 0 45px;
  line-height: 20px !important
}

.nav-list .sol-listCol1 ul li a span {
  display: block;
  font-size: .85em;
  color: #34ad65;
  margin: 8px 0 0 0
}

.nav-list .security .sol-listCol1 ul li a span,
.nav-list .ondemandcloud .sol-listCol1 ul li a span {
  margin: 0
}

.nav-list .activedirectory .sol-listCol1 ul li a span {
  margin: 0
}

.nav-list #products-nav .products-list .ondemandcloud .sol-listCol1 ul li {
  height: 17%
}

.nav-list .products-list .activedirectory .sol-listCol1 ul li {
  height: 24%
}

.nav-list .products-list .sol-listCol1 ul li {
  height: 26%;
  width: 46%
}

.nav-list .products-list .sol-listCol1 {
  width: 69%
}

.nav-list .products-list .sol-listCol1 ul li.mult-list a {
  margin: 0 0 0px 45px;
  display: inline-block
}

.nav-list .products-list .sol-listCol1 ul li.mult-list>span {
  margin: 0 0 0 45px;
  font-size: .8em;
  color: #34ad65;
  display: inline-block
}

.nav-list .products-list .sol-listCol1 ul li.mult-list>.sep {
  margin: 0 0 0 10px;
  color: #000
}

.ad-prd-title {
  color: #000;
  text-align: left;
  padding: 0 0 10px 38px;
  font-size: 1.3em;
  margin: 0
}

.nav-list #products-nav .activedirectory .sol-listCol1 ul li.office365,
.nav-list #products-nav .network .sol-listCol1 ul li.server {
  position: absolute;
  bottom: 24%;
  color: #000;
  border-bottom: none;
  margin: 0 0 0 45px;
  width: 55%;
  font-size: 1.3em;
  height: 25px;
  border-top: 1px solid #ddd;
  padding-top: 10px !important;
  list-style-type: none
}

.nav-list #products-nav .activedirectory .sol-listCol1 ul li.office365 {
  bottom: 17%
}

.nav-list .sol-listCol2,
.nav-list .sol-listCol3,
.nav-list .sol-listCol1 {
  float: left;
  padding: 0;
  text-align: center;
  margin: 0 auto;
  color: #fff
}

.nav-list .sol-listCol3 {
  width: 30%;
  height: 380px;
  border-right: 1px solid #aaa
}

.nav-list .sol-listCol3 .f1 {
  font-size: 1.4em;
  line-height: 1.8em;
  color: #000;
  font-weight: 400;
  margin: 50px 0 10px 0
}

.nav-list .sol-listCol3 .f2 {
  font-size: 13px;
  line-height: 22px;
  margin: 10px 0 0;
  color: #424f56;
  font-family: 'ZohoPuvi', sans-serif;
  letter-spacing: .5px;
  min-height: 130px
}

.nav-list .me-dropmenu-lists.security .sol-listCol3 {
  width: 24%;
}

.nav-list .me-dropmenu-lists.security .products-list .sol-listCol1 {
  width: 75%;
}

.nav-list .commonlinks a {
  font-size: .9em;
  text-decoration: underline
}

.nav-list .commonlinks a:hover {
  text-decoration: none
}

.commonlinks {
  color: #424f56
}

.commonlinks .marketplace-list {
  color: #424f56;
  display: block;
  font-size: .9em
}

#products-nav {
  background: #1d2532;
  list-style-type: none;
  display: flex;
  width: 99.8%;
  padding: 6px .2% 0 !important;
  margin: 0;
  border: none !important
}

#products-nav li {
  float: left;
  padding: 0 10px;
  text-align: center;
  color: #fff;
  flex-grow: 1;
  height: 75px;
  border-radius: 5px 5px 0 0;
  margin: 0 3px;
  position: static
}

#products-nav .activedirectory ul li {
  height: 70px
}

#products-nav .tabdrop li {
  padding: 0 10px
}

#products-nav>li:hover {
  background: #2d3d57
}

#products-nav>li.active {
  background: #f9f9f9
}

#products-nav>li h3 {
  font-size: .8em;
  margin: 0;
  color: #fff;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 0;
  line-height: 24px;
  cursor: pointer
}

#products-nav li.active h3,
#products-nav li.active:hover h3 {
  color: #000
}

#products-nav li:hover h3 {
  color: #fff
}

#products-nav li p.sicon,
.solutions ul li span.icon {
  height: 30px;
  width: 30px;
  transition: all 0.5s ease;
  -webkit-transform: all 0.5s ease;
  -moz-transform: all 0.5s ease;
  -o-transform: all 0.5s ease;
  -ms-transform: all 0.5s ease;
  margin: 10px auto 3px auto;
  background: url(https://www.manageengine.com/images/solutions-strip-new.svg) center 10px no-repeat;
  cursor: pointer;
  background-size: cover
}

#products-nav li p.menewicon,
.solutions ul li span.menewicon {
  margin: 0px auto 13px auto;
  cursor: pointer;
  height: 30px;
  width: 30px;
  position: relative;
  top: 10px
}

#products-nav li p.menewicon img,
.solutions ul li span.menewicon img {
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: unset
}

#products-nav li .desktopmobile p.menewicon,
#products-nav li .desktopmobile p.menewicon img {
  width: 37px
}

.solutions ul li span.icon {
  display: inline-block;
  vertical-align: top
}

.solutions ul li span.icon {
  display: inline-block;
  vertical-align: top
}

#products-nav li .activedirectory p.sicon,
.solutions ul li.activedirectory span.icon {
  background-position: 0px 0px
}

#products-nav li .analytics p.sicon,
.solutions ul li.analytics span.icon {
  background-position: 0px -43px
}

#products-nav li .application p.sicon,
.solutions ul li.application span.icon {
  background-position: 0px -83px
}

#products-nav li .ondemandcloud p.sicon,
.solutions ul li.ondemandcloud span.icon,
#products-nav li .ondemandcloud p.sicon,
.solutions ul li.ondemandcloud span.icon {
  background-position: 0px -120px
}

#products-nav li .desktop p.sicon {
  background-position: 0px -160px
}

.solutions ul li.desktop span.icon {
  background-position: 0px -186px
}

#products-nav li .desktopmobile p.sicon {
  background-position: 0px -190px;
  width: 37px
}

#products-nav li .helpdesk p.sicon,
.solutions ul li.helpdesk span.icon {
  background-position: 0px -270px
}

#products-nav li .security p.sicon,
.solutions ul li.security span.icon {
  background-position: 0px -382px
}

#products-nav li .network p.sicon,
.solutions ul li.network span.icon {
  background-position: 0px -304px
}

#products-nav li .allproducts p.sicon {
  background-position: 0px -467px
}

.solutions ul li.msp span.icon {
  background-position: 0px -425px
}

.solutions ul li.server span.icon {
  background-position: 0px -339px
}

.solutions ul li.mobile span.icon {
  background-position: 0px -228px
}

#products-nav li .active h3 {
  border-bottom: 6px solid #CA3A3C;
  padding-bottom: 4px;
  display: inline-block
}

#products-nav ul li {
  text-align: left
}

#products-nav .security ul li {
  height: 49px
}

#products-nav ul li a:hover {
  text-decoration: underline
}

#products-nav li .office p.sicon,
.solutions ul li.office span.icon {
  background-position: 0px -705px
}

#products-nav ul li.snd-link a {
  margin-right: 0;
  display: block
}

#products-nav ul li.snd-link>span {
  color: #333
}

#products-nav ul li.snd-link a+a {
  display: inline-block
}

#products-nav ul li.snd-link a:last-child {
  margin-left: 0;
  display: inline-block
}

/*Logos*/
.prdLogo a {
  display: block;
  position: relative;
}

.prdLogo img {
  width: 250px;
  height: 52px
}

.headerinner .prdLogo img {
  position: relative;
  bottom: 5px;
}

.headerinner.fixed .prdLogo img {
  bottom: 0px;
}

.melogosvg img {
  width: 170px;
  height: 42px;
  margin-top: 2px;
}

.ad360logosvg img {
  width: 112px;
  height: 28px;
  margin-top: 10px
}

.adaplogosvg img {
  width: 200px;
  height: 26px;
  margin-top: 10px
}

.admplogosvg img {
  width: 222px;
  height: 28px;
  margin-top: 15px
}

.adssplogosvg img {
  width: 254px;
  height: 24px;
  margin-top: 10px
}

.adsolutionslogosvg img {
  width: 238px;
  margin-top: 10px
}

.alarmsonelogosvg img {
  width: 182px;
  height: 26px;
  margin-top: 10px
}

.analyticslogosvg img {
  width: 208px;
  height: 32px;
  margin-top: 10px
}

.apmlogosvg img {
  width: 264px;
  height: 26px;
  margin-top: 10px
}

.assetlogosvg img {
  width: 208px;
  height: 32px;
  margin-top: 10px
}

.csplogosvg img {
  width: 248px;
  height: 28px;
  margin-top: 10px
}

.dclogosvg img {
  width: 218px;
  height: 30px;
  margin-top: 10px
}

.dcmsplogosvg img {
  width: 238px;
  height: 28px;
  margin-top: 10px
}

.elalogosvg img {
  width: 218px;
  height: 26px;
  margin-top: 10px
}

.erplogosvg img {
  width: 248px;
  height: 24px;
  margin-top: 10px
}

.faplogosvg img {
  width: 198px;
  height: 24px;
  margin-top: 10px
}

.fwalogosvg img {
  width: 218px;
  height: 26px;
  margin-top: 10px
}

.ftoollogosvg img {
  width: 158px;
  height: 28px;
  margin-top: 10px
}

.kmplogosvg img {
  width: 218px;
  height: 26px;
  margin-top: 10px
}

.pamlogosvg img {
  width: 138px;
  height: 26px;
  margin-top: 10px;
}

.log360logosvg img {
  width: 118px;
  height: 32px;
  margin-top: 10px
}

.mdmlogosvg img {
  width: 274px;
  height: 22px;
  margin-top: 10px
}

.nfalogosvg img {
  width: 218px;
  height: 26px;
  margin-top: 10px
}

.ncmlogosvg img {
  width: 280px;
  height: 22px;
  margin-top: 10px
}

.o365logosvg img {
  width: 230px;
  height: 26px;
  margin-top: 10px
}

.opmlogosvg,
.itomlogosvg {
  display: inline-block !important
}

.opmlogosvg img {
  width: 176px;
  height: 30px;
  margin-top: 10px
}

.itomlogosvg img {
  width: 100px;
  height: 30px;
  margin-top: 10px
}

.oputilslogosvg img {
  width: 118px;
  height: 32px;
  margin-top: 10px
}

.osdlogosvg img {
  width: 196px;
  height: 32px;
  margin-top: 10px
}

.patchlogosvg img {
  width: 228px;
  height: 24px;
  margin-top: 10px
}

.opmpluslogosvg img {
  width: 228px;
  height: 28px;
  margin-top: 10px
}

.pcplogosvg img {
  width: 228px;
  height: 24px;
  margin-top: 10px
}

.pmplogosvg img {
  width: 246px;
  height: 26px;
  margin-top: 10px
}

.pmpmsplogosvg img {
  width: 268px;
  height: 24px;
  margin-top: 10px
}

.rmplogosvg img {
  width: 246px;
  height: 26px;
  margin-top: 10px
}

.reportslogosvg img {
  width: 148px;
  height: 32px;
  margin-top: 10px
}

.smplogosvg img {
  width: 228px;
  height: 26px;
  margin-top: 10px
}

.sdplogosvg img {
  width: 222px;
  height: 24px;
  margin-top: 10px
}

.sdpmsplogosvg img {
  width: 238px;
  height: 22px;
  margin-top: 10px
}

.spmplogosvg img {
  width: 248px;
  height: 24px;
  margin-top: 10px
}

.scplogosvg img {
  width: 228px;
  height: 26px;
  margin-top: 10px
}

.cimanagerlogosvg img {
  width: 208px;
  height: 26px;
  margin-top: 10px
}

.socialitlogosvg img {
  width: 198px;
  height: 26px;
  margin-top: 10px
}

.vmmanagerlogosvg img {
  width: 218px;
  height: 26px;
  margin-top: 10px
}

.topomapperlogosvg img {
  width: 218px;
  height: 26px;
  margin-top: 10px
}

.networkdefenderlogosvg img {
  width: 238px;
  height: 24px;
  margin-top: 10px
}

.certificationlogosvg img {
  width: 228px;
  height: 24px;
  margin-top: 10px
}

.waplogosvg img {
  width: 238px;
  height: 26px;
  margin-top: 10px
}

.freeadlogosvg img {
  width: 248px;
  height: 20px;
  margin-top: 10px
}

.freedclogosvg img {
  width: 238px;
  height: 20px;
  margin-top: 10px
}

.rdmlogosvg img {
  width: 274px;
  height: 22px;
  margin-top: 10px
}

.bsplogosvg img {
  width: 264px;
  height: 26px;
  margin-top: 10px
}

.pammsplogosvg img {
  width: 240px;
  height: 34px;
  margin-left: -14px;
  margin-top: 10px;
}

/* ---------------  solution dropdown styles ---------------  */
.sol-listCol4 {
  float: left;
  width: 25%;
  padding: 4% 0 0 80px;
  text-align: left
}

.sol-listCol4 h2 {
  font-size: 1.6em;
  line-height: 2em;
  margin: 0;
  color: #444;
  font-weight: 400
}

.sol-listCol4 h2 span {
  font-weight: 500;
  color: #34ad65;
  font-size: 1.2em
}

.sol-listCol4 p {
  line-height: 2.5em;
  color: #000
}

.nav-list>div.solutions {
  padding: 30px 0
}

.solution-sec ul {
  border-left: 1px solid #aaa
}

.sol-sepration {
  position: absolute;
  border-left: 1px solid #aaa;
  width: 1px;
  height: 350px;
  left: 48%;
  top: 0
}

.menu-inner-left {
  width: 46%;
  vertical-align: top;
  display: inline-block;
  text-align: center;
  margin: 3% 0 0 0
}

.menu-inner-right {
  width: 53%;
  display: inline-block;
  vertical-align: top;
  margin: 3% 0 0 0;
  text-align: left
}

.menu-inner-right ul {
  width: 32%;
  display: inline-block;
  vertical-align: top;
  float: none;
  border: none;
  margin: 0
}

.menu-inner-right .col-35 {
  width: 35%
}

div.nav-submenu .menu-inner-right ul {
  padding: 0
}

.nav-list .menu-inner-right li {
  padding: 0 0 10px 0;
  line-height: 20px
}

.menu-inner-right .col-60 {
  width: 60%
}

.menu-inner-right .col-60 p {
  font-size: 1.6em;
  line-height: 2em;
  margin: 0;
  color: #444
}

div.nav-submenu ul li span,
#mobPanel #mobListCompany ul li span {
  color: #34ad65;
  font-size: 1.2em;
  font-weight: 500
}

#mobPanel {
  top: 42px
}

.suggestion-sec {
  margin: 50px auto;
  width: 60%;
  color: #000
}

.nav-list .suggestion-sec a {
  line-height: 2em;
  padding: 0 10px;
  font-size: .9em
}

.newsearchbox {
  outline: none
}

#cse-search-box .newsearchbox {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 15px 0;
  width: 100%;
  text-indent: 20px;
  font-size: 1.8em;
  color: #444;
  background: #fff
}

#cse-search-box .newsearchbox:focus {
  border: 1px solid #34ad65
}

.followus {
  margin: 10px 0 0
}

.followus a {
  text-decoration: none
}

.nav-videos-preview span {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: .5;
  left: 0
}

.subHdrRhsDrop {
  background: #1d2532;
  border: none;
  color: #fff;
  position: absolute;
  width: 250px;
  padding: 5px 10px;
  top: 30px;
  right: 0;
  z-index: 999999;
  font-size: 12px;
  display: none;
  line-height: 22px
}

#header-topsec ul .loginbox a {
  color: #fff;
  font-size: 1em
}

#header-topsec {
  background: #fff;
  z-index: 99999;
  width: 100%;
  font: 300 14px/24px 'ZohoPuvi', sans-serif;
  letter-spacing: .5px;
  min-height: 47px;
}

/* ---------------  Mobile style ---------------  */
#MEmobPanel {
  width: 100%;
  max-width: 100%;
  position: fixed;
  z-index: 99999;
  height: 100%;
  top: 60px;
  background: #fff;
  display: none;
  font: 300 14px/24px 'ZohoPuvi', sans-serif;
  letter-spacing: .5px;
  overflow-y: scroll
}

#MEmobPanel {
  top: 98px
}

header:not(.abheader) #MEmobPanel {
  top: 88px
}

#MEmobPanel {
  position: fixed
}

#MEdropPanel {
  overflow: scroll;
  overflow-x: hidden
}

#MEmobPanel ul li {
  line-height: 24px;
  border-bottom: 1px solid #c0c0c0
}

#MEmobPanel a,
#MEmobPanel span,
#MEbackPanel {
  color: #000;
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  text-decoration: none
}

#MEmobPanel li.snd-link a+span {
  display: none
}

#MEmobPanel #MEmobListPrd ul a span,
#MEmobPanel #MEmobListPrd ul br {
  padding: 0;
  display: none
}

#MEmobPanel ul li ul,
#MEmobPanel ul li.office365,
#MEmobPanel ul li.server {
  display: none
}

#MEmobListPrd ul li:last-child {
  display: none !important
}

#MEmobListCom,
#MEmobListCom span,
#MEmobListSearch .suggestion-sec,
#MEmobPanel .ad-prd-title {
  display: none
}

#MEmobListSearch form {
  padding: 0 0 0 10px
}

.MEmobListSearch {
  background: #73c57d;
  padding: 14px 0;
  color: #fff;
  border: none;
  font-size: 14px;
  width: 20%;
  text-align: center;
  float: right
}

#MEmobPanel .social-inner-sec {
  display: inline-block;
  margin: 0 10px 10px;
  padding: 0 10px
}

#MEmobPanel .social-inner-sec a {
  padding: 0
}

#MEmobPanel #MEmobListCompany ul li span {
  color: #34ad65;
  font-size: 1.2em;
  font-weight: 500
}

#MEmobListPrd li {
  margin: 0;
  font-size: 1em
}

.menuIcon {
  cursor: pointer;
  display: inline-block;
  float: right;
  margin-right: 20px
}

.icon-s-menu {
  background: url(https://www.manageengine.com/images/me-sprite-new.png) no-repeat 0px -230px;
  height: 25px;
  width: 25px;
  display: inline-block
}

.menu2ResBlk {
  display: none !important
}

footer {
  font: 300 14px/24px 'ZohoPuvi', sans-serif;
  letter-spacing: 0.5px;
  border-top: 1px solid #444;
  line-height: 1.8em
}

.bg-d-grey {
  background: #1d1e1f
}

.footer {
  max-width: 1200px;
  margin: 0 auto
}

.footer,
.footer a {
  color: #bbb
}

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

.footer .footCol1,
.footer .footCol2 {
  border-right: 1px solid #666
}

.footer .foot-head,
.menl,
.division {
  color: #fff
}

.foot-sec>ul:first-child {
  padding-left: 0
}

h3.ss-head {
  font-size: 0.8em
}

.foot-copy {
  font-size: 1em
}

#subscribe {
  font-size: 12px;
  text-transform: uppercase;
  background: #34ad65
}

/****************  footer new style start ********************/
.foot-copy {
  padding: 10px 0;
  background: #fff
}

.footer .foot-head,
.footHead {
  font-weight: 300;
  color: #eee;
  font-size: 1.3em;
  padding-bottom: 15px
}

#btmscroll {
  padding: 0
}

.footer .footCol1 {
  padding: 2% 5% 2% 0;
  border-right: 1px solid #292929
}

.footer .footCol2 {
  padding: 2% 4%;
  border-right: 1px solid #292929
}

.footer .footCol3 {
  padding: 2% 0 0 2%;
  width: 29%;
}

.footHead.active {
  padding-bottom: 20px
}

.footer .footHead {
  margin: 5% 0 0 0
}

#subscribe {
  border-radius: 0 15px 15px 0;
  padding: 6px 20px
}

@-moz-document url-prefix() {
  #subscribe {
    padding: 5px 20px
  }
}

.txtfield {
  border-radius: 15px 0 0 15px
}

.divisionHead {
  padding: 10px 0 0 0
}

.bg-d-grey {
  background: #222
}

.foot-social a {
  height: 20px;
  width: 20px;
  border: 1px solid #fff;
  padding: 8px;
  margin: 0 6px;
  border-radius: 100%;
}

.foot-social a:first-child {
  margin-left: 0;
}

.foot-social {
  margin-bottom: 30px;
}

.foot-social a:hover {
  text-decoration: none;
}

.fb {
  background: url(https://www.manageengine.com/latam/images/footer-sprite.svg) no-repeat 0 0;
  background-size: 25% !important;
  background-position: center;
}

.tw {
  background: url(https://www.manageengine.com/latam/images/footer-icon-tw.svg) no-repeat 0 3px;
  background-size: 45%;
  background-position: 50% 52%;
}

.in {
  background: url(https://www.manageengine.com/latam/images/footer-icon-in.svg) no-repeat 0 0;
  background-size: 45%;
  background-position: 50% 46%;
}

.foot-social a.insta {
  background: url(https://www.manageengine.com/latam/images/ft-insta.png) 50% 46% / 45% no-repeat;
  background-position: 50% 46%;
}

.yt {
  background: url(https://www.manageengine.com/latam/images/footer-icon-yt.svg) no-repeat 0 4px;
  background-size: 45%;
  background-position: center;
}

.spotify {
  background: url(https://www.manageengine.com/latam/images/footer-icon-spotify.svg) no-repeat 0 4px;
  background-size: 100%;
  background-position: center;
  border: none !important;
}

.foot-social a.spotify:hover {
  background-color: #1cd760;
}

.tg {
  background-position: -126px -305px
}

a.insta {
  background: url(https://www.manageengine.com/latam/images/ft-insta.png) no-repeat 0 0;
  background-size: 45%;
  background-position: 50% 46%
}

.foot-social a.fb:hover {
  background-color: #4267b2
}

.foot-social a.tw:hover {
  background-color: #1da1f2
}

.foot-social a.in:hover {
  background-color: #0e76a8
}

.foot-social a.yt:hover {
  background-color: red
}

.foot-social a.insta:hover {
  background: url(https://www.manageengine.com/latam/images/ft-insta.png) no-repeat 0 0, linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) no-repeat;
  background-size: 45%, 100% !important;
  background-position: center
}

/* footer subscribe newsletter style start */
.subscribepopup_contains {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  z-index: 999999;
  display: none
}

.subscribepopup_boxes {
  width: 500px;
  height: auto;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 25%;
  border: 10px solid rgba(11, 11, 11, 0.67)
}

.subscribepopup_closeicon {
  float: right;
  line-height: 23px;
  border: 1px solid #34ad65;
  border-radius: 30px;
  margin: 0;
  width: 25px;
  height: 25px;
  top: 5px;
  right: 5px;
  background: #34ad65;
  color: #fff;
  text-align: center;
  z-index: 99999;
  position: absolute;
  font-weight: 100;
  cursor: pointer;
  font-size: 20px
}

.subscribe_popups {
  padding: 15px 20px
}

.subscribepopup_form_wrapper h4 {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 20px
}

.subscribepopup_form_wrapper form {
  margin: 20px 0 0
}

.subscribepopup_form_wrapper form input[type="text"] {
  width: 210px;
  border: 1px solid #ddd;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  padding: 5px;
  display: block;
  float: left;
  border-radius: 5px;
  box-sizing: unset;
  background: #f8f8f8
}

.subscribepopup_form_wrapper form select {
  width: 225px;
  border: 1px solid #ddd;
  height: 32px;
  line-height: 20px;
  font-size: 14px;
  padding: 5px;
  display: block;
  color: #7e7e7e;
  float: left;
  margin: 0 0 0 10px;
  box-sizing: border-box;
}

.subscribepopup_form_wrapper form select#country_state {
  margin: 10px 3px 0;
  float: right
}

.subscribepopup_form_wrapper form #meGDPRMessage {
  width: 100%;
  display: inline-block;
  font-size: 12px;
  margin: 15px 0 0;
  line-height: normal;
}

.subscribepopup_form_wrapper form .dwn-priv {
  width: 100%;
  margin: 10px 0 0;
  font-size: 12px;
  display: inline-block;
  line-height: normal;
}

.subscribepopup_form_wrapper form #subscribe {
  background: #34ad65;
  color: #fff;
  padding: 8px 50px;
  margin: 20px auto;
  text-transform: uppercase;
  line-height: 20px;
  border: 1px solid #fff;
  font-size: 13px;
  height: auto;
  width: auto;
  display: table;
  float: none;
  border-radius: 5px;
  outline: 0
}

.subscribepopup_form_wrapper form #subscribe:hover {
  background: #222;
}

span.footer-subscribenewsletteremail {
  background-color: #fff;
  border-right: none;
  color: #b5b5b8;
  height: 19px;
  line-height: 20px;
  outline: 0;
  padding: 10px 15px;
  transition: border .2s linear 0s, box-shadow .2s linear 0s;
  width: 70%;
  font-size: 12px;
  float: left;
}

span.footer-subscribenewslettersubmit {
  border: none;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 19px;
  padding: 10px 30px;
  text-decoration: none;
  float: left;
  margin: 0;
  text-indent: -99999em;
  background: #34ad65 url(https://www.manageengine.com/images/footer-icon-arrow.svg) no-repeat center center;
  height: 20px;
}

div#form-alert {
  color: #df565f;
  font-size: 12px
}

/* footer subscribe newsletter style End */
.nav-list #products-nav .network .sol-listCol1 ul li.server {
  margin: 0 0 0 24px
}

.network .ad-prd-title {
  padding: 0 0 10px 15px
}

.nav-list .products-list .network .sol-listCol1 ul li a {
  margin: 0 20px
}

.nav-list .products-list .network .sol-listCol1 ul li {
  width: 50%
}

.nav-list .products-list .network .sol-listCol1 ul li:nth-child(3) {
  width: 50%
}

.nav-list .products-list .network .sol-listCol1 ul li:nth-child(5) {
  width: 50%
}

.nav-list .products-list .network .sol-listCol1 ul li:nth-child(2) {
  width: 38%
}

.nav-list .products-list .network .sol-listCol1 ul li:nth-child(4) {
  width: 38%
}

.nav-list .products-list .network .sol-listCol1 ul li:nth-child(8) {
  width: 50%
}

.nav-list .products-list .network .sol-listCol1 ul li:nth-child(9) {
  width: 33%
}

#topsec-rhs.zacss>img {
  float: left
}

#topsec-rhs.zacss>ul {
  float: left
}

/***ITOM RELATED PRODUCTS SECTION STYLE***/
#itom-related-products {
  margin-bottom: 20px
}

#itom-related-products h4 {
  font-weight: 700;
  margin: 10px 0 10px 0;
  color: #000
}

#itom-related-products ul {
  padding: 0 !important;
  list-style: none !important
}

#itom-related-products ul li {
  color: #444;
  border-top: 1px solid #eee;
  padding: 10px 0 10px 0;
  font-size: 12px;
  line-height: 1.2em
}

#itom-related-products ul li span {
  margin-right: 18px
}

#itom-related-products ul li a {
  color: #000
}

/*----------- Footer Regional sites menu styles start ----------------*/
.foot-sec>ul.regional-countries-drop {
  width: 100%;
  position: relative;
}

.foot-sec>ul.regional-countries-drop>li span {
  padding: 7px 0 7px 35px;
  border: 1px solid #979797;
  background: #222;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 3;
}

ul.regional-countries-drop>li span::before {
  content: "";
  width: 20px;
  height: 23px;
  background: url(https://www.manageengine.com/images/footer-icon-rs.svg) no-repeat 0 2px;
  position: absolute;
  left: 7px;
  top: 7px;
}

ul.regional-countries-drop.aus>li span::before {
  width: 24px;
  height: 24px;
  background: url(https://www.manageengine.com/images/australia.png) no-repeat 0 2px;
  top: 5px;
}

ul.regional-countries-drop.uk>li span::before {
  width: 24px;
  height: 24px;
  background: url(https://www.manageengine.com/images/uk.png) no-repeat 0 2px;
  top: 5px;
}

ul.regional-countries-drop.in>li span::before {
  width: 24px;
  height: 24px;
  background: url(https://www.manageengine.com/images/india.png) no-repeat 0 2px;
  top: 5px;
}

ul.regional-countries-drop.za>li span::before {
  width: 24px;
  height: 24px;
  background: url(https://www.manageengine.com/images/south-africa.png) no-repeat 0 2px;
  top: 5px;
}

ul.regional-countries-drop>li span::after {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #979797;
  position: absolute;
  right: 8px;
  top: 16px;
  display: block;
  -moz-transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}

.foot-sec>ul.regional-countries-drop>li.showdrop span {
  border: 1px solid #34ad65;
}

.regional-countries-list {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border-radius: 0 0 4px 4px;
  padding: 10px 0;
  width: 100%;
  height: 153px;
  overflow-x: scroll;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-2em);
  -moz-transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
  transition: all ease-in-out .5s;
  z-index: 2;
}

.regional-countries-list li a {
  padding: 5px 15px;
  color: #222;
  display: block;
}

.regional-countries-list li:hover a {
  text-decoration: none;
  background: #eee;
}

ul.regional-countries-drop li.showdrop .regional-countries-list {
  visibility: visible;
  opacity: 1;
  z-index: 2;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

ul.regional-countries-drop>li.showdrop span::after {
  border-top: none;
  border-bottom: 5px solid #979797;
}

#commonNLdivision .foot-head {
  margin: 10% 0 0 0;
  padding: 0 0 5px 0;
}

#commonNLdivision .menlHead {
  padding: 0 0 5px 0;
}

#commonNLdivision form {
  position: relative;
  z-index: 1;
}

/*----------- Footer Regional sites menu styles end ----------------*/
/*Mirror download style start*/
.dirshow.percent {
  width: 70%;
  margin: 0 auto;
}

.more-dwn {
  margin: 30px auto;
  display: flex;
  width: 70%;
}

.more-dwn-cont {
  width: 100%;
}

.mirror-dwn-head {
  text-align: left;
}

.mirror-dwn-head,
.mirror-dwn-cont {
  padding: 10px 0;
}

.mirror-dwn-cont {
  margin-top: 20px;
}

.mirror-dwn-cont span {
  float: right;
}

.mirror-dwn-cont span:first-child {
  float: left;
}

.mirror-dwn-cont a {
  margin-left: 20px;
  padding: 0 15px;
  width: auto;
  float: right;
}

/*Mirror download style end*/


#checksumValue {
  display: none;
  text-align: center;
}

#checksumValue span {
  font-size: 15px;
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #ccc;
}

/* ------------- footer - feedback START------------ */

#feedbackIframeContainer {
  max-width: 100%;
  width: 720px;
  height: 460px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.pop-container {
  overflow-x: hidden;
  overflow-y: hidden;
  border: none;
  box-shadow: 0px 0px 4px 1px #3b3b3b;
  z-index: 99999999;
}

#feedbackContainer {
  display: none;
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 5px 8px #aaaaaa;
}

#header-topsec .products-new-header .prdct-drop .products .products-lists a span.dcnamechange {
  font-size: 11px !important;
  display: block;
  font-weight: 100;
}

/* ------------- footer - feedback END------------ */

/* 
   Thanks page Styles 
   Author: Sakthivel Raja J
   Team: WSM
   Added Date: 29-Mar-2023
   Modified date: -
*/
.thanks-page-cs-wrapper {
  background: #FAFAFA
}

.thanks-page-cs-container h2 {
  font-size: 28px;
  line-height: 41px;
  font-weight: 300;
  color: #000;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 45px
}

.thanks-page-cs-container h2 span {
  display: block;
  font-weight: 500
}

.thanks-page-cs-container .thanks-page-cs-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-column-gap: 20px;
  width: 100%;
  max-width: 900px;
  margin: auto;
  position: relative;
  padding: 60px 40px 20px !important;
  margin-bottom: 50px
}

.thanks-page-cs-container .thanks-page-cs-wrapper:before {
  background: url(../images/thanks-page-cs-logo-sprite.png) no-repeat 0 0;
  background-position: 0px -82px;
  background-size: 450px;
  border: none;
  content: "- Solution suite";
  font-size: 13px;
  height: 27px;
  left: 45px;
  padding: 0 0 0 29px;
  position: absolute;
  top: 23px;
  width: 125px;
  z-index: 9
}

.thanks-page-cs-container .thanks-page-cs-wrapper li {
  background: #fff;
  border: solid 1px #dbdbdb;
  border-radius: 5px;
  font-size: 16px;
  color: #333;
  font-weight: 400;
  text-align: center;
  list-style: none;
  padding: 95px 0 35px;
  box-sizing: border-box;
  height: 150px;
  margin-bottom: 20px;
  position: relative;
  transition: all .3s;
  width: 100%
}

.thanks-page-cs-container .thanks-page-cs-wrapper li:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: #2483e0
}

.thanks-page-cs-container .thanks-page-cs-wrapper li a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-decoration: none
}

.thanks-page-cs-container .thanks-page-cs-wrapper li a:hover {
  text-decoration: none
}

.thanks-page-cs-container .thanks-page-cs-wrapper li .cs-ic {
  background: url(../images/thanks-page-cs-logo-sprite.png) no-repeat 0 0;
  background-size: 999px;
  display: block;
  margin: auto;
  margin-bottom: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 35px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-admp .cs-ic {
  width: 58px;
  height: 44px;
  background-position: -104px -16px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-admp:hover .cs-ic {
  background-position: -104px -102px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-adap .cs-ic {
  width: 58px;
  height: 50px;
  background-position: -16px -14px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-adap:hover .cs-ic {
  background-position: -15px -102px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-adssp .cs-ic {
  width: 49px;
  height: 57px;
  background-position: -192px -12px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-adssp:hover .cs-ic {
  background-position: -192px -96px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-dsp .cs-ic {
  width: 49px;
  height: 54px;
  background-position: -271px -17px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-dsp:hover .cs-ic {
  background-position: -271px -100px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-erp .cs-ic {
  width: 43px;
  height: 52px;
  background-position: -346px -19px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-erp:hover .cs-ic {
  background-position: -346px -100px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-m365-mp .cs-ic {
  width: 48px;
  height: 51px;
  background-position: -415px -18px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-m365-mp:hover .cs-ic {
  background-position: -415px -100px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-ela .cs-ic {
  width: 43px;
  height: 53px;
  background-position: -785px -17px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-ela:hover .cs-ic {
  background-position: -785px -101px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-ad360 .cs-ic {
  width: 54px;
  height: 57px;
  background-position: -634px -14px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-ad360:hover .cs-ic {
  background-position: -634px -97px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-log360 .cs-ic {
  width: 52px;
  height: 56px;
  background-position: -485px -16px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-log360:hover .cs-ic {
  background-position: -485px -97px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-m365-sp .cs-ic {
  width: 46px;
  height: 46px;
  background-position: -712px -18px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-m365-sp:hover .cs-ic {
  background-position: -712px -103px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-rmp .cs-ic {
  width: 42px;
  height: 61px;
  background-position: -567px -9px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-rmp:hover .cs-ic {
  background-position: -567px -90px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-imp .cs-ic {
  width: 49px;
  height: 42px;
  background-position: -857px -21px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-imp:hover .cs-ic {
  background-position: -857px -103px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li:hover .cs-tooltip {
  visibility: visible;
  opacity: 1
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-spmp .cs-ic {
  width: 58px;
  height: 51px;
  background-position: -932px -16px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-spmp:hover .cs-ic {
  background-position: -932px -100px
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-ad360:before {
  background: url(../images/thanks-page-cs-logo-sprite.png) no-repeat 0 0;
  background-position: -11px -114px;
  background-size: 600px;
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  height: 28px;
  width: 20px;
}

.thanks-page-cs-container .thanks-page-cs-wrapper li.cs-log360:before {
  background: url(../images/thanks-page-cs-logo-sprite.png) no-repeat 0 0;
  background-position: -11px -114px;
  background-size: 600px;
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  height: 28px;
  width: 20px;
}


.thanks-page-cs-container .thanks-page-cs-wrapper .cs-tooltip {
  visibility: hidden;
  opacity: 0;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  line-height: 23px;
  background: #f3f9ff;
  box-sizing: border-box;
  padding: 10px 20px;
  border: 1px solid #2483e0;
  border-radius: 5px;
  width: 290px;
  text-align: left;
  position: absolute;
  left: 28%;
  top: 88%;
  z-index: 1;
  transition: .3s linear
}

.thanks-page-cs-container .thanks-page-cs-wrapper .cs-tooltip:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #2483e0;
  position: absolute;
  left: 50px;
  top: -10px
}

.thanks-page-cs-container .thanks-page-cs-wrapper .cs-tooltip:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f2f9fe;
  position: absolute;
  left: 50px;
  top: -8px
}

.thanks-page-cs-container .thanks-page-cs-wrapper .hide {
  display: none
}

@media screen and (max-width: 1100px) {
  .thanks-page-cs-container .thanks-page-cs-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 80%
  }

  .thanks-page-cs-container .thanks-page-cs-wrapper:after {
    height: calc((100% / 3) + 2%);
    top: calc((100% / 3) - 2%)
  }

  .thanks-page-cs-container .thanks-page-cs-wrapper .cs-tooltip {
    position: relative;
    top: 0;
    left: 0;
    width: 90%;
    margin: auto;
    margin-top: 10px;
    visibility: visible;
    opacity: 1;
    background: none;
    border: none;
    text-align: center;
    padding: 0 20px;
    padding-bottom: 30px
  }

  .thanks-page-cs-container .thanks-page-cs-wrapper .cs-tooltip:before,
  .thanks-page-cs-container .thanks-page-cs-wrapper .cs-tooltip:after {
    display: none
  }

  .thanks-page-cs-container .thanks-page-cs-wrapper li {
    height: auto
  }

  .thanks-page-cs-container .thanks-page-cs-wrapper li .cs-ic {
    bottom: auto;
    top: 25px
  }
}

@media screen and (max-width: 650px) {
  .thanks-page-cs-container .thanks-page-cs-wrapper {
    box-sizing: border-box;
    width: 100%
  }

  .thanks-page-cs-container .thanks-page-cs-wrapper:before,
  .thanks-page-cs-container .thanks-page-cs-wrapper:after {
    display: none
  }

  .thanks-page-cs-container .thanks-page-cs-wrapper li {
    width: 100%;
    border: 1px solid #e6e9ea;
    margin: 10px auto;
    box-shadow: 0 0 10px #e6e9ea
  }

  .thanks-page-cs-container .thanks-page-cs-wrapper li .cs-tooltip {
    padding-bottom: 0
  }
}

/* End Thanks page Styles */

@media screen and (max-width:1420px) {

  .hdrContainer,
  .heading-menu .container {
    width: 98%;
    padding-left: 1%;
    padding-right: 1%
  }
}

@media screen and (max-width:1200px) {

  .foot-social.footFix,
  .foot-social.footAbs {
    position: static;
    background: transparent;
    padding: 0;
    border: none
  }

  .foot-social.rhsFix a,
  .foot-social.rhsAbs a {
    display: inline-block
  }


  #subHdrLhs li {
    padding: 10px 6px 0
  }

  #subHdrRhs>ul>li {
    display: none
  }

  #subHdrRhs>ul>li.soldrop {
    display: block;
    padding: 10px 3px 0
  }
}

@media screen and (max-width:1025px) {
  .container {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%
  }

  .nav-dwn,
  .nav,
  #meHeader,
  .bnr-dwn,
  .btm-dwn {
    display: none
  }

  .menu-icon {
    display: block
  }

  .bnr-btn a {
    font-size: 26px;
    line-height: 32px;
    padding: 6px 16px
  }

  #btmscroll {
    font-size: 12px
  }

  #commonHeader {
    min-height: auto
  }

  #newtopheader {
    top: 0
  }

  .menu2ResBlk {
    display: block !important
  }

  .subHeadTitle {
    display: none
  }

  .logo {
    margin-top: -30px
  }

  #subHdr,
  .nav {
    display: none
  }

  .free-tools-dwldbut {
    display: block
  }

  .free-tools-dwldbut1 {
    margin: 0 auto 10px auto;
    display: block
  }
}

@media screen and (max-width:800px) {
  #viewi div.free-tools-content-mob {
    width: 65%
  }

  .free-wifi-analyzer-surveyor {
    transform: scale(0.7)
  }

  .free-wifi-analyzer-surveyor-h2 {
    width: 100%;
    display: inline-block
  }
}

@media screen and (max-width:760px) {
  #viewi div.free-tools-content-mob {
    width: 90%
  }

  .pop-container {
    left: 0;
    margin: 0
  }

  .flexBnrslides,
  .flex-control-nav,
  .flex-direction-nav {
    display: none
  }

  .flexMobile {
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    padding: 20px 0;
    font-weight: 300;
    display: block
  }

  .sec-pTB {
    padding: 20px 0
  }

  .mbH {
    display: none !important
  }

  .mbS {
    display: block !important
  }

  .breadcrumb {
    display: none
  }

  .lhs-tree {
    display: none
  }

  .rhs-cont {
    border: none;
    float: none;
    width: 100%;
    padding: 20px 0
  }

  .p0-40 {
    padding: 0 10px
  }

  .hTag1,
  h1,
  .pg-head {
    font-size: 26px;
    line-height: 30px;
    margin: 10px 0;
    letter-spacing: 0
  }

  .hTag2,
  h2 {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0
  }

  .hTag3,
  h3 {
    font-size: 18px
  }

  .dwnForm {
    width: 50% !important;
    float: none;
    margin: 0 auto;
    border-bottom: 1px solid #fff
  }

  .dwnCont {
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: 20px 0
  }

  .per20,
  .per25 {
    width: 48%
  }

  .per75 {
    width: 48%
  }

  footer {
    font-size: 12px
  }

  .footCol1,
  .footCol2,
  .footCol3 {
    width: 100% !important;
    min-height: inherit;
    padding: 20px !important;
    float: none;
    border: none;
    border-bottom: 1px dashed #000;
    box-sizing: border-box !important
  }

  .foot-social.footFix a,
  .foot-social.footAbs a {
    display: inline-block
  }

  footer input[type=text] {
    width: 160px;
    padding: 0 10px
  }

  footer input[type=submit] {
    width: 100px;
    padding: 0 10px
  }

  #btmscroll {
    border-top: 1px dashed #000
  }

  .apmPrice,
  .opmPrice {
    display: none
  }

  /*Features Page 3 Colum*/
  .feaCol {
    width: 90%;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
    margin: 0 5%
  }

  .feaColmid {
    margin: 0 5%
  }

  .feaSubHead {
    font-size: 20px
  }

  /*Resource or support page 4 column*/
  .resCol {
    width: 49%
  }
}

@media screen and (max-width:600px) {
  .freeec2-health-monitor-tool {
    float: none !important;
    border: none !important;
    margin: 0 !important
  }

  .freeec2-health-monitor-tool img {
    border: 5px solid #CCC
  }

  .wifi-monitor-plus-user-guide-icon {
    margin: 0 auto;
    float: none !important;
    width: 150px
  }

  .wifi-monitor-plus-h1tag {
    display: inline-block
  }

  p.free-tools-mobile-app-iframe iframe {
    width: 100% !important
  }
}

@media screen and (max-width:500px) {
  #viewi div.free-tools-content-mob {
    width: 90%
  }

  .heading-menu {
    font-size: 22px
  }

  .hTag1,
  h1,
  .pg-head {
    font-size: 22px;
    line-height: 24px
  }

  .per20,
  .per20.bg,
  .percent20,
  .per25,
  .per25.bg,
  .percent25,
  .per30,
  .per30.bg,
  .percent30,
  .per40,
  .per40.bg,
  .percent40,
  .per50,
  .per50.bg,
  .percent50,
  .per60,
  .per60.bg,
  .percent60,
  .per70,
  .per70.bg,
  .percent70,
  .per75,
  .per75.bg,
  .percent75 {
    width: 100%;
    padding: 2% 0;
    float: none;
    margin: 0
  }

  .dwnForm {
    width: 96% !important;
    border-bottom: 1px solid #fff
  }

  /*Resource or support page 4 column*/
  .resCol {
    width: 100%;
    float: none;
    margin-right: 0
  }

  .free-ping-moni-tools-h2 {
    width: 100%;
    display: inline-block
  }

  .iphone-ping-tools-slider {
    float: none !important;
    margin: 20px auto 0px auto !important
  }
}

@media screen and (max-width:340px) {
  .free-wifi-analyzer-surveyor {
    transform: scale(0.6) !important;
    width: 100px !important
  }

  .download-button-free-tools-mobapp span.download-OS {
    margin: 10px 5px 0 0
  }

  .download-button-free-tools-mobapp span.download-Arw {
    margin: 10px 0px 0 5px
  }

  a.download-button-free-tools-mobapp1 {
    padding: 8px 5px !important
  }
}

/* ---------------  Resposive style ---------------  */
@media screen and (max-width:1500px) {
  #commonHeader+.bg-list-grey {
    min-height: 650px
  }

  .head-container {
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: unset !important;
  }
}

@media screen and (max-width:1080px) {
  nav ul.header-nav>li:first-child {
    padding: 0px 15px 20px
  }

  span.footer-subscribenewsletteremail {
    width: 50%;
  }
}

@media screen and (max-width:1025px) {
  .heading-menu {
    margin-top: 0 !important
  }

  .menu2ResBlk {
    margin-top: 10px;
    display: block !important
  }

  .melogosvg img {
    width: 180px !important;
    height: auto;
    margin: 5px 0 0 0
  }

  header:not(.abheader) .melogosvg img {
    width: 150px !important;
    height: auto;
    margin: 2px 0 0 0;
  }

  .prdLogo a {
    display: inline-block !important
  }

  .headerinner .prdLogo {
    width: 50%
  }

  #header-topsec {
    min-height: 33px;
    background: #fff;
    height: 41px;
    position: fixed;
  }
  #header-mainsec .headerinner,
  #header-mainsec .headerinner.fixed {
    position: fixed;
    top: 40px;
  }

  #header-mainsec .headerinner {
    min-height: 50px
  }

  nav ul.header-nav {
    display: none
  }

  #header-topsec {
    background: #fff
  }

  #header-mainsec {
    background: #fff
  }

  #topsec-rhs {
    display: none
  }

  #commonHeader {
    min-height: 98px
  }

  header:not(.abheader) #header-mainsec .headerinner {
    padding-bottom: 0;
  }

  .headerinner .prdLogo .logo {
    display: none !important
  }

  #cse-search-box .newsearchbox {
    padding: 10px 0px;
    width: 75%;
    font-size: 1.3em;
    margin: 10px 0;
    color: #444
  }

  .MEmobListSearch {
    margin: 10px 0;
    border-radius: 5px
  }

  .menuIcon.lnkMob {
    margin-top: 8px
  }
}

.nav-products .nav-list>div.products {
  height: 640px;
}

.nav-products .products-list>div {
  min-height: 432px;
}

@media (max-width:1000px) {
  .foot-sec>ul.regional-countries-drop>li span {
    padding: 6px 7px 4px 7px;
  }

  ul.regional-countries-drop>li span::before {
    display: none;
  }
}

/* ad blocker css*/
body #social {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  orphans: unset !important;
}

body .foot-social a {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  orphans: unset !important;
}

/*Edition comparison page icon css*/
.edi-spr {
  display: block;
  background: url(https://www.manageengine.com/patch-management/images/edition-com-spr.png);
  width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.edi-spr.tick-spr {
  background-position: -3px -3px
}

.edi-spr.cross-spr {
  background-position: -28px -3px
}

/*Edition comparison page icon css*/
.cookiestrip {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #212c44;
  text-align: center;
  padding: 18px;
  color: #c6c6c6;
}

.cookieTxt a {
  text-decoration: underline;
  color: #fff;
}

span.cookieClose {
  display: inline-block;
  background: #df4a3a;
  color: #fff;
  margin-left: 15px;
  padding: 0px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.newlabel.prdmenu {
  position: absolute;
  background: red;
  padding: 1px 6px;
  border-radius: 5px;
  top: 5px;
  right: 120px;
  color: #fff;
  font-size: .8em;
  line-height: 1.8;
}

.Low-code-app .newlabel {
  position: absolute;
  background: red;
  padding: 3px 6px;
  border-radius: 5px;
  top: 0;
  right: 30px;
  color: #fff;
  font-size: .8em;
}

/* new menu css */
#header-mainsec .bundle-box a:hover,
.abheader .all-product a:hover,
.abheader .tabs-nav a,
.download-btn a,
nav ul.header-nav li .tab-title a:hover,
nav ul.header-nav li a:hover {
  text-decoration: none
}

.abheader .all-product,
.abheader .download-btn,
.abheader .free-tool a:after,
.abheader .free-tool.market,
.abheader .tab-right li {
  text-align: center
}

.abheader #search-result-input,
.abheader #search-result-input *,
.abheader .col.col1,
.abheader .col.col2,
.abheader .division-list span,
.abheader .download-btn,
.abheader .download-btn a,
.abheader .solutions .division-list li {
  box-sizing: border-box
}

.abheader .division-list span,
.abheader .free-tool img,
.abheader .menu-icons,
.abheader .search-btn img {
  vertical-align: middle
}

.abheader #commonHeader {
  height: 100px;
  min-height: 100px
}

.abheader #header-mainsec .head-container .fr {
  float: left
}

.abheader nav ul.header-nav {
  margin-left: 100px;
  position: relative
}

.abheader nav ul.header-nav>li {
  position: relative;
  margin: 0 5px;
  padding: 0 0 10px;
  cursor: pointer;
  z-index: 99999
}

.abheader nav ul.header-nav>li:first-child {
  padding: 0 0 0 10px;
  margin-left: 20px
}

.abheader .prd-menu span {
  color: #000
}

.abheader nav ul.header-nav>li>span {
  padding: 15px 20px;
  z-index: 999;
  display: inline-block;
  position: relative;
  border-bottom: none !important;
  line-height: 1.3;
}

.abheader .nav-list>div {
  width: 800px;
  top: 55px;
  background: 0 0;
  border: none;
  box-shadow: none
}

.abheader .header-nav .nav-list>div.anims {
  z-index: 9999;
  overflow: visible;
  transition: all ease .5s;
  opacity: 1;
  visibility: visible;
  display: none
}

.abheader .nav-list>div.anims.show {
  transform: translateY(0);
  z-index: 99
}

.abheader .nav-list>div.header-search {
  width: 100%;
  background: #fff
}

.abheader #product-list {
  padding-top: 0
}

.abheader .tab-active .events-inner {
  width: 100% !important
}

.abheader .download-btn {
  float: right;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .2s ease;
  width: 185px;
  height: 42px;
  margin: 8px 0 0 0;
  line-height: 22px
}

.abheader .download-btn a {
  background: #fff;
  border: 1px solid #dd002c;
  display: inline-block;
  padding: 10px 5px;
  border-radius: 4px;
  color: #dd002c;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  position: relative;
  overflow: hidden
}

.abheader .events .tabs-nav,
.abheader .tabs-stage {
  border-bottom-right-radius: 4px
}

.abheader .download-btn a .in-btn {
  z-index: 2;
  position: relative
}

.abheader .download-btn a:hover {
  border-color: #dd002c;
  color: #fff;
  background: #dd002c
}

.abheader .nav-drop:after {
  content: "";
  display: table;
  clear: both
}

.abheader .nav-drop,
.abheader .nav-drop>div {
  display: none
}

.abheader .nav-drop {
  width: 675px;
  height: 620px;
  border-radius: 4px;
  background: #fff;
  margin-top: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .25882352941176473);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25882352941176473);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .25882352941176473);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, .25882352941176473);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .25882352941176473);
  position: relative;
  will-change: all;
  transition-property: all;
  -webkit-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  transform-origin: 50% -50px;
  transform: scale(-1, 0);
  opacity: 0
}

.abheader .nav-drop.show {
  opacity: 1;
  transform: translateY(0)
}

.abheader .nav-drop>div,
.abheader .nav-drop>div>.dropdown-product {
  height: 100%
}

#product-menu {
  transform: translateX(0) translateY(0);
  width: 920px
}

#solution-menu {
  transform: translateX(50px) translateY(0);
  width: 860px;
  height: 540px
}

#customer-menu {
  transform: translateX(275px) translateY(0);
  width: 250px;
  height: 550px
}

#support-menu {
  transform: translateX(395px) translateY(0);
  width: 550px;
  height: 440px
}

#community-menu {
  transform: translateX(500px) translateY(0);
  width: 250px;
  height: 550px
}

#community-menu.nav-drop>div.events,
#customer-menu.nav-drop>div.company,
#product-menu.nav-drop>div.products,
#solution-menu.nav-drop>div.solutions,
#support-menu.nav-drop>div.support,
.tabs-nav a {
  display: block
}

.abheader .nav-drop .nav-drop.expand {
  width: 920px
}

.abheader .nav-drop:before {
  content: '';
  position: absolute;
  left: 50px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #333;
  clear: both;
  z-index: 9999999
}

.abheader .event .tabs-nav,
.abheader .tabs-nav li {
  position: relative
}

#product-menu.nav-drop:before {
  left: 70px
}

#solution-menu.nav-drop:before {
  left: 140px
}

.support .nav-drop:before {
  left: 190px
}

.product-menu .nav-drop {
  transition: all ease .7s;
  width: 920px
}

.product-menu .nav-drop:before {
  left: 125px
}

.solutions .nav-drop:before {
  left: 195px
}

.cus-menu .nav-drop:before {
  left: 50px
}

.event-menu .nav-drop:before {
  left: 80px
}

.abheader .tabs-nav {
  float: left;
  padding-top: 15px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #333;
  height: calc(100% - 15px);
  width: 250px;
  max-width: 250px;
  min-width: 250px
}

.abheader .tabs-stage {
  width: calc(100% - 252px);
  float: left;
  border-top-right-radius: 4px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%
}

.product-menu .tabs-stage {
  width: 70%
}

.event .tabs-nav,
.tabs-nav li.fixed-event {
  width: 100%;
  border-bottom-right-radius: 4px
}

.abheader .tabs-nav li {
  float: none;
  height: auto;
  margin-left: 15px;
  margin-bottom: 8px;
  border-left: 4px solid #333
}

.company .tabs-nav li.links,
.company .tabs-nav li:nth-child(2),
.event .tabs-nav li.links,
.support .tabs-nav li.links {
  margin-bottom: 0
}

.abheader .tabs-nav li:not(.tab-active):hover {
  background: #484747
}

.abheader .tabs-nav li.tab-active,
.abheader .tabs-nav li:hover {
  border-left: 4px solid #E04B3A
}

.abheader .nav-drop .tabs-nav li.links {
  border-left: 4px solid #333
}

.abheader .nav-drop .tabs-nav li.links.fixed-event {
  border-left: 0
}

.abheader .tabs-nav li.fixed-event {
  margin: 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  border-bottom-left-radius: 4px;
  padding: 0;
  height: 50px
}

.abheader .nav-submenu ul li.fixed-event a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600
}

.abheader .tabs-nav a {
  color: #fff;
  padding: 12px 20px 12px 8px;
  font-size: 1.1em;
  cursor: pointer
}

.abheader .events .tabs-nav a,
.abheader .tabs-nav .links a {
  padding: 8px 20px 8px 8px;
}

.abheader .events .tabs-nav .fixed-event a {
  padding: 15px 20px 15px 8px;
}

.abheader div.nav-submenu ul.tabs-nav li a h3 {
  color: #fff
}

.abheader div.nav-submenu ul.tabs-nav li.tab-active a h3 {
  color: #E04B3A
}

.abheader div.nav-submenu ul.tabs-nav li.links a h3 {
  color: #fff
}

.abheader .tabs-nav li:after {
  content: ">";
  display: inline-block;
  position: absolute;
  right: 15px;
  color: #fff;
  top: 50%;
  transform: translate(-50%, -50%)
}

.abheader .tabs-nav li.links:after,
.abheader .tabs-nav li.tab-active:after {
  display: none
}

.abheader .tabs-nav h3 {
  font-size: 14px;
  margin: 0;
  padding-bottom: 0;
  font-weight: 400;
  line-height: 1
}

.abheader .solutions .tabs-nav h3 {
  line-height: 1.4;
}

.abheader .menu-icons {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  bottom: 1px
}

.abheader .nav-drop li.tab-active .menu-icons {
  -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
  filter: invert(30%) grayscale(100%) brightness(70%) contrast(4)
}

.abheader .nav-drop li:not(.tab-active):hover .menu-icons {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1)
}

.abheader .tabs-nav .links h3 {
  display: inline-block;
  position: relative
}

.abheader .tabs-nav p {
  font-size: .9em;
  margin: 8px 0 0;
  color: #c7c7c7;
  line-height: 1.3;
  display: none
}

.abheader .tab-active {
  background: #fff
}

.abheader .tabs-nav>li.links:hover {
  background: 0 0
}

.abheader .tabs-nav>li.links.fixed-event:hover {
  background: #E04B3A
}

.abheader .tab-active a h3 {
  color: #E04B3A
}

.abheader .tabs-nav>li:hover p,
.abheader .tabs-nav>li:not(.tab-active):hover h3 {
  color: #fff
}

.abheader .tabs-nav>li.links h3:after {
  content: "";
  display: block;
  background: #E04B3A;
  width: 0%;
  height: 3px;
  position: relative;
  top: 8px;
  transition: all ease .6s
}

.abheader .free-tool a,
.abheader .free-tool a:after {
  display: inline-block;
  font-size: 12px
}

.abheader .tabs-nav>li.links:hover h3:after {
  width: 100%
}

.abheader .products-lists {
  padding: 25px 20px 20px
}

.abheader .tab-right {
  padding: 20px;
  background: #f2fbfc;
  margin-right: 12px;
  margin-top: 15px;
  border: 1px solid #f7f5f5
}

.abheader .tab-right li {
  line-height: 1.5
}

.abheader .free-tool {
  position: absolute;
  width: calc(100% - 270px);
  left: 270px;
  bottom: 0;
  z-index: 99999;
  height: 50px
}

.abheader .free-tool a:after {
  content: ">";
  width: 12px;
  height: 12px;
  font-size: 10px;
  margin-left: 5px;
  background: #000;
  border-radius: 50%;
  color: #fff;
  line-height: 13px;
  position: relative;
  top: 1px;
}

.abheader .free-tool a,
.abheader .nav-list .free-tool a {
  font-weight: 400;
  float: right;
  padding: 10px 5px;
  margin-right: 10px;
  font-size: 12px !important;
  color: #000;
  position: relative;
}

.abheader .free-tool a:hover:after {
  background: #E04B3A
}

.abheader .free-tool a:hover {
  color: #E04B3A
}

.abheader .free-tool.market a:after {
  display: none
}

.abheader .free-tool.market a {
  padding: 9px 10px;
  background: 0 0;
  float: none;
  bottom: 10px
}

.abheader .free-tool img {
  height: 32px
}

.abheader a.link-right {
  float: right;
  margin-right: 20px
}

.abheader .tab-right img {
  width: 50%;
  border-radius: 10px;
  display: block;
  margin: 10px auto
}

.abheader .prd-menu .products-lists {
  padding: 15px 20px 20px
}

.abheader .prd-menu .division-list {
  padding: 20px 15px 15px;
  overflow: hidden
}

.abheader h2.tab-title {
  font-size: 1.1em;
  padding: 20px 20px 0;
  color: #000;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1
}

.abheader p.tab-descr {
  margin-bottom: 10px;
  color: #000;
  padding-left: 20px;
  padding-right: 15px;
  margin-top: 0;
  font-size: 12px
}

.abheader .tab-descr:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: red;
  position: relative;
  top: 5px
}

.abheader .tab-title a {
  display: inline-block;
  font-weight: 500
}

.abheader .col.col1,
.abheader .col.col2 {
  float: left;
  width: 50%
}

.abheader .seperate {
  margin: 20px 0
}

.abheader .products-lists li,
.abheader .solutions .products-lists li {
  margin-bottom: 8px
}

.abheader .support .products-lists li,
.abheader .company .products-lists li {
  margin-bottom: 12px;
}

.abheader .products-lists li {
  color: #000;
  border-left: 2px solid #fff;
  padding-left: 5px;
  position: relative;
  z-index: 99;
  line-height: 1.5;
}

.abheader .products .col {
  min-width: 282px
}

.abheader .products-lists li:hover {
  border-left: 2px solid #f23c2d
}

.abheader .products-lists.division-list li {
  border-left: 0;
  padding-left: 0
}

.abheader .products-lists.division-list li:hover {
  border-left: 0
}

.abheader .products-lists h3 {
  font-size: 1em;
  margin: 0;
  color: #000
}

.abheader .products-lists p {
  margin: 6px 0;
  font-size: .8em;
  line-height: 1.3;
  color: #0009
}

.abheader .products-lists a {
  font-weight: 400
}

.multi .descs {
  display: block
}

.abheader .products .products-lists .multi a:not(.descs) {
  display: inline-block;
  margin: 0;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px;
  color: #000
}

.abheader .products .products-lists a,
.abheader .products .products-lists span {
  font-weight: 300;
  color: #000;
  font-size: 12px
}

.abheader .products .products-lists a span {
  display: block;
  margin: 0;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px;
  color: #000
}

.abheader .products .products-lists li:hover a {
  color: #000
}

.abheader .company .products-lists li:hover a,
.abheader .products .products-lists li:hover a span,
.abheader .solutions .products-lists li:hover a,
.abheader .support .products-lists li:hover a {
  color: #E04B3A
}

.abheader .company .products-lists a,
.abheader .support .products-lists a {
  font-size: 14px;
  font-family: 'Zoho_Puvi_Regular';
}

.abheader .all-product a,
.abheader .help-product a,
.abheader .related-product a {
  color: #fff;
  text-decoration: none
}

.abheader .drop-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden
}

.abheader .all-product {
  width: 40%;
  float: left;
  background: #E04B3A
}

.abheader .products .all-product {
  width: 250px
}

.abheader .all-product a {
  font-weight: 600;
  padding: 15px 0;
  display: block;
  width: 100%;
}

.abheader .help-product,
.abheader .related-product {
  width: 34%;
  float: left;
  padding: 15px 0
}

.abheader .help-product {
  text-align: right
}

.abheader .related-product a {
  font-size: .8em;
  padding-left: 30px
}

.abheader .help-product a {
  font-size: .8em
}

.abheader .help-product a:after {
  content: ">";
  display: inline-block;
  margin-left: 10px;
  background: #fff;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: #111634;
  text-align: center;
  line-height: 1.4;
  font-size: 11px
}

.abheader .nav-list>div.products {
  left: -80px
}

.abheader #solution-menu.nav-drop {
  width: 860px;
  height: 572px
}

.solution-sec ul {
  border-right: none
}

.solutions .tabs-stage>div {
  min-width: 600px
}

.products .tabs-stage>div {
  min-width: 670px;
  height: 100%
}

.company .tabs-stage>div,
.support .tabs-stage>div {
  min-width: 298px
}

.solutions .division-list li {
  width: 33%;
  float: left;
  padding: 5px;
  margin-bottom: 15px;
  line-height: 30px
}

.solutions .division-list li a {
  font-size: 12px
}

.division-list .svg-imgs {
  width: 25px;
  height: 25px;
  display: block;
  margin: 0 auto
}

.division-list .education .svg-imgs {
  width: 35px;
  margin-top: -10px;
  height: 35px;
  position: relative;
  top: 10px
}

#industry .division-list li:hover .svg-imgs,
#itdivision .division-list li:hover .svg-imgs {
  -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
  filter: invert(30%) grayscale(100%) brightness(70%) contrast(4)
}

.division-list span {
  width: 100%;
  font-size: 13px;
  display: block;
  text-align: center;
  line-height: 1.4;
  min-height: 42px;
  margin-top: 8px
}

.division-list:after {
  content: "";
  clear: both
}

#customer-menu .tabs-stage {
  display: none
}

#customer-menu.nav-drop.expand {
  width: 550px
}

#customer-menu.expand .tabs-stage {
  display: block
}

.nav-list>div.solutions {
  padding: 0;
  height: auto;
  left: -150px
}

.abheader .nav-list>div.support {
  left: -120px
}

.industries-menu li {
  padding: 0
}

#cloud li,
#itsecurity li {
  min-width: 215px
}

.abheader div#MEmobile {
  position: fixed;
  top: 30px;
  right: 15px;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  transition: transform .7s;
  z-index: 9999999;
  width: 30px;
  height: 30px;
  margin: 0
}

#MEmobile span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #2b2b2b;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out
}

#MEmobile span:nth-child(1) {
  top: 0
}

#MEmobile span:nth-child(2) {
  top: 8px
}

#MEmobile span:nth-child(3) {
  top: 16px
}

.bodyoverflow #MEmobile span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}

.bodyoverflow #MEmobile span:nth-child(2) {
  opacity: 0;
  right: -60px
}

.bodyoverflow #MEmobile span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.abheader .search-btn {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 88px;
  top: 26px;
  display: none;
  cursor: pointer
}

.abheader .search-btn img {
  display: block;
  margin: 5px auto
}

.abheader #MEdropPanel {
  background: #333
}

.abheader #MEmobPanel {
  top: 78px
}

.abheader #MEmobPanel a,
.abheader #MEmobPanel span {
  color: #fffcfc;
  cursor: pointer;
  display: block
}

.abheader #MEmobPanel .breadcrumbs span {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  font-weight: 500;
  font-size: 15px
}

.abheader #MEbackPanel {
  color: #b7b5b5;
  cursor: pointer;
  background: #d9d9d9;
  color: #000;
}

.abheader #MEmobPanel a {
  display: block
}

.abheader #search-result-input {
  position: absolute;
  top: 76px;
  width: 95%;
  left: 0;
  z-index: 999;
  padding: 0 10px;
  background: #333;
  display: none
}

.c-ripple,
.search-btn:before,
li.breadcrumbs {
  top: 0;
  position: absolute
}

.abheader #search-result-input .MEmobListSearch {
  background: #E04B3A
}

.abheader #free-trial,
.abheader li.links.fixed-event {
  background: #E04B3A;
  text-align: center
}

.abheader #MEmobListPrd>ul>li#all-product {
  background: #E04B3A;
  text-align: center;
  display: block !important;
  border: 0
}

.abheader #MEdropPanel .links h3,
.abheader #MEmobListCompany h3 {
  color: #fff;
  padding: 2px 10px !important
}

.abheader div#MEbackPanel {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0
}

.abheader .breadcrumbs {
  background: #2A2A2A
}

.abheader #MEmobPanel .tab-active {
  background: 0 0
}

.abheader #MEmobPanel #MEmobListCompany ul li.breadcrumbs span {
  color: #000;
  font-size: 1em;
  font-weight: 400
}

.abheader #MEmobPanel #MEmobListCompany h3,
.abheader #MEmobPanel .tab-active h3 {
  color: #fff !important
}

.abheader #MEmobPanel .tab-active h3 {
  margin: 0;
  font-size: 14px;
  padding: 10px 10px 0;
  font-weight: 400
}

.active-sub-list:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #0096A7;
  border-radius: 100%;
  position: relative;
  right: 6px;
  margin-right: 3px
}

.search-btn:before {
  content: "X";
  color: #0f1438;
  background: #fff;
  width: 30px;
  height: 30px;
  left: 0;
  z-index: 9;
  font-size: 18px;
  font-family: sans-serif;
  line-height: 1.7;
  -webkit-animation: slidein .5s ease 1 normal;
  -moz-animation: slidein .5s ease 1 normal;
  -o-animation: slidein .5s ease 1 normal;
  animation: slidein .5s ease 1 normal;
  text-align: center;
  display: none
}

.search-btn.acts:before {
  display: block
}
#product-nav li {
  display: flex;
  align-items: center;
  height: 4.8em;
}
.products .tabs-nav a, .solutions .tabs-nav a {
border-bottom: 1px solid #434343;
 width: 100%; 
height: 100%;
display: flex;
align-items: center;
}
@keyframes slidein {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

.search-btn #cse-search-box .newsearchbox:focus {
  border: none
}

li.breadcrumbs {
  width: 100%;
  z-index: 99
}

#MEmobListPrd .breadcrumbs+li+li {
  margin-top: 50px
}

.allprod-btn a,
.events-sec .evt-rigister-btn,
.explore-btn a {
  background: #E04B3A;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 35px;
  border-radius: 4px
}

.allprod-btn a:hover,
.events-sec .evt-rigister-btn:hover,
.explore-btn a:hover {
  background: #dd002c
}

.abheader .menu2ResBlk {
  display: none !important
}

@media (min-width:1000px) and (max-width:1200px) {
  .abheader .download-btn a {
    padding: 10px 8px
  }

  .abheader nav ul.header-nav {
    margin-left: 50px
  }
}

@media screen and (min-width:1024px) and (max-height:750px) {

  .abheader .products .products-lists a span,
  .products .products-lists .multi a:not(.descs) {
    font-size: 12px !important
  }

  .abheader #solution-menu.nav-drop,
  .abheader .nav-drop {
    height: 524px
  }

  .abheader .nav-list a {
    font-size: 14px
  }

  .abheader .products .products-lists a,
  p.tab-descr {
    font-size: 12px
  }

  .abheader .products .tabs-nav li {
    margin-bottom: 3px
  }

  .abheader .products .tabs-nav li.tab-active {
    right: -1px
  }

  .abheader .products-lists {
    padding: 15px 20px 20px 40px
  }

  .abheader .tab-opt .products-lists {
    padding: 5px 0 0
  }

  .abheader .products .products-lists li {
    margin-bottom: 8px
  }

  .abheader .tab-right li img {
    width: 60%
  }

  .abheader .solutions .nav-drop {
    height: 540px
  }

  .abheader .solutions .products-lists li {
    margin-bottom: 8px
  }

  .abheader .solutions .division-list li {
    margin-bottom: 0px;
    font-size: 12px
  }

  .abheader .division-list .svg-imgs {
    width: 22px;
    height: 22px;
  }

  .division-list .education .svg-imgs {
    width: 30px;
    height: 30px;
    margin-top: -7px;
  }

  .abheader .division-list span {
    min-height: 38px;
  }

  .abheader .seperate {
    margin: 2px 0
  }

  .abheader p.tab-descr {
    margin-bottom: 6px
  }

  .abheader .products .tabs-nav a {
    padding: 12px 20px 12px 8px
  }

  .abheader .menu-icons {
    width: 20px;
    height: 20px
  }
}

.c-ripple {
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: 0 0
}

.c-ripple__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .25)
}

.c-ripple.is-active .c-ripple__circle {
  -webkit-animation: a-ripple .4s ease-in;
  animation: a-ripple .4s ease-in
}

@-webkit-keyframes a-ripple {
  0% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0
  }
}

@keyframes a-ripple {
  0% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0
  }
}

.bundle-box {
  text-align: center
}

.bundle-box h2 {
  font-size: 16px;
  color: #000;
  padding-bottom: 5px
}

.bundle-box p {
  margin-top: 0;
  color: #000;
  font-size: 13px
}

.bundle-box a {
  color: #f23c2d;
  font-size: 14px;
  font-weight: 400
}

.bundle-box a:after {
  content: ">";
  font-size: 14px;
  height: 15px;
  width: 15px;
  border: 1px solid #f23c2d;
  background: #f23c2d;
  display: inline-block;
  color: #fff;
  margin-left: 5px;
  text-align: center;
  border-radius: 50%;
  line-height: 16px;
  transition: all ease .3s;
  position: relative;
  top: 1px
}

.bundle-box a:hover:after {
  color: #f23c2d;
  background: #fff
}

@media only screen and (max-width:1380px) {

  .abheader .help-product,
  .abheader .related-product {
    width: 31%
  }

  .abheader .products .products-lists li {
    margin-bottom: 8px
  }

  .abheader .products .products-lists a {
    font-size: 12px
  }

  .abheader #product-menu {
    transform: translateX(-235px) translateY(0)
  }

  .abheader #product-menu.nav-drop:before {
    left: 300px;
    top: -12px;
    border-bottom: 12px solid #fff
  }

  .abheader #solution-menu {
    transform: translateX(-175px) translateY(0)
  }

  .abheader #solution-menu.nav-drop:before {
    left: 370px;
    top: -12px;
    border-bottom: 12px solid #fff
  }

  .abheader #customer-menu.nav-drop.expand {
    transform: translateX(132px) translateY(0)
  }

  .abheader #customer-menu.nav-drop.expand:before {
    left: 190px;
    top: -12px
  }

  .abheader #support-menu {
    transform: translateX(130px) translateY(0)
  }

  .abheader #support-menu.nav-drop:before {
    left: 318px;
    top: -12px;
    border-bottom: 12px solid #fff
  }

  .abheader #community-menu {
    transform: translateX(440px) translateY(0)
  }

  .abheader #community-menu.nav-drop:before {
    left: 115px;
    top: -12px
  }
}

@media only screen and (max-width:1152px) {
  .abheader .download-btn {
    display: none
  }
}

@media only screen and (min-device-width:1026px) and (max-device-width:1114px) and (-webkit-min-device-pixel-ratio:2) {
  .abheader .products .nav-drop {
    width: 840px
  }

  .abheader #solution-menu.nav-drop {
    width: 790px
  }

  .abheader .support-menu .nav-drop {
    width: 535px
  }

  .abheader .company-menu .nav-drop.expand {
    width: 520px
  }
}

@media (min-width:1020px) and (max-width:1100px) {
  .headerinner .prdLogo {
    width: auto !important;
    float: left
  }

  #header-mainsec {
    top: 40px
  }
}

@media only screen and (max-width:1024px) {
  .abheader .products-lists {
    padding: 0
  }

  .download-btn,
  h2.tab-title {
    display: none
  }

  .abheader #search-result-input {
    width: 100%
  }

  .abheader #commonHeader {
    min-height: 78px;
    height: 78px
  }
}

@media only screen and (max-width:1025px) {
  .abheader #header-topsec {
    display: none;
  }

  #header-mainsec {
    top: 0;
  }

  header:not(.abheader) #header-mainsec {
    top: 40px;
  }

  .abheader #header-mainsec .headerinner {
    height: 66px;
    top: 0;
  }

  #commonHeader {
    min-height: 64px;
    height: 64px;
  }

  .abheader .menu2ResBlk {
    display: block !important
  }

  .abheader #MEmobListSup span br {
    display: none
  }

  .abheader #MEmobListCompany li span,
  .abheader #MEmobListCompanyE li span,
  .abheader #MEmobListPrd li span,
  .abheader #MEmobListSup li span,
  .abheader #MEmobListSupi li span {
    display: block !important
  }

  .abheader #MEmobListSup li:not(.breadcrumbs) span,
  .abheader #MEmobListSupi li:not(.breadcrumbs) span,
  .abheader #MEmobListSupo li:not(.breadcrumbs) span {
    padding: 0
  }

  .abheader #MEmobPanel img.svg-imgs {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px
  }

  .abheader h2.tab-title,
  .abheader p.tab-descr {
    display: none
  }

  .abheader #search-result-input {
    width: 95%
  }

  .abheader #product-nav {
    display: block !important
  }

  .abheader #MEmobListCompany h3,
  .abheader #MEmobListSup h3,
  .abheader .links h3 {
    color: #000;
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    margin: 0;
    font-weight: 400;
    font-size: 14px
  }

  .abheader .products-lists {
    padding: 0
  }

  .abheader .download-btn {
    display: none
  }

  .abheader #header-mainsec .headerinner {
    height: 57px;
  }

  .abheader .prdLogo img {
    width: 180px;
    height: auto
  }

  .abheader .headerinner .prdLogo {
    margin-top: 10px
  }

  .#fixedbtn,
  .top-links {
    bottom: -1px;
    left: 0;
    z-index: 999
  }

  .abheader .foot-copy.container {
    margin-bottom: 30px
  }

  #fixedbtn .contact,
  #fixedbtn .demo {
    float: left;
    width: 50%;
    height: 25px
  }

  .abheader #MEdropPanel>ul>li>ul {
    overflow: scroll
  }

  .abheader #MEdropPanel>ul>li>ul>li:nth-child(3) {
    margin-top: 42px
  }
}

@media only screen and (max-width:1282px) {
  .abheader #header-mainsec .nav-list>div.anims.show {
    width: 0
  }
}

.pro-menu#MEmobile {
  position: relative;
  top: 12px;
  right: 15px;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  transition: transform .7s;
  z-index: 9999999;
  width: 30px;
  height: 30px;
  margin: 0;
}

.pro-menu~.lnkTab {
  margin-right: 70px;
}

.cookiestrip {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #212c44;
  text-align: center;
  padding: 18px;
  color: #c6c6c6;
}

.cookieTxt a {
  text-decoration: underline;
  color: #fff;
}

span.cookieClose {
  display: inline-block;
  background: #df4a3a;
  color: #fff;
  margin-left: 15px;
  padding: 0px 10px;
  border-radius: 5px;
  cursor: pointer;
}

@media only screen and (max-width: 1320px) {
  .nav-list>div {
    height: 400px
  }
}

/* new menu css */
li.nav-products.prodrop.navdrop.prdct-drop {
  position: relative
}

.prdct-drop .nav-list>div.anims {
  z-index: 999999;
  overflow: visible;
  transition: all ease .5s;
  opacity: 1;
  visibility: visible;
  display: none;
  background: #fff;
  border: none;
  width: 920px;
  height: auto;
  box-shadow: none;
  left: inherit;
  right: -210px
}

.prdct-drop .nav-drop {
  width: 920px;
  height: 650px;
  border-radius: 4px;
  background: #fff;
  margin-top: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .25882352941176473);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25882352941176473);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .25882352941176473);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, .25882352941176473);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .25882352941176473);
  position: relative;
  will-change: all;
  transition-property: all;
  -webkit-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  transform-origin: 50% -50px;
  transform: translateX(0) translateY(0)
}

.prdct-drop .nav-list>div.anims.show {
  transform: translateY(0);
  z-index: 9999999
}

.prdct-drop .nav-drop.show {
  opacity: 1;
  transform: translateY(0)
}

.prdct-drop .nav-drop:before {
  content: '';
  position: absolute;
  right: 238px !important;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  clear: both;
  z-index: 9999999
}

.prdct-drop .nav-drop>div,
.prdct-drop .nav-drop>div>.dropdown-product {
  height: 100%
}

#topsec-rhs .prdct-drop .tabs-nav li {
  float: none;
}

.prdct-drop .tabs-nav li.tab-active,
.prdct-drop .tabs-nav li:hover {
  border-left: 4px solid #e04b3a
}

.prdct-drop .event .tabs-nav,
.prdct-drop .tabs-nav li {
  position: relative
}

.prdct-drop .tab-active {
  background: #fff
}

#header-topsec .prdct-drop .tabs-nav a {
  color: #fff;
  padding: 11px 20px 11px 8px;
  font-size: 1.1em;
  cursor: pointer;
  text-decoration: none
}

#header-topsec .prdct-drop .tabs-nav h3 {
  font-size: 14px;
  margin: 0;
  padding-bottom: 0;
  font-weight: 400;
  line-height: 1;
  color: #fff
}

#header-topsec .prdct-drop .tab-active a h3 {
  color: #e04b3a
}

.prdct-drop .tabs-nav p {
  font-size: .9em;
  margin: 8px 0 0;
  color: #c7c7c7;
  line-height: 1.3;
  display: none
}

.prdct-drop .menu-icons,
.prdct-drop .tabs-nav li>a>h3>img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  bottom: 1px
}

.products-header #topsec-rhs .prdct-menu ul.tabs-nav li {
  float: none;
  padding: 0;
  list-style: none;
}

.prdct-drop .nav-drop li.tab-active .menu-icons {
  -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
  filter: invert(30%) grayscale(100%) brightness(70%) contrast(4)
}

#topsec-rhs .prdct-drop .tabs-nav p {
  font-size: .9em;
  margin: 8px 0 0;
  color: #c7c7c7;
  line-height: 1.3;
  display: none
}

.prdct-drop .all-product {
  width: 250px;
  float: left;
  padding: 15px 0;
  background: #e04b3a
}

.prdct-drop .all-product,
.prdct-drop .download-btn,
.prdct-drop .free-tool a:after,
.prdct-drop .free-tool.market,
.prdct-drop .tab-right li {
  text-align: center
}

#header-topsec .prdct-drop .all-product a {
  font-weight: 600
}

#header-topsec .prdct-drop .all-product a,
#header-topsec .prdct-drop .help-product a,
#header-topsec .prdct-drop .related-product a {
  color: #fff;
  text-decoration: none
}

.prdct-drop .events .tabs-nav,
.prdct-drop .tabs-stage {
  border-bottom-right-radius: 4px
}

.prdct-drop .col.col1,
.prdct-drop .col.col2 {
  float: left;
  width: 50%;
  margin: 0;
}

.prdct-drop .free-tool {
  position: absolute;
  width: calc(100% - 270px);
  left: 270px;
  bottom: 0;
  z-index: 99999;
  height: 50px;
  color: #000
}

.prdct-drop .free-tool a,
.prdct-drop .nav-list .free-tool a {
  font-weight: 400;
  float: right;
  padding: 10px 5px;
  margin-right: 10px;
  font-size: 12px !important;
  color: #000;
  position: relative;
  display: inline-block
}

.products .products-lists .multi a:not(.descs) {
  display: inline-block;
  margin: 0;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px;
  color: #000
}

.prdct-drop h2.tab-title {
  font-size: 1.1em;
  padding: 20px 20px 0;
  color: #000;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1
}

.prdct-drop p.tab-descr {
  margin-bottom: 10px;
  color: #000;
  padding-left: 20px;
  padding-right: 15px;
  margin-top: 0;
  font-size: 12px;
  text-align: left;
}

#header-topsec .prdct-drop .tab-title a {
  display: inline-block;
  font-weight: 500;
  line-height: 1
}

#topsec-rhs .prdct-drop .prd-menu .products-lists {
  padding: 15px 20px 20px;
  border: none;
  overflow: hidden
}

.products-header #topsec-rhs .prdct-drop .products-lists li {
  color: #000;
  border-left: 2px solid #fff;
  padding-left: 5px;
  position: relative;
  z-index: 99;
  line-height: 1.5;
  float: none;
  list-style: none;
}

.products-header #topsec-rhs .prdct-drop .products-lists li:hover {
  border-left: 2px solid #f23c2d
}

.prdct-drop .tab-descr:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: red;
  position: relative;
  top: 5px
}

#header-topsec .prdct-drop .products .products-lists a,
#header-topsec .prdct-drop .products .products-lists span {
  font-weight: 300;
  color: #000;
  font-size: 12px;
  line-height: 1.2;
  text-decoration: none
}

#header-topsec .prdct-drop .products .products-lists a span {
  display: block;
  position: relative;
  margin: 0;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  font-family: 'Zoho_Puvi_Medium';
}

#header-topsec .products-new-header .prdct-drop .products .products-lists a span {
  display: inline-block;
}

#header-topsec .prdct-drop .products .products-lists li:hover a span {
  color: #e04b3a
}

@media screen and (min-width:1024px) and (max-height:720px) {
  .products-header #topsec-rhs .prdct-drop .products-lists li {
    font-size: .9em;
    line-height: 1.2
  }
}

@media screen and (min-width:1024px) and (max-height:680px) {
  .prdct-drop .nav-drop {
    height: 560px
  }

  #header-topsec .prdct-drop .tabs-nav a {
    font-size: 1em;
    padding: 10px 20px 10px 8px
  }
}

#itaudit .division-list .svg-imgs {
  width: auto;
  height: 32px;
}

.solutions .division-list li.brazil-menu,
li.brazil-menu {
  display: none;
}

.abheader .nav-drop {
  height: calc(100vh - 110px);
}

@media only screen and (min-height: 800px) {
  .abheader .nav-drop {
    max-height: 740px;
  }

  .prdct-drop .nav-drop {
    height: 760px;
  }
}

/* new products */
.products-new-header,
.products-new-header * {
  box-sizing: border-box
}

.products-new-header .nav-drop {
  transform: translateX(-30%) translateY(0);
  width: 1350px;
  height: 680px
}

.products-new-header #topsec-rhs .tabs-nav {
  float: left;
  padding-top: 15px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #333;
  height: calc(100% - 15px);
  width: 420px;
  max-width: 420px;
  min-width: 420px
}

.products-new-header #topsec-rhs .tabs-stage {
  width: calc(100% - 422px);
  float: left;
  border-top-right-radius: 4px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  box-sizing: border-box;
  padding: 35px 30px
}

.products-new-header #topsec-rhs h2.tab-title {
  padding: 0 10px 0;
  color: #e02b45;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.4;
  font-size: 14px
}

.products-new-header #topsec-rhs h2.tab-title:after {
  content: "";
  display: block;
  height: 2px;
  width: 50px;
  background: #ffb50d;
  margin-top: 12px
}

.products-new-header #topsec-rhs .nav-drop:before {
  right: 260px !important
}

#header-topsec .products-new-header .tabs-nav h3 {
  font-size: 13px;
  margin: 0;
  padding-bottom: 0;
  font-weight: 400;
  line-height: 1.6
}

#header-topsec .products-new-header .products .tabs-nav h3 {
  padding-left: 42px
}

.products-new-header .products .tabs-nav h3 span {
  display: block;
  font-family: "Roboto Condensed" !important;
  font-size: 0.85em;
  color: #bcb6b6;
  margin-top: 2px;
  line-height: 1.4;
}

.products-new-header .products .tabs-nav .tab-active a h3 span {
  color: #696868;
}

.products-new-header #topsec-rhs .prdct-drop .tabs-nav li {
  margin: 0;
  border: none;
  padding: 0;
}

.products-new-header .tabs-nav .me-solution {
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  transform: translate(0, -50%);
  top: 50%
}

.products-new-header .division-list .me-solution {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  display: block
}

.products-new-header .me-solution.remote-ico {
  background: url(https://www.manageengine.com/images/rwm-ico.svg) no-repeat;
  background-position: 2px 6px;
  background-size: 28px
}

.products-new-header .me-solution.sm-ico {
  background: url(https://www.manageengine.com/images/itsm-ico.svg) no-repeat;
  background-position: 4px 0;
  background-size: 24px
}

.products-new-header .me-solution.iam-ico {
  background: url(https://www.manageengine.com/images/iam-ico.svg) no-repeat;
  background-position: 5px 0;
  background-size: 21px
}

.products-new-header .division-list .me-solution.iam-ico {
  background-size: 19px;
  background-position: 5px 3px
}

.products-new-header .me-solution.siem-ico {
  background: url(https://www.manageengine.com/images/siem-ico.svg) no-repeat;
  background-position: 2px 1px;
  background-size: 26px
}

.products-new-header .me-solution.uem-ico {
  background: url(https://www.manageengine.com/images/uem-ico.svg) no-repeat;
  background-position: 3px 4px;
  background-size: 28px
}

.products-new-header .me-solution.itom-ico {
  background: url(https://www.manageengine.com/images/itom-ico.svg) no-repeat;
  background-position: 2px 3px;
  background-size: 28px
}

.products-new-header .me-solution.analytics-ico {
  background: url(https://www.manageengine.com/images/analytics-ico.svg) no-repeat;
  background-position: 2px 3px;
  background-size: 26px
}

.products-new-header .me-solution.cloud-ico {
  background: url(https://www.manageengine.com/images/cloud-sol-ico.svg) no-repeat;
  background-position: 1px 5px;
  background-size: 30px
}

.products-new-header .me-solution.msp-ico {
  background: url(https://www.manageengine.com/images/msp-ico.svg) no-repeat;
  background-position: 2px 1px;
  background-size: 28px
}

.me-solution.lowcode-ico {
  background: url(../images/mesolutions-ico.svg) no-repeat;
  background-size: 400px;
  background-position: -124px -80px;
}
span.me-solution.dw-ico {
    background: url(/latam/images/implementacion-DW-icon.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.products-new-header .tabs-nav p {
  font-size: .9em;
  margin: 8px 0 0;
  color: #c7c7c7;
  line-height: 1.3;
  display: none
}

.products-new-header .tab-active {
  background: #fff
}

.products-new-header .tabs-nav>li.links:hover {
  background: 0 0
}

.products-new-header .tabs-nav>li.links.fixed-event:hover {
  background: #e04b3a
}

.products-new-header .tab-active a h3 {
  color: #000
}

.products-new-header .tabs-nav>li:hover p,
.products-new-header .tabs-nav>li:not(.tab-active):hover h3 {
  color: #fff
}

.products-new-header .tabs-nav>li.links h3:after {
  content: "";
  display: block;
  background: #e04b3a;
  width: 0%;
  height: 3px;
  position: relative;
  top: 8px;
  transition: all ease .6s
}

.products-new-header .free-tool a,
.products-new-header .free-tool a:after {
  display: inline-block;
  font-size: 10px
}

.products-new-header .tabs-nav>li.links:hover h3:after {
  width: 100%
}

.products-new-header .products-lists {
  padding: 25px 20px 20px
}

.products-new-header .tab-right {
  padding: 20px;
  background: #f2fbfc;
  margin-right: 12px;
  margin-top: 15px;
  border: 1px solid #f7f5f5
}

.products-new-header .tab-right li {
  line-height: 1.5
}

.products-new-header .free-tool {
  position: absolute;
  width: calc(100% - 470px);
  left: 420px;
  bottom: 0;
  z-index: 99999;
  margin: 0 25px;
  box-sizing: border-box;
  border-top: 1px solid #707070
}

.products-new-header .free-tool a:after {
  content: "";
  width: 11px;
  height: 11px;
  margin-left: 5px;
  line-height: 13px;
  position: relative;
  top: 1px;
  background: url(https://www.manageengine.com/images/external-links.svg) no-repeat;
  background-size: cover
}

.products-new-header .free-tool a,
.products-new-header .nav-list .free-tool a {
  font-weight: 400;
  padding: 12px 5px;
  margin-right: 10px;
  font-size: 12px !important;
  color: #000;
  position: relative;
  float: none;
  text-decoration: none !important
}

.products-new-header .free-tool a:hover {
  color: #e04b3a
}

.products-new-header .free-tool.market a:after {
  display: none
}

.products-new-header .free-tool.market a {
  padding: 9px 10px;
  background: 0 0;
  float: none;
  bottom: 10px
}

.products-new-header .free-tool img {
  height: 32px
}

.products-new-header a.link-right {
  margin-right: 20px
}

.products-new-header .tab-right img {
  width: 50%;
  border-radius: 10px;
  display: block;
  margin: 10px auto
}

.products-new-header #topsec-rhs .prdct-drop .prd-menu .products-lists {
  padding: 15px 7px 7px
}

.products-new-header h2.tab-title {
  padding: 0 10px 0;
  color: #e02b45;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.4;
  font-size: 14px
}

.products-new-header h2.tab-title:after {
  content: "";
  display: block;
  height: 2px;
  width: 50px;
  background: #ffb50d;
  margin-top: 12px
}

#header-topsec .products-new-header .nav-list .tab-title a {
  color: #e02b45;
  text-decoration: none !important;
  cursor: unset;
  line-height: 1.4
}

.products-new-header p.tab-descr {
  margin-bottom: 30px;
  color: #000;
  padding-left: 10px;
  padding-right: 15px;
  margin-top: 5px;
  font-weight: 300;
  line-height: 1.4;
  font-size: 12px
}

.products-new-header .tab-descr:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: red;
  position: relative;
  top: 20px
}

.products-new-header .tab-title a {
  display: inline-block;
  font-weight: 500
}

.products-new-header .col.col1,
.products-new-header .col.col2,
.products-new-header .col.col3 {
  float: left;
  width: 33.3%;
  margin: 0;
}

.products-new-header .col.colspl {
  float: left;
  width: 66.6%
}

.products-new-header .seperate {
  margin: 20px 0
}

.products-new-header .products-lists li,
.products-new-header .solutions .products-lists li {
  margin-bottom: 12px
}

.products-new-header #topsec-rhs .products-lists li {
  color: #000;
  border-left: 2px solid #fff;
  z-index: 99;
  position: relative;
  padding: 0
}

.products-new-header .products-lists.division-list li {
  border-left: 0;
  padding-left: 0
}

.products-new-header .products-lists.division-list li:hover {
  border-left: 0
}

.products-new-header .products-lists h3 {
  font-size: 1em;
  margin: 0;
  color: #000
}

.products-new-header .products-lists p {
  margin: 0px 0 5px 0;
  line-height: 1.4;
  color: #2e2e2e;
  font-size: 11px;
}

.products-new-header .products-lists a {
  font-weight: 400;
  display: block
}

.products-new-header .products .products-lists a {
  font-weight: 300;
  color: #000;
  display: block
}

.products-new-header .products .products-lists a span {
  display: block;
  margin: 0;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px;
  color: #000
}

.products-new-header .products .products-lists li:hover a {
  color: #000
}

.products-new-header .products .products-lists li:hover a span {
  color: #e04b3a
}

.products-new-header .all-product a,
.products-new-header .help-product a,
.products-new-header .related-product a {
  color: #fff;
  text-decoration: none
}

.products-new-header .drop-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden
}

.products-new-header .all-product {
  width: 40%;
  float: left;
  background: #e04b3a;
  padding: 0
}

.products-new-header .products .all-product {
  width: 420px
}

.products-new-header .all-product a {
  font-weight: 600;
  display: block;
  padding: 15px 0;
  width: 100%
}

.products-new-header .all-product a:hover {
  text-decoration: none
}

.products-new-header .help-product,
.products-new-header .related-product {
  width: 34%;
  float: left;
  padding: 15px 0
}

.products-new-header .help-product {
  text-align: right
}

.products-new-header .related-product a {
  font-size: .8em;
  padding-left: 30px
}

.products-new-header .help-product a {
  font-size: .8em
}

.products-new-header .help-product a:after {
  content: ">";
  display: inline-block;
  margin-left: 10px;
  background: #fff;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: #111634;
  text-align: center;
  line-height: 1.4;
  font-size: 11px
}

.products-new-header .nav-list>div.products {
  left: -80px
}

.prd-menu span.hdng-desc {
  font-family: 'Zoho_Puvi_Regular';
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: #000;
}

b.new-sticker {
  display: inline-block;
  background: #fcc651;
  padding: 2px 6px;
  font-size: 0.8em;
  position: absolute;
  top: -10px;
  right: -70px;
  color: #000;
}

b.new-sticker:before {
  content: "";
  width: 9px;
  height: 9px;
  background: url("../images/new-prd.svg") no-repeat;
  background-position: center;
  background-size: 99%;
  top: 1px;
  left: 0;
  display: inline-block;
  margin-right: 4px;
}

.products-new-header .prd-menu span.hdng-desc {
  font-family: 'Zoho_Puvi_Regular';
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: #000;
}

@media only screen and (max-width:1380px) {
  .products-new-header .nav-drop {
    transform: translateX(-17%) translateY(0);
    width: 1250px;
  }

  .products-new-header #topsec-rhs .nav-drop:before {
    right: 352px !important;
  }

  #header-topsec .products-new-header .prdct-drop .tabs-nav a {
    padding: 4px 0px 4px 8px;
  }
}

@media only screen and (max-width:1300px) {
  .products-new-header #topsec-rhs .tabs-stage {
    padding: 20px 30px
  }

  .products-new-header .products-lists li,
  .products-new-header .solutions .products-lists li {
    margin-bottom: 10px
  }

  .products-new-header .nav-drop {
    height: 640px
  }
}

@media screen and (min-width:1024px) and (max-height:750px) {
  #header-topsec .products-new-header .prdct-drop .tabs-nav a {
    padding: 4px 0px 4px 8px;
  }

  .products-new-header .products-lists p {
    min-height: auto;
  }
}

@media screen and (min-width:1300px) and (max-height:750px) {
  .products-new-header .nav-drop {
    height: 555px
  }

  .products-new-header .products-lists p {
    min-height: auto;
    text-align: left;
  }

  .products-new-header .products-lists li,
  .products-new-header .solutions .products-lists li {
    margin-bottom: 8px
  }

  #header-topsec .products-new-header .prdct-drop .tabs-nav a {
    padding: 4px 0px 4px 8px;
  }
}

#header-topsec .products-new-header .prdct-drop .tabs-nav a:after {
  content: ">";
  display: inline-block;
  position: absolute;
  right: 10px;
  color: #fff;
  top: 50%;
  transform: translate(-50%, -50%);
}

.products-new-header .prdLogo a {
  display: inline-block;
  vertical-align: middle;
}

.products-new-header .prdLogo .me-20-logo img {
  width: 35px;
  left: 7px;
  position: relative;
  top: 1px;
  height: auto;
}

/*----------- Header Regional sites menu styles start ----------------*/
.header-top-sec>ul.regional-languages-drop {
  width: 100%;
  position: relative;
}

.header-top-sec>ul.regional-languages-drop>li span {
  padding: 7px 0 7px 40px;
  border: 1px solid #979797;
  background: #222;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 3;
}

ul.regional-languages-drop>li span::after {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #979797;
  position: absolute;
  right: 8px;
  top: 16px;
  display: block;
  -moz-transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}

.header-top-sec>ul.regional-languages-drop>li span:hover {
  border: 1px solid #34ad65;
}

.top-header-regional-countries-list {
  position: absolute;
  top: 100%;
  left: 0;
  background: #f9f9f9;
  border: 1px solid #cbcdcf;
  border-radius: 0 0 4px 4px;
  padding: 10px 0;
  width: 100%;
  height: 153px;
  overflow-x: hidden;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-2em);
  -moz-transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
  transition: all ease-in-out .5s;
  z-index: 2;
}

.top-header-regional-countries-list li a {
  padding: 5px;
  color: #222;
  display: block;
  width: 100%;
}

.top-header-regional-countries-list li:hover a {
  text-decoration: none;
  background: #eee;
}

ul.regional-languages-drop li:hover .top-header-regional-countries-list {
  visibility: visible;
  opacity: 1;
  z-index: 999999;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

ul.regional-languages-drop>li:hover span::after {
  border-top: none;
  border-bottom: 5px solid #979797;
}

.products-new-header #topsec-rhs .top-regional-drop-down ul li {
  padding: 0 !important;
  width: 100%;
  box-sizing: border-box;
}

.top-regional-drop-down ul.regional-languages-drop>li span:after {
  top: 13px;
}

.top-regional-drop-down>ul.regional-languages-drop>li span {
  padding: 0px 30px 2px 30px;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 3;
  background: #fff;
  border: 1px solid #fff;
}

.top-regional-drop-down>ul.regional-languages-drop>li ul.regional-countries-list {
  height: 170px !important;
}

.top-regional-drop-down>ul.regional-languages-drop {
  list-style-type: none;
  border-bottom: none !important;
}

@-moz-document url-prefix() {
  #topsec-rhs ul li {
    padding: 2px 5px 2px 5px;
  }
}

.top-header-regional-countries-list {
  background: #1d2532;
  border: 1px solid #1d2532 !important;
}

.top-header-regional-countries-list li a {
  color: #fff !important
}

.top-header-regional-countries-list li a:hover {
  background: #fff;
  color: #000 !important
}


.products-new-header .nav-drop {
  transform: translateX(-30%) translateY(0);
  width: 1350px;
  height: 680px
}

.products-new-header #topsec-rhs .tabs-nav {
  float: left;
  padding-top: 15px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #333;
  height: calc(100% - 15px);
  width: 420px;
  max-width: 420px;
  min-width: 420px
}

.products-new-header #topsec-rhs .tabs-stage {
  width: calc(100% - 422px);
  float: left;
  border-top-right-radius: 4px;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  box-sizing: border-box;
  padding: 35px 30px
}

.products-new-header #topsec-rhs h2.tab-title {
  padding: 0 10px 0;
  color: #e02b45;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.4;
  font-size: 14px
}

.products-new-header #topsec-rhs h2.tab-title:after {
  content: "";
  display: block;
  height: 2px;
  width: 50px;
  background: #ffb50d;
  margin-top: 12px
}

.products-new-header #topsec-rhs .nav-drop:before {
  right: 260px !important
}

#header-topsec .products-new-header .tabs-nav h3 {
  font-size: 13px;
  margin: 0;
  padding-bottom: 0;
  font-weight: 400;
  line-height: 1.4
}

#header-topsec .products-new-header .products .tabs-nav h3 {
  padding-left: 42px
}

.products-new-header .products .tabs-nav h3 span {
  display: block;
  font-family: "Roboto Condensed";
  font-size: 0.73em;
  color: #bcb6b6;
  margin-top: 2px;
  line-height: 1.0;
}

ul.regional-languages-drop li {
  width: 100%;
}

ul.top-header-regional-countries-list li {
  padding: 0 !important;
  margin: 0;
}

ul.top-header-regional-countries-list {
  margin: 0 !important;
  border: none;
}

ul.regional-languages-drop li {
  margin: 0;
  padding: 0;
}

ul.regional-languages-drop li {
  padding: 0 !important;
  margin: 0 !important;
}

ul.top-header-regional-countries-list a {
  font-size: 0.8em !important;
  line-height: 20px !important;
}

#topsec-rhs>ul {
  height: 34px;
}

;

.sf_popup_container {
  position: fixed;
  right: 20px;
  bottom: 20px;
  padding: 50px 90px 50px 50px;
  color: #000;
  overflow: hidden;
  display: block;
  z-index: 9999;
  transform: translateY(700px);
  transition: all ease 0.7s;
  background: url("https://cdn.manageengine.com/latam/images/finder-ads-bg.png") center/cover no-repeat;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.45);
}

.sf_popup_container.ads_active {
  transform: translateY(0px);
}

.sf_popup_container h5 {
  font-family: "Zoho_Puvi_Bold";
  font-size: 1.3em;
  margin: 0 0 35px;
  line-height: 1.4;
  text-decoration: none;
  color: #000;
  padding: 0;
}

.sf_popup_container h5:before,
.sf_popup_container h5:after {
  display: none;
}

.sf_popup_close {
  position: absolute;
  top: 4%;
  right: 4%;
  color: #000;
  cursor: pointer;
  font-size: 0.9em;
  font-family: 'Zoho_Puvi_SemiBold';
  transition: all ease 0.5s;
}

.sf_popup_close:hover {
  transform: scale(1.15) rotate(360deg);
}

.sf_popup_btn {
  display: inline-block;
  padding: 15px 20px;
  color: #000;
  background: #FFC538;
  border-radius: 4px;
  font-size: 0.9em;
  text-decoration: none;
  font-family: "Zoho_Puvi_SemiBold";
  position: relative;
  z-index: 9;
}

.sf_popup_btn:hover {
  background: #ffb329;
  text-decoration: none;
}

.sf_popup_container img {
  position: absolute;
  width: 85%;
  right: -42%;
  bottom: -75%;
  animation: rotate 200s infinite linear;
  opacity: 0.7;
}

.zsiq_floatmain.hidechat {
  display: none !important;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media only screen and (max-width:650px) {
  .sf_popup_container {
    max-width: calc(100% - 130px);
    width: 100%;
    padding: 30px 45px;
  }

  .sf_popup_container h5 {
    font-size: 1.2em;
  }
}

@media only screen and (max-width:390px) {
  .sf_popup_container h5 br {
    display: none;
  }
}
/* ------ New footer css ----- */
.mef_foot_top,
.mef_foot_top *,
.mef_foot_bottom,
.mef_foot_bottom * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mef_foot_top .container,
.mef_foot_bottom .container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}

ul {
  list-style: none;
}

.mef_foot_top {
  background: #222222;
  line-height: 1.8em;
}

.mef_foot_top_container {
  display: flex;
  padding: 50px 0;
}

.mef_foot_top_container .mef_foot_cols {
  flex: 1 1 0;
  margin-right: 80px;
}

.mef_foot_top_container .mef_foot_cols:nth-child(1) {
  margin-right: 120px;
}

.mef_foot_top_container.mef_more_cols .mef_foot_cols,
.mef_foot_top_container.mef_more_cols .mef_foot_cols:nth-child(1) {
  margin-right: 45px;
}

.mef_foot_top_container .mef_foot_cols:last-child {
  margin: 0;
  flex-grow: 1.3;
}

.promo_imgs {
  display: block;
}

.promo_imgs img {
  width: 270px;
  height: auto;
  display: block;
}

.promo_imgs:nth-child(1) img {
  margin-bottom: 30px;
}

.mef_foot_cols a {
  color: #b8b8b8;
  text-decoration: none;
}

.mef_foot_cols .mef_list_items {
  margin: 0;
  padding: 0;
}

.mef_foot_cols .mef_foot_title,
.mef_social_title {
  font-family: "Zoho_Puvi_Medium";
  font-size: 18px;
  margin: 0 0 20px;
  color: #fff;
  text-decoration: none;
}

.mef_foot_cols .mef_foot_title:before,
.mef_foot_cols .mef_foot_title:after,
.mef_social_title:before,
.mef_social_title:after {
  display: none;
}

.mef_foot_cols .mef_list_items li a {
  font-family: "Zoho_Puvi_Regular";
  font-size: 16px;
  margin: 0 0 14px;
  display: inline-block;
  position: relative;
  line-height: 1.4;
}

.mef_foot_cols .mef_list_items li a:before {
  content: "";
  width: 0%;
  border-bottom: 1px solid #838383;
  position: absolute;
  top: 0;
  left: 0px;
  bottom: -4px;
  transition: width 0.5s;
}

.mef_foot_cols .mef_list_items li a:hover:before {
  width: 100%;
}

.mef_foot_cols .mef_list_items li:last-child a {
  margin: 0;
}

.mef_social_container {
  padding: 60px 0 0;
}

.mef_social_share {
  display: block;
  margin: 0 0 20px;
}

.mef_social_share a {
  height: 32px;
  width: 32px;
  border: 1px solid #fff;
  padding: 8px;
  margin: 0 12px 0 0;
  border-radius: 100%;
  display: inline-block;
}

.mef_social_share a:last-child {
  margin-right: 0;
}

.mef_social_share a.in {
  background: url(https://cdn.manageengine.com/images/footer-icon-in.svg) 50% 46%/45% no-repeat;
}

.mef_social_share a.tw {
  background: url(https://cdn.manageengine.com/images/footer-icon-tw.svg) 50% 52%/45% no-repeat;
}

.mef_social_share a.fb {
  background: url(https://cdn.manageengine.com/images/footer-sprite.svg) center no-repeat;
  background-size: 25% !important;
}

.mef_social_share a.insta {
  background: url(https://cdn.manageengine.com/images/ft-insta.png) center/45% no-repeat;
}

.mef_social_share a.yt {
  background: url(https://cdn.manageengine.com/images/footer-icon-yt.svg) center/45% no-repeat;
}

.mef_social_share a.in:hover {
  background-color: #0e76a8;
}

.mef_social_share a.tw:hover {
  background-color: #000;
}

.mef_social_share a.fb:hover {
  background-color: #4267b2;
}

.mef_social_share a.insta:hover {
  background: url(https://www.manageengine.com/images/ft-insta.png) center no-repeat, linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) center no-repeat;
  background-size: 45%, 100% !important;
}

.mef_social_share a.yt:hover {
  background-color: #ff0000;
}

.mef_me_copy {
  color: rgb(255 255 255 / 70%);
  margin: 0;
  line-height: 1.6;
  font-size: 14px;
}

.mef_me_copy b {
  font-family: "Zoho_Puvi_Bold";
}

.mef_foot_bottom {
  background: #0f0f0f;
  padding: 40px 0;
  text-align: center;
  line-height: 1.8em;
}

.mef_foot_bottom_container .mef_foot_me_lists {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  width: 75%;
  margin: 0 auto;
}

.mef_foot_bottom_container .mef_foot_me_lists>li>a,
.mef_coun_name {
  padding: 0 20px;
  border-right: 1px solid #47484a;
  font-size: 14px;
  color: #b8b8b8;
  ;
  margin-bottom: 25px;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  text-decoration: none;
}

.mef_foot_bottom_container .mef_foot_me_lists>li>a:hover {
  text-decoration: underline;
}

.mef_foot_bottom_container .mef_foot_me_lists>li:last-child>a {
  border: 0;
}

.mef_foot_bottom .mef_copy_right {
  color: #b8b8b8;
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
}

.mef_foot_bottom .mef_copy_right a {
  text-decoration: none;
  color: #b8b8b8;
}

.mef_foot_bottom .mef_copy_right a:hover {
  text-decoration: underline;
}

.mef_reginaol-dropdown {
  position: relative;
}

.mef_coun_name {
  color: #207DDB;
  position: relative;
  border: 0;
  padding: 0 30px 0 45px;
  cursor: pointer;
}

.mef_coun_name:before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("https://cdn.manageengine.com/images/global-drop-icon.svg") left / cover no-repeat;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translate(-50%, -50%);
}

.mef_coun_name:after {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #207DDB;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}

.mef_regional_dropdown_container {
  right: 20px;
  position: absolute;
  width: 400px;
  height: 310px;
  bottom: 55px;
  text-align: left;
  display: none;
}

.mef_regional_dropdown_container.mef_country_dropshow {
  display: block;
}

.mef_regional_dropdown_box {
  overflow: scroll;
  width: inherit;
  height: inherit;
  background: rgb(255, 255, 255);
  border-radius: 5px;
  padding: 20px;
  border: 2px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
}

.mef_regional_dropdown_box::-webkit-scrollbar {
  display: block;
  height: 0;
  width: 4px;
  background: #f3ebeb
}

.mef_regional_dropdown_box::-webkit-scrollbar-thumb {
  background: #aeaeae;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px
}

.mef_regional_dropdown_container:before {
  border-width: 10px 8px 0px;
  content: "";
  position: absolute;
  right: 14px;
  margin: auto;
  bottom: -10px;
  border-style: solid solid none solid;
  border-color: #fff transparent transparent transparent;
}

.mef_regional_dropdown_box>ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.mef_regional_dropdown_box>ul li {
  width: 50%;
  line-height: 1.2;
  margin: 6px 0px;
}

.mef_regional_dropdown_box>ul li a {
  font-size: 0.8em;
  padding: 3px 0px 3px 10px;
  text-decoration: none;
  color: #555;
  display: inline-block;
}

.mef_regional_dropdown_box>ul li.countryActive a {
  color: #056cb8;
  pointer-events: none;
}

.mef_regional_dropdown_box>ul li a:hover {
  color: #000;
}

@media only screen and (max-width:1500px) {

  .mef_foot_top .container,
  .mef_foot_bottom .container {
    max-width: 1200px;
  }

  .mef_foot_bottom_container .foot_me_lists {
    width: 85%;
  }

  .mef_foot_top_container .mef_foot_cols,
  .mef_foot_top_container .mef_foot_cols:nth-child(1) {
    margin-right: 30px;
  }
}

@media only screen and (max-width:1250px) {

  .mef_foot_top .container,
  .mef_foot_bottom .container {
    width: 90%;
  }

  .mef_foot_bottom_container .mef_foot_me_lists {
    width: 100%;
  }
}

@media only screen and (max-width:1200px) {
  .mef_foot_top_container {
    flex-wrap: wrap;
  }

  .mef_foot_cols {
    width: 33.33%;
  }

  .mef_promo_banners .mef_foot_cols:nth-child(1) {
    display: none;
  }

  .mef_social_container {
    padding-top: 40px;
  }

  .mef_foot_top_container .mef_foot_cols:last-child {
    flex-grow: 1;
  }

  .mef_foot_top_container .mef_foot_cols {
    margin-right: 30px;
  }

  .mef_foot_top_container.mef_more_cols .mef_foot_cols {
    flex: none;
  }

  .mef_foot_top_container.mef_more_cols .mef_foot_cols,
  .mef_foot_top_container.mef_more_cols .mef_foot_cols:nth-child(1) {
    margin: 0 5% 5% 0;
    width: 30%;
  }

  .mef_more_cols .mef_foot_cols:nth-child(3),
  .mef_more_cols .mef_foot_cols:last-child {
    margin-right: 0;
  }

  .mef_more_cols .mef_foot_cols:last-child {
    flex: none;
  }

  .mef_more_cols .mef_foot_cols:nth-child(n+4) {
    margin-bottom: 0;
  }
}

@media only screen and (max-width:1024px) {

  .mef_foot_top .container,
  .mef_foot_bottom .container {
    width: 96%;
  }
}

@media only screen and (max-width:992px) {
  .mef_social_share a {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width:750px) {
  .mef_social_title {
    display: none;
  }

  .mef_foot_cols {
    width: 100%;
    border-bottom: 1px solid #47484a;
  }

  .mef_foot_top_container.mef_more_cols .mef_foot_cols,
  .mef_foot_top_container.mef_more_cols .mef_foot_cols:nth-child(1) {
    width: 100%;
    margin: 0;
  }

  .mef_foot_top_container .mef_foot_cols:last-child {
    border-bottom: none;
  }

  .mef_foot_top_container .mef_foot_cols {
    flex: auto;
    margin: 0;
  }

  .mef_social_container {
    text-align: center;
    padding-top: 50px;
    border-top: 1px solid #47484a;
  }

  .mef_foot_cols .mef_foot_title {
    padding: 25px 25px 25px 0;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
  }

  .mef_foot_cols .mef_foot_title:after {
    content: "";
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 30px;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transition: all .3s ease;
    border: solid #999;
    top: 45%;
    border-width: 0 1px 1px 0;
  }

  .mef_foot_cols .mef_foot_title.active::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  .mef_foot_cols .mef_list_items {
    display: none;
    margin-bottom: 40px;
  }

  .mef_social_share a {
    margin: 0 15px 0 0;
  }

  .mef_reginaol-dropdown {
    margin: 20px 0 40px;
    display: block;
    width: 100%;
    border-width: 1px 0px 1px 0px;
    border-color: #47484a;
    border-style: solid;
  }

  .mef_coun_name {
    margin: 0;
    padding: 20px 30px 20px 45px;
  }

  .mef_foot_bottom_container .mef_foot_me_lists>li:nth-child(11)>a {
    border-right: 0;
  }

  .mef_foot_bottom .mef_copy_right {
    margin: 0;
  }

  .mef_regional_dropdown_box>ul {
    flex-direction: column;
  }

  .mef_regional_dropdown_box>ul li {
    width: 100%;
  }

  .mef_regional_dropdown_box>ul li a {
    padding: 4px 0;
  }

  .mef_regional_dropdown_box>ul li:first-child {
    margin-top: 0;
  }

  .mef_regional_dropdown_box>ul li:last-child {
    margin-bottom: 0;
  }

  .mef_regional_dropdown_container {
    width: auto;
    right: 32%;
    bottom: 85%;
  }

  .mef_foot_bottom_container .mef_foot_me_lists>li>a {
    padding: 0 12px;
  }
}

@media only screen and (max-width:390px) {
  .mef_social_share a {
    margin: 6px 12px;
  }

  .mef_regional_dropdown_container {
    right: 17%;
  }
}

@media only screen and (min-width:750px) {
  .mef_foot_cols .mef_list_items {
    display: block !important;
  }
}

@media only screen and (max-width: 1025px) {
  .products-new-header .prdLogo a {
    top: 0
  }
}

/* header issue */
body .quickMenuFix,
.sticky .tab-links-inner {
  top: 49px !important;
}

body .stickyfixed-header,
body .featurmenufix,
body .apm-promotion,
body .recourcnavsec {
  top: 49px;
}

body .fixed-nav,
body .stickyfixed-header,
body .mdm.overview .bookmark.fixed,
body .promo-flash,
body .tab-tit.fix,
body .dataTabToggle ul.sticky-toggle {
  top: 49px;
}

body .helpnavsec {
  position: static;
}

@media only screen and (max-width: 992px) {
  body .promo-flash {
    top: 90px;
  }

  body .stickyfixed-header {
    top: 70px;
  }
}
li#dwn-mob {
    background: none repeat scroll 0 0 #E9142B;
    text-align: center;
}
li#dwn-mob a {
    color: #fff;
    font-weight: 400;
}
li#dwn-mob .s-icon, li#dwn-mob .nav-dwn-icon {
    display: none;
}