/*-------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(https://www.manageengine.com/css/../images/v1/icon-sprite.png) no-repeat 0 0
}

.s-icon,
.ssFB,
.ssTW,
.ssIN,
.ssGP,
.ssYT,
#close {
    background: url(https://www.manageengine.com/css/../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(https://www.manageengine.com/css/../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
}




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

.pop-container,
#viewContainer {
    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: 100001;
    display: none
}

.pophead {
    font-size: 16px;
    text-align: center;
    border-bottom: 1px dashed #ddd;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 10px
}

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: auto;
    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(https://www.manageengine.com/css/../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: auto;
    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: 25%;
    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://cdn.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: #414F57;
    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;
    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://cdn.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;
}

.head-container {
    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
}

#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
}

#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: 15px
}

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://cdn.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: 99999;
    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(https://www.manageengine.com/css/../images/me-sprite-new.png) no-repeat -224px -120px;
    height: 24px;
    width: 16px;
    line-height: normal;
    margin-top: 5px;
}

#topsec-rhs ul li span.user-thumb {
    background: url(https://www.manageengine.com/css/../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: 36px;
    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://cdn.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,
.prdLogo.newcodelogo svg {
    width: 250px;
    height: 52px
}

.prdLogo.newcodelogo svg,
.melogosvg img {
    display: block;
}

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

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

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

.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
}

#MEdropPanel ul.column-wrap-lists>li:not(.breadcrumbs) {
    border: none;
    padding: 0 20px;
    margin-bottom: 0
}

#MEdropPanel ul.column-wrap-lists>li:not(.breadcrumbs) a {
    border-bottom: 1px solid #626262
}

#MEdropPanel li>ul {
    margin: 0
}

#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
}

#MEmobListPrd li {
    margin: 0;
    font-size: 1em
}

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

.icon-s-menu {
    background: url(https://cdn.manageengine.com/images/me-sprite-new.png) no-repeat 0px -230px;
    height: 25px;
    width: 25px;
    display: inline-block
}

.quick-icon{
background: url(https://cdn.manageengine.com/images/me-sprite-new.png) no-repeat 0 0}

.quick-icon {
    height: 16px;
    width: 16px;
    display: inline-block;
    line-height: 20px;
    margin-right: 5px
}

.quick-icon1 {
    background-position: 0 -120px
}

.quick-icon2 {
    background-position: -16px -120px
}

.quick-icon3 {
    background-position: -32px -120px
}

.quick-icon4 {
    background-position: -48px -120px
}

.quick-icon5 {
    background-position: -64px -120px
}

.quick-icon6 {
    background-position: -80px -120px
}

.quick-icon7 {
background: url(https://cdn.manageengine.com/products/passwordmanagerpro/images/kmp-icon.png) no-repeat 0 0;
}

.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
}

.scrollHide {
    overflow: hidden;
}

/****************  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% 5%;
    border-right: 1px solid #292929
}

.footer .footCol3 {
    padding: 2% 0 2% 3%;
    width: 28%;
}

.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 12px 0 0;
    border-radius: 100%;
}

foot-social a:last-child {
    margin: 0;
}

.foot-social a:first-child {
    margin-left: 0;
}

.foot-social {
    margin-bottom: 30px;
}

.foot-social a:hover {
    text-decoration: none;
}

.fb {
    background: url(https://cdn.manageengine.com/images/footer-sprite.svg) no-repeat 0 0;
    background-size: 25% !important;
    background-position: center;
}

.tw {
    background: url(https://www.manageengine.com/css/../images/footer-icon-tw.svg) no-repeat 0 3px;
    background-size: 45%;
    background-position: 50% 52%;
}

.in {
    background: url(https://www.manageengine.com/css/../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/css/../images/ft-insta.png) 50% 46% / 45% no-repeat;
    background-position: 50% 46%;
}

.yt {
    background: url(https://www.manageengine.com/css/../images/footer-icon-yt.svg) no-repeat 0 4px;
    background-size: 45%;
    background-position: center;
}

.tg {
    background-position: -126px -305px
}

a.insta {
    background: url(https://www.manageengine.com/css/../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: #000
}

.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/css/../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://cdn.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://cdn.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://cdn.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://cdn.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://cdn.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://cdn.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 ----------------*/

#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------------ */

@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
    }

    #backToTop {
        display: none !important
    }

    #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
    }

    .products-new-header .prdLogo a {
        top: 0
    }
}

@media screen and (max-width:1000px) {
    .foot-social a {
        margin-bottom: 12px;
    }
}

@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) {
    .foot-social a {
        margin-bottom: 0px;
    }
    .pop-container {
        left: 0;
        margin: 0
    }
    .footer .footCol1,
    .footer .footCol2,
    .footer .footCol3 {
        width: 100%;
        min-height: inherit;
        padding: 20px !important;
        float: none;
        border: none;
        border-bottom: 1px dashed #000;
        box-sizing: border-box !important;
    }

    #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%;
        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
    }

    .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;
    }

    /*#header-mainsec .headerinner{padding-bottom:5px}*/
    .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,
.abheader nav ul.header-nav>li>a {
    padding: 15px 20px;
    z-index: 999;
    display: inline-block;
    position: relative;
    border-bottom: none !important;
    line-height: 1.3;
    color: #444;
}

nav ul.header-nav>li>a:hover {
    color: #e02b45;
}

.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 #customer-menu.nav-drop {
    height: 420px
}

#abheader-new.abheader #support-menu.nav-drop {
    height: 250px;
    transform: translateX(-20%) translateY(0);
    width: 900px;
}

.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,
.tabs-nav li>span {
    display: block
}

.abheader .nav-drop .nav-drop.expand {
    width: 920px
}

.abheader .nav-drop:before {
    content: '';
    position: absolute;
    left: 575px;
    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
}

.abheader #support-menu.nav-drop:before {
    left: 590px;
}

.abheader .event .tabs-nav,
.abheader .tabs-nav li {
    position: relative
}

#product-menu.nav-drop:before {
    left: 70px;
    border-bottom: 12px solid #333;
}

#abheader-new.abheader #customer-menu,
#abheader-new.abheader #solution-menu {
    transform: translateX(-25%) translateY(0);
    width: 1100px
}

#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 .prd-menu .solutions .division-list {
    display: flex;
    flex-wrap: wrap;
}

.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-family: Zoho_Puvi_SemiBold
}

.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.33%;
    padding: 5px;
    margin-bottom: 15px;
    line-height: 30px
}

.solutions .division-list li.euorder1 {
    order: -2;
}

.solutions .division-list li.euorder2 {
    order: -1;
}

.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;
    background: #d9d9d9;
    color: #000
}

.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 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
}

@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) {
    span.trinidad_desc br {
        display: none;
    }

    .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 #support-menu {
        transform: translateX(130px) translateY(0)
    }
}

@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
    }

    nav ul.productmenu {
        margin-bottom: 0;
    }
}

@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
    }

    #MEmobListSupo li a span {
        position: relative;
    }

    .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,
    .abheader .prdLogo.newcodelogo svg {
        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: 17px;
    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: 9999;
    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;
    height: auto;
}

.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,
#header-topsec .prdct-drop .tabs-nav li>span {
    color: #fff;
    padding: 13px 20px 13px 8px;
    font-size: 1.1em;
    cursor: pointer;
    text-decoration: none
}

#header-topsec .prdct-drop .tabs-nav li>span {
    border-bottom: 1px solid #434343;
}

#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
}

#header-topsec .prdct-drop .tab-active>span h3 {
    color: #000;
}

.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,
.nav-list .tab-title>span {
    display: inline-block;
    font-weight: 500;
    line-height: 1
}

#header-topsec .prdct-drop .nav-list .tab-title>span:first-child {
    font-family: "Zoho_Puvi_SemiBold";
}

#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,
    #header-topsec .prdct-drop .tabs-nav li>span {
        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,
#ens-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(-25%) 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: 324px !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: 8px 0 8px 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;
    list-style: none;
    box-shadow: none !important;
}

.products-new-header .tabs-nav .me-solution {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    transform: translate(0, -50%);
    top: 50%
}

.abheader .tabs-column {
    height: 100%
}

.abheader .tabs-column-in {
    width: 25%;
    float: left;
    height: 100%
}

.abheader .support .tabs-column-in {
    width: 33.3%;
}

.abheader .column-wrap {
    padding: 35px
}

.abheader .column-wrap:first-child {
    padding-bottom: 0
}

.abheader h2.column-wrap-title {
    color: #e02b45;
    font-size: 16px;
    font-family: Zoho_Puvi_SemiBold;
    margin: 0;
    line-height: normal;
    padding: 0 0 20px
}

.abheader .column-wrap-lists li {
    line-height: 1.8;
    margin-bottom: 8px
}

.abheader .column-wrap-lists a {
    display: inline-block;
    font-size: 14px
}

.abheader .column-wrap-lists a:hover {
    color: #e04b3a
}

.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://cdn.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://cdn.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://cdn.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://cdn.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://cdn.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://cdn.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://cdn.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://cdn.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://cdn.manageengine.com/images/msp-ico.svg) no-repeat;
    background-position: 2px 1px;
    background-size: 28px
}

.me-solution.lowcode-ico {
    background: url(https://www.manageengine.com/css/../images/mesolutions-ico.svg) no-repeat;
    background-size: 400px;
    background-position: -124px -80px;
}

.me-solution.zero-ico {
    background: url(https://www.manageengine.com/css/../images/mesolutions-ico.svg) no-repeat;
    background-size: 400px;
    background-position: -162px -80px;
}

.me-solution.ai-enhanced-ico {
    background: url(https://www.manageengine.com/css/../images/mesolutions-ico.svg) no-repeat;
    background-size: 400px;
    background-position: -83px -118px;
}

.me-solution.employee-ex-ico {
    background: url(https://www.manageengine.com/css/../images/mesolutions-ico.svg) no-repeat;
    background-size: 400px;
    background-position: -331px -78px;
}

.me-solution.pcidss-ico {
    background: url(https://www.manageengine.com/css/../images/mesolutions-ico.svg) no-repeat;
    background-size: 400px;
    background-position: -207px -80px;
}

.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://cdn.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 #topsec-rhs .prdct-drop .prd-menu .products-lists:last-child {
    padding-bottom: 20px;
}

.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;
    font-family: Zoho_Puvi_SemiBold;
}

.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,
.nav-list .tab-title>span {
    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;
    margin-left: 4px;
    color: #000;
    font-family: "Zoho_Puvi_Medium" !important;
}

.products b.new-sticker,
#itdivision b.new-sticker {
    right: -54px;
}

.it-industries-menu b.new-sticker {
    width: 37px;
}

b.new-sticker:before {
    content: "";
    width: 9px;
    height: 9px;
    background: url("https://www.manageengine.com/css/../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;
}

.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://www.manageengine.com/css/../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;
    }
}

@media only screen and (max-width:1380px) {
    .products-new-header .nav-drop {
        transform: translateX(-19%) translateY(0);
        width: 1250px;
    }

    .products-new-header #topsec-rhs .nav-drop:before {
        right: 322px !important;
    }

    #header-topsec .products-new-header .prdct-drop .tabs-nav a,
    #header-topsec .products-new-header .prdct-drop .tabs-nav li>span {
        padding: 11px 20px 11px 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,
    #header-topsec .products-new-header .prdct-drop .tabs-nav li>span {
        padding: 11px 20px 11px 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: 620px
    }

    .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,
    #header-topsec .products-new-header .prdct-drop .tabs-nav li>span {
        padding: 10px 20px 10px 8px;
    }
}

#header-topsec .products-new-header .prdct-drop .tabs-nav a:after,
#header-topsec .products-new-header .prdct-drop .tabs-nav li>span: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;
    position: relative;
    top: 4px;
}

.products-new-header .prdLogo .me-20-logo img {
    width: 35px;
    left: 7px;
    position: relative;
    top: 1px;
    height: auto;
}

/* ------ 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.tiktok {
    background: url(https://www.manageengine.com/css/../images/footer-icon-tiktok.png) 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://cdn.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_social_share a.tiktok:hover {
    background: url(https://www.manageengine.com/css/../images/footer-icon-tiktok-new.png) center/48% no-repeat #fff;
}

.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://www.manageengine.com/css/../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 {
    top: 49px;
}

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;
    }
}

.shan{
    text-align:center;
}