/*-------font css -------*/ /*-------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"), } @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"), } @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"), } @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"), } @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"), } @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"), } @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"), } @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"), } @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"), } /***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"); } 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, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { font: 400 14px/24px "Zoho_Puvi_Regular"; margin: 0 auto; background: #fff; color: #444; } em { font-family: "Zoho_Puvi_RegularItalic"; font-style: oblique; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } * html .clearfix { height: 1%; } .clearfix { display: block; } * + html .clearfix { display: inline-block; } .meMenuCont { width: 76%; } .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; } .h1 a, .h2 a, .h3 a, .h4 a, h1 a, h2 a, h3 a, h4 a { color: #333; text-decoration: none; } img { width: auto; height: auto; vertical-align: middle; border: none; -ms-interpolation-mode: bicubic; } .pr { position: relative; } .pa { position: absolute; } .m0 { margin: 0 !important; } .p0 { padding: 0 !important; } .b0 { border: none !important; } .mT0 { margin-top: 0 !important; } .pT0 { padding-top: 0 !important; } .mB0 { margin-bottom: 0 !important; } .mB10 { margin-bottom: 10px; } .pB0 { padding-bottom: 0 !important; } .m0auto { margin: 0 auto; } .h0 { height: 0; line-height: 0; } .wAuto { width: auto !important; } .fr { float: right; } .fl { float: left; } .tar { text-align: right; } .tal { text-align: left !important; } .tac { text-align: center; } .show { display: block !important; } .show-in-bl { display: inline-block !important; } .hide, .mbS, .ipad-show { display: none !important; } .inBlk { display: inline-block; } .max { max-width: 100%; } .mT10 { margin-top: 10px; } .mT20 { margin-top: 20px; } .mT40 { margin-top: 40px; } .pT10 { padding-top: 10px; } .pT20 { padding-top: 20px; } .mL10 { margin-left: 10px; } .mL20 { margin-left: 20px; } .mL30 { margin-left: 30px; } .mR10 { margin-right: 10px; } .mR30 { margin-right: 30px; } .pL10 { padding-left: 10px; } .pL20 { padding-left: 20px; } .uline, .uline:hover { text-decoration: underline; } .pointer { cursor: pointer; } .f300 { font-weight: 300; } strong { font-weight: bold; } .fs12 { font-size: 12px; } .grn-btn a { background: #7bbb2a; color: #fff !important; font-size: 28px; line-height: 30px; padding: 10px 20px; margin-top: 20px; display: inline-block; border-radius: 5px; } .grn-btn a:hover { text-decoration: none; } .notebox { background: #f8f8f8; border: 1px solid #ddd; padding: 2%; margin: 40px 0 0 0; } .list { padding: 10px 0 10px 30px; list-style-type: disc; } a.btn-style, #scroll a.btn-style { font-size: 16px; color: #fff !important; background: #424f56; padding: 8px 20px; line-height: 20px; display: inline-block; text-decoration: none; } a.btn-style:hover, #scroll a.btn-style:hover { text-decoration: none; background: #7bbb2a; } .btn-submit, .btn-reset { background: #414f57 !important; border: none; color: #fff; cursor: pointer; font-size: 14px; padding: 7px 20px; } .btn-reset { background: #dfdfe0 !important; color: #333; } a.orange-btn { background: #e9142b; padding: 7px 15px; line-height: 20px; display: inline-block; text-decoration: none; color: #fff !important; } a.orange-btn:hover { background: #e3142b; text-decoration: none !important; } a.red-btn { background: #e9142b; padding: 7px 15px; line-height: 20px; display: inline-block; text-decoration: none; color: #fff !important; } a.red-btn:hover { background: #e3142b; text-decoration: none !important; } a.green-btn, a.grn-btn { background: #7bbb2a; padding: 7px 15px; line-height: 20px; display: inline-block; text-decoration: none; color: #fff !important; } a.green-btn:hover, a.grn-btn:hover { background: #5bbb2a; text-decoration: none !important; } a.grn-btn, a.transparent-btn { font-size: 16px; color: #fff !important; padding: 8px 20px; line-height: 22px; display: inline-block; text-decoration: none; } a.grn-btn { background: #7bbb2a; } a.transparent-btn { color: #333 !important; border: 1px solid #ccc; } a.grn-btn:hover { text-decoration: none; } a.grn-btn:hover { background: #7aab2a; } a.transparent-btn:hover { background: #f1f1f1; } a.moreBtn { background: #7bbb2a; padding: 5px 10px; line-height: 20px; color: #fff !important; text-decoration: none; font-size: 12px; margin: 10px 0 0; display: inline-block; } a.moreBtn:hover { text-decoration: none !important; background: #5bbb2a; } .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; } #CAclose { position: absolute; top: 0; right: 5px; } #popcls { float: right; padding-right: 5px; } .pitstopPopContainer { width: 500px; height: auto; margin-left: -250px; top: 200px; overflow-y: auto; } .form { width: 250px; } .form input, .form select { width: 230px; margin-top: 10px; padding: 10px; border: none; font-size: 14px; transition: all 0.2s ease-in-out 0s; color: #777; outline: none; border: 1px solid #bbb; } .form input:focus, .form select:focus { color: #2a2a2a; outline: none; background: #f9f9f9; } .form select { width: 250px; } .container { max-width: 1000px; width: 100%; margin: 0 auto; transition: all 0.2s ease-in 0s; } .h1 { font-size: 42px; line-height: 42px; margin: 0 0 40px 0; font-weight: 300; } .h2, h2 { font-size: 25px; line-height: 34px; margin: 20px 0 30px; } .h3, h3 { font-size: 20px; line-height: 30px; margin: 30px 0 20px; } .h4, h4 { font-size: 16px; line-height: 20px; margin: 0 0 0 20px; } .per25 { width: 23%; padding: 0 1%; float: left; } .per20 { width: 18%; padding: 0 1%; float: left; } .per30 { width: 30%; padding: 0 1.5%; float: left; } .per40 { width: 38%; padding: 0 1%; float: left; } .per50 { width: 46%; padding: 0 2%; float: left; } .per60 { width: 58%; padding: 0 1%; float: left; } .per70 { width: 65%; padding: 0 1%; float: left; } .per75 { width: 73%; padding: 0 1%; float: left; } .sec-pTB { padding: 40px 0; } .sep-brd-top { border-top: 1px dashed #000; margin-top: 20px; padding-top: 10px; } .sep-brd-btm { border-bottom: 1px dashed #000; margin-bottom: 30px; padding-bottom: 30px; } .bg-l-grey { background: #f1f1f1; } a.lnmore { text-decoration: none; color: #888 !important; margin-top: 10px; display: inline-block; } a.lnmore .lnarw { background-position: -287px 0px; height: 13px; width: 13px; display: inline-block; line-height: 12px; margin-right: 5px; } a.lnmore:hover { text-decoration: underline !important; } p { margin: 15px 0; } .ft-logo, .drop-icon, .nav-dwn-icon, .nav-qte-icon, .fb, .tw, .gp, .yt, .in, .lnarw, .menu-btn, .prd-nav .dwn-icon, .prd-nav .demo-icon, .prd-nav .free-icon, .prd-nav .comp-icon, .prd-nav .quote-icon, .prd-nav .buy-icon, .prd-nav .feature-icon, .prd-nav .call-icon, .prd-nav .caseStudy-icon, .prd-nav .faq-icon, .prd-nav .feedback-icon, .prd-nav .document-icon, .prd-nav .video-icon, .prd-nav .eval-icon, .dwn-main-icon, .dwn-win-icon, .dwn-lin-icon, .dwn-btm-icon, .quick-icon, .win-btn, .lin-btn, #close, .s-icon, .ssFB, .ssTW, .ssIN, .ssGP, .ssYT, .icon { background: url(../images/me-sprite-new.png) no-repeat 0 0; } .ssFB, .ssTW, .ssIN, .ssGP, .ssYT { height: 30px; width: 30px; display: inline-block; } .ssFB { background-position: 0 -192px; } .ssTW { background-position: -30px -192px; } .ssIN { background-position: -60px -192px; } .ssGP { background-position: -90px -192px; } .ssYT { background-position: -120px -191px; } #close { height: 16px; width: 16px; display: inline-block; line-height: 0; font-size: inherit; position: absolute; right: 5px; top: 5px; background-position: -176px -120px; cursor: pointer; z-index: 9999; } .ft-logo { background-position: 0 -93px; display: block; height: 25px; width: 146px; margin-top: 4px; text-indent: -100%; position: relative; overflow: hidden; } .topheader { background: #fff; position: fixed; z-index: 99; width: 100%; border-bottom: 1px solid #ddd; box-shadow: 0 0 2px #ccc; top: 0; height: 95px; } .logo { margin-top: -11px; } .tagline { display: inline-block; font: inherit; margin: 0; } .drop-icon { width: 6px; height: 4px; background-position: -268px 0; display: inline-block; position: relative; top: -6px; right: 0; font-size: 0; line-height: 0; } .top-sec { text-align: right; font-size: 11px; line-height: 20px; font-family: "Zoho_Puvi_Medium"; width: 100%; padding: 4px 0; } .top-sec > ul > li { float: left; } .top-sec > ul > li > span, .top-sec > ul > li > a { padding: 0 7px; display: inline-block; color: #777; text-decoration: none; } .top-sec > ul > li:hover > span, .top-sec > ul > li:hover > a { color: #fff; background-color: #7bbb2a; } .top-sec > ul > li.nav-fb a, .top-sec > ul > li.nav-tw a, .top-sec > ul > li.nav-ld a, .top-sec > ul > li.nav-gp a, .top-sec > ul > li.nav-yt a { width: 19px; height: 20px; display: block; text-indent: -999em; text-align: left; padding: 0px; background: url(../images/me-common-sprite.png) no-repeat left top; margin-left: 5px; } .top-sec > ul > li.nav-fb a { background-position: -94px 0; } .top-sec > ul > li.nav-tw a { background-position: -116px 0; } .top-sec > ul > li.nav-ld a { background-position: -138px 0; } .top-sec > ul > li.nav-gp a { background-position: -159px 0; } .top-sec > ul > li.nav-yt a { background-position: -181px 0; } .top-sec > ul > li.nav-fb:hover a { background-position: -94px -22px; } .top-sec > ul > li.nav-tw:hover a { background-position: -116px -22px; } .top-sec > ul > li.nav-ld:hover a { background-position: -138px -22px; } .top-sec > ul > li.nav-gp:hover a { background-position: -159px -22px; } .top-sec > ul > li.nav-yt:hover a { background-position: -181px -22px; } #backToTop { position: fixed; right: 20px; bottom: 80px; color: #000; background: rgba(0, 0, 0, 0.7) url(https://www.manageengine.com/images/up-arrow.png) no-repeat 16px 17px; font-size: 12px; display: none; cursor: pointer; transition: all 0.1s ease 0s; width: 50px; height: 50px; border-radius: 50%; text-indent: -1000px; overflow: hidden; } #backToTop:hover { background-color: rgba(0, 0, 0, 0.9); background-position: 16px 10px; } .lictxt { font-size: 12px; margin-top: 10px; } .menl { margin-top: 20px; } footer #dwn-form-alert { top: 35px; left: 20px; } .txtfield { background-color: #ffffff; border: 1px solid #ddd; border-right: none; color: #b5b5b8; height: 19px; line-height: 20px; outline: medium none; padding: 5px 6px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width: 140px; float: left; } .txtfield:focus { border: 1px solid #999; border-right: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(250, 250, 250, 0.6); outline: medium none; color: #555; } #subscribe { background: #7bbb2a; border: medium none; color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 19px; padding: 6px 10px; text-decoration: none; float: left; margin: 0; } .division { margin-top: 20px; } /* .zLogo { height: 27px; width: 61px; text-indent: -9999em; background: url(../images/zoho.svg) 0 0 no-repeat; background-size: 100%; display: inline-block; vertical-align: text-bottom; position: relative; top: 5px; } */ .search > span { cursor: pointer; } .searchtxt { background: none; border: none; width: 96%; padding: 2px 2%; } .search .dropdown-menu { top: 18px; } .maindropdown { position: static !important; } .maindrop-menu { width: 98% !important; max-width: 1000px !important; top: 23px !important; } .prdCont > div { width: 24%; padding: 5px 0.5%; float: left; } .solCont > div { width: 49%; padding: 5px 0.5%; float: left; } .solCont p { margin: 0; padding: 5px 0 15px 0; line-height: 22px; } .solCont p a:hover { text-decoration: none !important; } .subHeadTitle a { color: #7bbb2a !important; } .subHeadTitle { color: #7bbb2a; font-size: 16px; padding-bottom: 5px; } .dropdown { position: relative; } .dropdown-menu { display: none; position: absolute; right: 0; z-index: 10; padding: 20px; } .dropdown-menu a { color: #333; } .dropopen > .dropdown-menu { display: block; } .nav .dropopen > span { background: none; color: #7bbb2a; } .dropopen > span { background: #7bbb2a; color: #fff; } .top-sec .dropdown-menu, .nav .dropdown-menu { 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; } .nav .dropdown-menu { top: 78px !important; } .top-sec .ftool, .nav .ftool { font-size: 16px; line-height: 20px; text-align: right; } .top-sec .dropdown-menu .dropdown-menu-head, .nav .dropdown-menu .dropdown-menu-head { font-size: 16px; line-height: 20px; border-bottom: 1px dashed #ddd; padding-bottom: 10px; font-family: "Zoho_Puvi_Medium"; } .top-sec .dropdown-menu ul, .nav .dropdown-menu ul { padding: 10px 0; } .top-sec .dropdown-menu ul li, .nav .dropdown-menu ul li { padding: 3px 10px; display: block; line-height: 20px; } .top-sec .dropdown-menu a:hover, .nav .dropdown-menu a:hover { text-decoration: underline; } .top-sec .dropdown > span, .nav .dropdown > span { cursor: pointer; line-height: 20px; } .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; } .nav a { color: #333; text-decoration: none; } .nav > li > a:hover, .nav > li > span:hover, [data-soldrop]:hover { color: #7bbb2a; } .nav-dwn { margin-top: 5px; } .nav-dwn a { background: #e9142b; color: #fff; font-size: 22px; line-height: 30px; padding: 4px 10px; display: inline-block; width: 148px; border-radius: 5px; text-decoration: none; text-align: center; } .nav-dwn a:hover { background: #e3142b; } .nav-dwn-icon { width: 21px; height: 20px; background-position: 0 0; line-height: 22px; display: inline-block; position: relative; top: 2px; } .nav-qte a { background: #7bbb2a; position: relative; } .nav-qte a:hover { background: #5bbb2a; } .nav-qte-icon { width: 13px; height: 22px; background-position: -128px 0px; line-height: 22px; display: inline-block; position: relative; top: 0px; } .menu-icon { width: 100px; vertical-align: middle; display: none; position: relative; border: 1px solid #ccc; cursor: pointer; font-size: 14px; line-height: 30px; padding: 0 15px; margin-top: 30px; background: #f8f8f8; } .menu-icon .menu-btn { margin-top: 8px; background-position: -241px 0; width: 16px; height: 13px; display: inline-block; float: right; } .heading-menu { background: #ecedee; padding: 5px 0; font-size: 27px; line-height: 36px; height: 40px; color: #424f56; border-bottom: 1px solid #c5cbd4; font-weight: 300; letter-spacing: -1px; position: relative; overflow: hidden; clear: both; } .heading-menu h1, .heading-menu h2, .heading-menu h3 { display: inline-block; margin: 0; font-size: 25px; line-height: 34px; } .heading-menu a:hover { text-decoration: none; } #scroll { position: relative; } #scroll img { max-width: 100%; } #scroll ul { padding: 10px 0 10px 30px; list-style-type: disc; } #scroll ol { padding: 10px 0 10px 30px; list-style-type: decimal; } .breadcrumb { font-size: 11px; color: #333; display: inline-block; margin-left: 10px; letter-spacing: 0; font-family: "Zoho_Puvi_Medium"; } .breadcrumb a { color: #333 !important; } .breadcrumb a:hover { text-decoration: underline; } .pg-head, .head { font-size: 35px; line-height: 45px; margin: 0 0 30px; color: #333; letter-spacing: -1px; } .feature-subHead { font-size: 22px; line-height: 26px; color: #888; text-align: center; margin-top: 15px; } .feature-subHead a { color: #888; } .lhs-tree { width: 24%; float: left; position: relative; min-height: 400px; overflow: hidden; } .lhs-tree .fixed { position: fixed; top: 86px; } .lhs-tree .absolute { position: absolute; bottom: 0; transition: all 0.5s ease-in 0.5s; } #lhsTree { padding: 30px 0 40px 0 !important; width: 100%; max-width: 240px; list-style-type: none !important; } #lhsTree img { position: absolute; left: 2px; } #lhsTree > li { border-bottom: 1px solid #ececec; line-height: 24px; font-size: 13px; line-height: 1.2em; color: #777; position: relative; } #lhsTree > li > span { display: block; padding: 12px 0 12px 24px; cursor: pointer; } #lhsTree > li .feaact { color: #7bbb2a; position: relative; } #lhsTree > li .feaact:hover { color: #7bbb2a; } #lhsTree > li > span.ifTree { padding: 0; } #lhsTree > li > span.ifTree a { padding: 12px 0 12px 24px; display: block; } #lhsTree > li > span.ifTree.dropact:after { position: absolute; left: 5px; top: 16px; display: inline-block; border-left: 4px solid transparent; border-top: 4px solid transparent; border-top: 4px solid #ff8134; border-right: 4px solid transparent; content: ""; } #lhsTree > li > span.ifTree:after { position: absolute; left: 5px; top: 16px; display: inline-block; border-top: 4px solid transparent; border-left: 4px solid #ff8134; border-bottom: 4px solid transparent; content: ""; } #lhsTree a { color: #777; text-decoration: none; } #lhsTree a:hover { color: #000; } #lhsTree > li > ul { display: none; list-style-type: none; padding: 0; } #relPrdDCGroup > ul { display: block !important; } #lhsTree > li > ul li { color: #444; border-top: 1px solid #eee; padding: 10px 0 10px 34px; font-size: 12px; line-height: 1.2em; } .rhs-cont { width: 71%; padding: 30px 0 40px 4%; float: left; border-left: 1px dotted #ddd; position: relative; } .rhs-cont img { max-width: 100%; } .rhs-cont ul { padding: 10px 0 10px 30px; list-style-type: disc; } .rhs-cont ol { padding: 10px 0 10px 30px; list-style-type: decimal; } .rhs-cont li { padding-left: 10px; } .rhs-cont ul { list-style-type: disc; } .rhs-cont ol { list-style-type: decimal; } .rhs-cont a { color: #09c; } .rhs-cont a:hover { text-decoration: underline; } .dwn-cont { margin: 0; color: #424f56; font-family: "Zoho_Puvi_Medium"; background: #ecedee; } .dwn-form-cont { width: 28.5%; padding: 20px 2% 5px 2%; float: left; min-height: 400px; border-right: 1px solid #fff; border-left: 1px solid #fff; } .dwn-cont a { color: #333; } .dwn-form-cont a { color: #9da3ab; } .dwn-form-head { font-size: 15px; margin-bottom: 10px; } #dwn-form-alert { background: #e9142b; position: absolute; color: #fff; font-size: 12px; padding: 10px; line-height: 16px; max-width: 265px; } #dwn-form-alert:before { position: absolute; left: 5%; top: -10px; display: inline-block; border-right: 10px solid transparent; border-bottom: 10px solid #e9142b; content: ""; } #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; } .dwn-priv { font-size: 11px; line-height: 16px; margin-top: 10px; color: #9da3ab; } #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-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%; } #user-detail { display: none; } .dwn-link-cont { width: 67.2%; float: left; min-height: 425px; } .dwn-link { padding: 0; min-height: 425px; } .dwn-menu { display: block; } .dwn-menu > span { margin: 0 0 0 1px; padding: 8px 0; width: 33.1%; float: left; background: #c4c8cc; text-align: center; font-size: 18px; cursor: pointer; display: inline-block; } .dwn-menu > span:first-child { margin: 0; width: 33.3%; } .dwn-link span.act { background: none; } .dwn-desc { width: 75%; margin: 50px auto 0; min-height: 72px; } .dwn-desc span { display: block; } .dwn-div:first-child { display: block; } .dwn-div { display: none; text-align: center; } .dwn-btn { margin-top: 70px; display: inline-block; } .dwn-btn a { font-size: 42px; background: #e9142b; padding: 10px 15px; display: inline-block; color: #fff; line-height: 42px; font-weight: 300; border-radius: 5px; } .dwn-btn a:hover { text-decoration: none !important; background: #e3142b; } .dwn-btn a.dwn-prob-btn { font-size: 42px; background: #5a6870; padding: 10px 15px; display: inline-block; color: #7bbb2a; line-height: 42px; margin-top: 20px; font-weight: 300; margin-left: 10px; } .dwn-prob-size { font-size: 16px; line-height: 16px; } .dwn-bit a { display: inline-block; font-size: 15px; margin: 10px 15px 0 15px; text-decoration: underline; color: #333; text-decoration: none; } .dwn-prob a { background: #c4c8cc; padding: 2px 10px; border-radius: 3px; color: #333; text-decoration: none; } .dwn-prob a:hover { background: #7bbb2a; } .dwn-main-icon { background-position: -51px -25px; width: 33px; height: 31px; margin: 5px 0 0 10px; line-height: 30px; float: right; } .dwn-nav-link a { color: #333; } .otr-dwn-win { width: 48%; margin-right: 2%; float: left; margin-top: 20px; } .otr-dwn-lin { width: 48%; margin-left: 2%; float: left; margin-top: 20px; } .otr-dwn-head { padding: 0 5%; font-size: 18px; font-family: "Zoho_Puvi_Medium"; color: #2a2a2a; line-height: 35px; border-bottom: 1px solid #ccc; } .otr-dwn-cont { padding: 10px 5%; font-size: 16px; } .otr-dwn-cont a { font-size: 14px; background: #f6f6f6; margin-left: 4px; text-decoration: underline; 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 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%; } .dwn-win-icon { background-position: -86px -25px; width: 28px; height: 28px; float: left; margin: 4px 10px 0 0; } .win-btn { background-position: -100px -58px; width: 26px; height: 26px; float: left; margin: 4px 10px 0 0; display: inline-block; } .lin-btn { background-position: -129px -58px; width: 25px; height: 30px; float: left; margin: 0 10px 0 0; display: inline-block; } .dwn-lin-icon { background-position: -115px -25px; width: 26px; height: 30px; float: left; margin: 2px 10px 0 0; } .btmBar { height: 50px; } #btmBar { bottom: -96px; } #btmBar.fixed { position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; } .prd-nav { padding: 0; float: left; width: 99%; } .prd-nav li { float: left; width: 19%; padding: 0 0.5%; text-align: center; } .prd-nav li a { color: #c9c9c9; } .prd-nav li a:hover { color: #fff; text-decoration: none; } .prd-nav li a:hover > span { opacity: 1; } .prd-nav .btm-dwn a { color: #fff; background: #e9142b; color: #fff; font-size: 22px; line-height: 30px; padding: 4px 10px; display: inline-block; width: 148px; border-radius: 5px; margin-top: 2px; } .btm-dwn a:hover { background: #e3142b; } .prd-nav .dwn-btm-icon { width: 21px; height: 20px; background-position: 0 0; line-height: 22px; display: inline-block; position: relative; top: 2px; } .prd-nav .dwn-icon { background-position: -23px 0; height: 25px; width: 27px; display: inline-block; } .prd-nav .demo-icon { background-position: -142px 0; height: 25px; width: 25px; display: inline-block; opacity: 0.7; } .prd-nav .free-icon { background-position: 0 0; height: 25px; width: 22px; display: inline-block; opacity: 0.7; } .prd-nav .comp-icon { background-position: -51px 0; height: 25px; width: 48px; display: inline-block; opacity: 0.7; } .prd-nav .quote-icon { background-position: -128px 0; height: 25px; width: 13px; display: inline-block; opacity: 0.7; } .prd-nav .buy-icon { background-position: -100px 0; height: 25px; width: 28px; display: inline-block; opacity: 0.7; } .prd-nav .feature-icon { background-position: -168px 0; height: 23px; width: 29px; display: inline-block; opacity: 0.7; } .prd-nav .call-icon { background-position: -198px 0; height: 23px; width: 28px; display: inline-block; opacity: 0.7; } .prd-nav .caseStudy-icon { background-position: -167px -25px; height: 26px; width: 26px; display: inline-block; opacity: 0.7; } .prd-nav .video-icon { background-position: -141px -25px; height: 26px; width: 26px; display: inline-block; opacity: 0.7; } .prd-nav .eval-icon { background-position: -222px -54px; height: 26px; width: 28px; display: inline-block; opacity: 0.7; } .prd-nav .faq-icon { background-position: -193px -25px; height: 26px; width: 26px; display: inline-block; opacity: 0.7; } .prd-nav .feedback-icon { background-position: -220px -25px; height: 20px; width: 25px; display: inline-block; opacity: 0.7; margin: 3px 0; } .prd-nav .document-icon { background-position: -246px -25px; height: 26px; width: 26px; display: inline-block; opacity: 0.7; } .menuheader { background: #000; font-size: 13px; line-height: 15px; padding: 5px 0; width: 100%; } .menuheader a { color: #fff; } #customers h3 { font-family: "Zoho_Puvi_Medium"; text-align: center; display: block; padding-top: 20px; } .cust-logo { padding: 20px 0; } .cust-logo a { text-decoration: none; } .cust-logo ul li { width: 10%; padding: 10px 1.2% 15px 1.2%; text-align: center; float: left; } .cust-logo1 { text-align: center; } .cust-logo1 ul li { float: none; width: auto; vertical-align: top; display: inline-block; padding: 0px 1% 0 1%; } .cust-logo1 ul li span { background: url(../images/clients.png) no-repeat left top; display: inline-block; text-indent: -9999em; width: 100px; height: 60px; } .cust-logo1 ul li span.cl-at { background-position: 0 0; } .cust-logo1 ul li span.cl-lr { background-position: -100px 0; } .cust-logo1 ul li span.cl-bs { background-position: -200px 0; } .cust-logo1 ul li span.cl-sy { background-position: -300px 0; } .cust-logo1 ul li span.cl-ge { background-position: -400px 0; } .cust-logo1 ul li span.cl-sg { background-position: -500px 0; } .cust-logo1 ul li span.cl-er { background-position: -600px 0; } .cust-logo1 ul li span.cl-nc { background-position: -700px 0; } .cust-logo1 ul li span.cl-al { background-position: 0 -60px; } .cust-logo1 ul li span.cl-tw { background-position: -100px -60px; } .cust-logo1 ul li span.cl-dc { background-position: -200px -60px; } .cust-logo1 ul li span.cl-ab { background-position: -300px -60px; } .cust-logo1 ul li span.cl-dh { background-position: -400px -60px; } .cust-logo1 ul li span.cl-hg { background-position: -500px -60px; } .cust-logo1 ul li span.cl-ug { background-position: -600px -60px; } .cust-logo1 ul li span.cl-ao { background-position: -700px -60px; } .cust-logo1 ul li span.cl-no { background-position: 0 -120px; } .cust-logo1 ul li span.cl-st { background-position: -100px -120px; } .cust-logo1 ul li span.cl-ed { background-position: -200px -120px; } .cust-logo1 ul li span.cl-hm { background-position: -300px -120px; } .cust-logo1 ul li span.cl-ml { background-position: -400px -120px; } .cust-logo1 ul li span.cl-cn { background-position: -500px -120px; } .cust-logo1 ul li span.cl-cs { background-position: -600px -120px; } .cust-logo1 ul li span.cl-ai { background-position: -700px -120px; } .cust-logo1 ul li span.cl-lf { background-position: 0 -180px; } .cust-logo1 ul li span.cl-ad { background-position: -100px -180px; } .cust-logo1 ul li span.cl-nv { background-position: -200px -180px; } .cust-logo1 ul li span.cl-la { background-position: -300px -180px; } .cust-logo1 ul li span.cl-uc { background-position: -400px -180px; } .cust-logo1 ul li span.cl-us { background-position: -500px -180px; } .cust-logo1 ul li span.cl-if { background-position: -600px -180px; } .cust-logo1 ul li span.cl-ey { background-position: -700px -180px; } .cust-logo1 ul li span.cl-og { background-position: 0 -240px; } .cust-logo1 ul li span.cl-ib { background-position: -100px -240px; } .cust-logo1 ul li span.cl-sc { background-position: -200px -240px; } .cust-logo1 ul li span.cl-tt { background-position: -300px -240px; } .cust-logo1 ul li span.cl-cv { background-position: -400px -240px; } .cust-logo1 ul li span.cl-tu { background-position: -500px -240px; } .cust-logo1 ul li span.cl-kr { background-position: -600px -240px; } .cust-logo1 ul li span.cl-hc { background-position: -700px -240px; } .cust-logo1 ul li span.cl-wh { background-position: 0 -300px; } .cust-logo1 ul li span.cl-sm { background-position: -100px -300px; } .cust-logo1 ul li span.cl-ta { background-position: -200px -300px; } .cust-logo1 ul li span.cl-fi { background-position: -300px -300px; } .cust-logo1 ul li span.cl-mc { background-position: -400px -300px; } .cust-logo1 ul li span.cl-in { background-position: -500px -300px; } .cust-logo1 ul li span.cl-bt { background-position: -600px -300px; } .cust-logo1 ul li span.cl-rl { background-position: -700px -300px; } .cust-logo1 ul li span.cl-ik { background-position: 0 -360px; } .cust-logo1 ul li span.cl-hn { background-position: -100px -360px; } .cust-logo1 ul li span.cl-ev { background-position: -200px -360px; } .cust-logo1 ul li span.cl-br { background-position: -300px -360px; } .cust-logo1 ul li span.cl-ox { background-position: -400px -360px; } .cust-logo1 ul li span.cl-xe { background-position: -500px -360px; } .cust-logo1 ul li span.cl-un { background-position: -600px -360px; } .cust-logo1 ul li span.cl-ts { background-position: -700px -360px; } .cust-logo1 ul li span.cl-ch { background-position: 0 -420px; } .cust-logo1 ul li span.cl-sn { background-position: -100px -420px; } .cust-logo1 ul li span.cl-ng { background-position: -200px -420px; } .cust-logo1 ul li span.cl-lt { background-position: -300px -420px; } .cust-logo1 ul li span.cl-cc { background-position: -400px -420px; } .cust-img { width: 20%; float: left; } .cust-txt { width: 76%; padding-left: 4%; float: left; } .cust-nav { padding-bottom: 30px; text-align: right; display: block; } .cust-nav a { padding: 5px 20px; border-radius: 3px; font-size: 20px; background: #758691; color: #fff; display: inline-block; margin-top: 20px; text-decoration: none; } .tab-div { border-bottom: 3px solid #ecedee; } .tab-div > span, .tab-div > a { padding: 5px 20px; display: inline-block; cursor: pointer; color: #444; } .tab-div > a:hover { text-decoration: none; } .tab-div .tabmod-act { background: #ecedee; } .tab-cont > div { display: none; } .tab-cont .tabcont-act { display: block; } .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; } .fea-list-cont > ul li { padding: 5px 0; } .fea-nav-list a { color: #444; } .fea-nav-list a:hover { text-decoration: underline; } .footer { color: #5a6870; } .footer .col1, .footer .footCol1 { width: 30%; min-height: 220px; padding: 0 4.5% 0 0; float: left; border-right: 1px dashed #000; } .footer .col2, .footer .footCol2 { width: 25%; min-height: 220px; padding: 0 4.5%; float: left; border-right: 1px dashed #000; } .footer .col3, .footer .footCol3 { width: 25%; min-height: 220px; padding: 0 0 0 4.5%; float: left; } .foot-sec > ul, .footCont > ul { width: 45%; float: left; } .footer .foot-head, .footHead { font-size: 20px; color: #7bbb2a; padding-bottom: 20px; } .footer a { color: #5a6870; } .footer a:hover { text-decoration: underline; } .foot-social.rhsFix { position: fixed; top: 86px !important; z-index: 7; } .foot-social.rhsAbs { position: absolute; z-index: 7; } .foot-social.rhsFix, .foot-social.rhsAbs { 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.rhsFix a, .foot-social.rhsAbs a { display: block; margin: 0 0 10px 0; } .fb { background-position: -273px -13px; } .tw { background-position: -273px -40px; } .in { background-position: -273px -67px; } .gp { background-position: -273px -95px; } .yt { background-position: -273px -123px; } .foot-copy { font-size: 12px; text-align: center; color: #898c90; padding-top: 20px; } .foot-copy a { color: #898c90; } #footer { background: #f3f3f3; color: #696969; } .foot-col { width: 24%; margin-right: 1%; float: left; padding: 50px 0 0; } .foot-col ul { list-style-type: none; font-size: 11px; margin: 10px 0; } .foot-col a, .foot-col li { color: #696969; line-height: 18px; } #footer h4 { margin: 0; font-weight: bold; } .btm-lnks { padding: 20px 0; color: #696969; } .btm-lnks a { color: #696969; } .footer-btm a:hover, .btm-lnks a:hover { text-decoration: underline; } #lang { width: 25%; float: left; position: relative; font-size: 12px; } .lang { display: block; position: relative; z-index: 2; } .lang-list { background-color: #f3f3f3; text-align: left; position: absolute; bottom: 100%; width: 85%; display: none; z-index: 1; transition: all 0.2s ease-in-out 0s; opacity: 0; border: 1px solid #e9e8e8; padding: 0 5px; } .lang-list ul { list-style-type: none; width: 49%; float: left; margin: 0; } .lang-list ul li { margin: 0; } .lang-txt { padding: 4px 5px; display: inline-block; cursor: pointer; } .lang-txt:hover { background-color: #f3f3f3; border: 1px solid #e9e8e8; padding: 3px 4px; } .lang-list-show { opacity: 1; } .fot-nav { width: 50%; float: left; font-size: 12px; margin-top: 3px; text-align: center; } .fot-nav li:first-child { margin-left: 20px; } .fot-nav li { display: inline-block; } .fot-nav a { margin: 0 10px; color: #696969; } .social { width: 20%; float: right; text-align: right; margin-top: 3px; } .footer-btm { background: #000; font-size: 12px; color: #fff; } .footer-btm ul { padding: 20px 0; list-style-type: none; } .footer-btm ul li { float: left; padding: 0 3px; } .footer-btm a { color: #fff; } .nav .selecteddiv a, .nav .selecteddivnew a { color: #7bbb2a; } .miconShow { display: none; } .miconHide { display: block; } #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; } .quickMenuFix { position: fixed !important; top: 86px !important; left: 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; } .prod-icons { width: 60px; height: 60px; float: left; background: url(../images/homepage-sprite.png) no-repeat left top; margin-right: 10px; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .icon-network { background-position: -73px top; } .icon-application { background-position: -135px -70px; } .icon-help { background-position: -276px top; } .icon-server { background-position: -200px -125px; } .icon-active { background-position: -73px -70px; } .icon-desktop { background-position: left -70px; } .icon-security { background-position: -135px top; } .icon-msp { background-position: left top; } .icon-unified { background-position: -212px top; } .icon-ondemand { background-position: -212px -70px; } .icon-mobile { background-position: -276px -70px; } a.bnrDwn { line-height: 32px; } .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; list-style-type: none !important; } .flexslider .flexBnrslides > li { display: none; -webkit-backface-visibility: hidden; float: left; } .flexslider .flexBnrslides > li:first-child { display: block; } .flexslider .flexBnrslides > li a { display: inline-block; } .flexslider .flexBnrslides > li > a { display: block; } .flexslider .flexBnrslides img { max-width: 100%; display: block; margin: 0 auto; } .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 { background: url(https://www.manageengine.com/images/sprite.png) no-repeat -1px -1px; height: 25px; width: 25px; display: block; color: transparent; -webkit-transition: all 0.3s ease; position: absolute; top: 50%; margin-top: -20px; opacity: 0; } .flex-direction-nav li a.flex-prev { background-position: -900px 0px; left: 5px; } .flex-direction-nav li a.flex-next { background-position: -930px 0px; right: 5px; } .flexslider:hover a.flex-prev { opacity: 0.3; } .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; } #commonHeader { min-height: 39px; } .loginbox a { color: #ff8134; } #newtopheader { height: 85px; width: 100%; /*position:absolute;*/ top: 39px; z-index: 99999; } #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: 99999; } #newtopheader .topheader.fixed { position: fixed; z-index: 99999; 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: 999999; 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; } .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 { padding-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 > 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: -5px; 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: -20px; } .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; } .prdDrop { padding-top: 20px; } .prdDrop .per25 { padding-bottom: 20px; } .prdDrop .per25 > div { font-size: 16px; border-bottom: 1px solid #424f56; padding-bottom: 5px; } .prdDrop .per20 > div { border-bottom: 1px solid #424f56; font-size: 16px; padding-bottom: 5px; } .prdDrop .per20 > ul { margin: 10px 0; font-size: 13px; line-height: 20px; } .prdDrop .per20 > ul > li { padding: 3px 0; } .prdDrop .per50 > div { font-size: 16px; border-bottom: 1px solid #424f56; padding-bottom: 5px; } .prdDrop ul { list-style-type: none; margin: 10px 0; } .prdDrop ul li { padding: 3px 0; } #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(../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 .solServer { background-position: -480px 0; } #sol-list .sol-listCol2 .solITSecurity { background-position: -120px -120px; } #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; } .dropFTlink span.marketplace-list { color: #a7bdc8; } .menuIcon { cursor: pointer; display: inline-block; float: right; margin-right: 20px; } .icon-s-home { background-position: 0 -136px; height: 28px; width: 33px; display: inline-block; } .icon-s-menu { background-position: -33px -136px; height: 28px; width: 33px; display: inline-block; } .icon-s-toll { background-position: -192px -120px; height: 16px; width: 16px; display: inline-block; } .icon-s-support { background-position: -208px -120px; height: 16px; width: 16px; display: inline-block; } .icon-s-search, .icon-search { background-position: -224px -120px; height: 16px; width: 16px; display: inline-block; } .icon-s-sso, .icon-sso { background-position: -240px -120px; height: 16px; width: 16px; display: inline-block; } .menu2ResBlk { display: none !important; } #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, #mobPanel span, #backPanel { color: #000; display: inline-block; padding: 10px; cursor: pointer; text-decoration: none; } #mobPanel ul li ul { display: none; } #backPanel { color: #73c57d; } #mobListSearch form { padding: 0 0 0 10px; } #mobPanel .newsearchbox { color: #73c57d; padding: 15px 2%; font-size: 14px; width: 76%; } .mobListSearch { background: #73c57d; padding: 14px 0; color: #fff; float: right; border: none; font-size: 14px; width: 20%; text-align: center; float: right; } .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; } .zoomicon { position: relative; border: 1px solid #efefef; display: inherit; } .img-zoom-container { position: fixed; background: rgba(0, 0, 0, 0.8); height: 90%; left: 0; padding: 5%; text-align: center; top: 0; width: 90%; z-index: 999999; opacity: 0; } .img-zoom-span { display: inline-block; vertical-align: middle; } .img-zoom-container img { max-height: 100%; border: 1px solid #efefef; max-width: 100%; margin-top: -2%; } .zoom-icon { background: url(https://www.manageengine.com/images/v1/zoom-icon.png) no-repeat 0 0; width: 48px; height: 48px; display: inline-block; position: absolute; right: 0; bottom: 0; z-index: 2; } .img-zoom-close { position: absolute; top: 20px; right: 20px; z-index: 999999; font-size: 30px; font-weight: 300; cursor: pointer; color: #fff; } .img-zoom-iconcont { position: fixed; background: rgba(0, 0, 0, 0.7); height: 90%; left: 0; padding: 5%; text-align: center; top: 0; width: 90%; z-index: 999999; } .img-zoom-iconcont img { max-height: 100%; max-width: 100%; } .img-zoom-container .popdesc { position: absolute; background: rgba(0, 0, 0, 0.7); color: #fff; bottom: 97px; padding: 10px 2%; width: 90% !important; left: auto !important; box-sizing: border-box; margin-left: 0 !important; } .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; } .tc { text-align: center; } .tl { text-align: left; } .tr { text-align: right; } .pr { position: relative; } .pa { position: absolute; } .pf { position: fixed; } .fl { float: left; } .fr { float: right; } ul, ol { list-style-type: none; } .dark { background: #f4f4f4; } .dn { display: none; } a { color: #138cd6; text-decoration: none; } .show { display: block !important; } .head-container, .container { max-width: 1400px; width: 100%; margin: 0 auto; transition: all 0.2s ease-in 0s; } .container { max-width: 1000px; } .slider-container .container { max-width: 1000px; } .gdpr-checkbox { font-size: 11px; line-height: 16px; margin-top: 10px; color: #9da3ab; padding: 0 5px; } .gdpr-checkbox input { width: 15px !important; height: 15px; margin: 0 5px 0px 0px; } /* --------------- Header Top Section styles --------------- */ header { height: auto; } #topsec-rhs ul { border-bottom: 1px solid #ddd; padding: 0; margin: 0; } #topsec-rhs > ul { height: 37px; } #topsec-rhs .products-list ul { border: none; padding: 0; } #topsec-rhs ul li { float: left; padding: 5px 5px 2px 5px; } .products-header #topsec-rhs ul li { float: left; padding: 5px 5px 7px 5px; } #topsec-rhs ul li.nav-search { padding-bottom: 12px; } #topsec-rhs ul li.nav-support + li:before { content: "|"; display: inline-block; padding: 0 10px 0 0; } #topsec-rhs ul li.nav-search .icon-search { background: url(../images/me-sprite-new.png) no-repeat -224px -120px; height: 16px; width: 16px; position: relative; margin-top: 5px; display: block; } #topsec-rhs .menu-inner-right ul { border: none; } #topsec-rhs .menu-inner-right ul li { float: none; padding: 0 0 10px 0; } #topsec-rhs .menu-inner-right ul li a { font-size: 1em; } #topsec-rhs ul#products-nav li:last-child { padding: 0 10px; } #topsec-rhs ul li.tabdrop { padding: 0 10px; } #topsec-rhs ul li span.user-thumb { background: url(../images/me-sprite-new.png) no-repeat -240px -120px; width: 16px; height: 16px; display: inline-block; margin-top: 5px; border-bottom: none !important; } .products-header #topsec-rhs ul li span.user-thumb { top: 0; } 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-right: 0; } nav ul.productmenu { margin-right: 20px; margin-bottom: 26px; } 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: 0.9em; cursor: pointer; line-height: 30px; } #header-topsec .tabdrop ul a { font-size: inherit; } #topsec-rhs .icon-search { top: 0; } #topsec-rhs ul li span.telno { padding: 4px 0; display: inline-block; border-bottom: none !important; font-size: 0.9em; background: none; line-height: 1.8; } #topsec-rhs ul .telphdrop span { display: block; padding: 5px 0 0px 0; } #topsec-rhs ul li .telphdrop { width: 200px; font-size: 1em; font-weight: 300; right: auto; left: 0; } #topsec-rhs ul li .telphdrop a { color: #ccc; padding: 2px 0; display: block; line-height: 20px; } #topsec-rhs ul li .telphdrop a:hover { text-decoration: underline; } #topsec-rhs ul li .telphdrop a strong { color: #f9f9f9; font-weight: 300; } #header-mainsec .headerinner { background: #fff; width: 100%; top: 0; position: relative; z-index: 9999; min-height: 50px; } #header-mainsec .headerinner { box-shadow: 0 2px 2px -1px #ccc; } #header-mainsec .headerinner.fixed { position: fixed; z-index: 99999; top: 0; } #header-mainsec { width: 100%; z-index: 99999; font: 400 14px/24px "ZohoPuvi"; letter-spacing: 0.5px; height: 60px; } .headerinner .prdLogo { margin-top: 0; width: 250px; } #commonHeader { min-height: 96px; } .social-inner-sec { margin-top: 10px; } /* --------------- 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: 400px; } #topsec-rhs .header-nav > li > a, #topsec-rhs .header-nav > li > span { font-size: 0.9em; line-height: 30px; cursor: pointer; } #topsec-rhs .header-nav > li > a, #topsec-rhs .header-nav > li > span { line-height: normal; } #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: 0.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: 0.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; } /* --------------- 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: 0.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: 0.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; } .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-family: "Zoho_Puvi_Medium"; 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"; letter-spacing: 0.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: 0.9em; text-decoration: underline; } .nav-list .commonlinks a:hover { text-decoration: none; } .commonlinks { color: #424f56; } .commonlinks .marketplace-list { color: #424f56; display: block; font-size: 0.9em; } #products-nav { background: #1d2532; list-style-type: none; display: flex; width: 99.8%; padding: 6px 0.2% 0 !important; margin: 0; } #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 > li:hover { background: #2d3d57; } #products-nav > li.active { background: #f9f9f9; } #products-nav > li h3 { font-size: 0.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 { background: url(../images/solutions-strip-new.svg) no-repeat center 10px; height: 30px; width: 30px; background-size: cover; margin: 10px auto 3px auto; cursor: pointer; 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; } #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; } .solutions ul li.pim span.icon { background-position: 0px -729px; } #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 .office p.sicon, .solutions ul li.office span.icon { background-position: 0px -705px; } #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; } #topsec-rhs ul#products-nav li.tabdrop ul li { padding: 0 10px; } #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; } .prdLogo img { width: 220px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } #header-mainsec .headerinner.fixed .prdLogo img { width: 170px; margin: 7px 0 0 30px; } .melogosvg img { width: 162px; height: 42px; margin-top: 5px; } .memarketplacelogosvg img { width: 200px; height: 30px; margin-top: 10px; } .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; } .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; } /* --------------- 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-family: "Zoho_Puvi_Medium"; } .sol-listCol4 h2 span { font-family: "Zoho_Puvi_Medium"; 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-family: "Zoho_Puvi_Medium"; } #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: 0.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: 0.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: 999999; width: 100%; font: 400 14px/24px "ZohoPuvi"; letter-spacing: 0.5px; height: 41px; } .solutions .division-list li { width: 33%; float: left; padding: 5px; margin-bottom: 40px; line-height: 30px; } .division-list .svg-imgs { width: auto; display: inline-block; margin: 0 auto; vertical-align: middle; margin-right: 15px; height: 31px; } .division-list .education .svg-imgs { width: 38px; } .division-list span { font-size: 13px; display: inline-block; position: relative; text-align: left; line-height: 1.4; font-family: Zoho_Puvi_Medium; } #itdivision .division-list span, #businessUse .division-list span { display: inline-block; margin: 0; text-align: left; } #industry .division-list span:not(.me-solution), #itaudit .division-list span:not(.me-solution) { width: calc(100% - 37px); margin-left: 4px; } #itdivision .division-list span:not(.me-solution), #businessUse .division-list span:not(.me-solution) { padding-left: 6px; } #itdivision .division-list span:not(.solution-desc), #businessUse .division-list span:not(.solution-desc) { padding-left: 6px; } #itdivision .division-list span:not(.me-solution), #businessUse .division-list span:not(.me-solution) { width: calc(100% - 36px); min-height: 55px; } .nav-drop:not(#product-menu) { height: 665px; } .division-list .me-solution { vertical-align: text-bottom; width: 32px; height: 32px; margin: 0 auto; display: block; } #itdivision .division-list span.solution-desc, #businessUse .division-list span.solution-desc { display: block; font-family: Zoho_Puvi_Regular; margin-top: 6px; min-height: 55px; font-size: 11px; color: #000; width: 100%; } .division-list:after { content: ""; clear: both; } /* --------------- Mobile style --------------- */ #MEmobPanel { width: 100%; max-width: 100%; position: fixed; z-index: 99999; height: 100%; top: 60px; background: #fff; display: none; font: 400 14px/24px "ZohoPuvi"; letter-spacing: 0.5px; overflow-y: scroll; } #MEmobPanel { top: 98px; } header:not() #MEmobPanel { top: 88px; } #MEmobPanel { position: fixed; } #MEdropPanel { overflow: scroll; overflow-x: hidden; } #MEmobPanel ul li { line-height: 24px; border-bottom: 1px solid #c0c0c0; } #MEmobPanel a, #MEmobPanel span, #MEbackPanel { color: #000; display: inline-block; padding: 10px; cursor: pointer; text-decoration: none; } #MEmobPanel li.snd-link a + span { display: none; } #MEmobPanel #MEmobListPrd ul a span, #MEmobPanel #MEmobListPrd ul br { padding: 0; display: none; } #MEmobPanel ul li ul, #MEmobPanel ul li.office365, #MEmobPanel ul li.server { display: none; } #MEmobListPrd > ul > li:last-child { display: none !important; } #MEmobListCom, #MEmobListCom span, #MEmobListSearch .suggestion-sec, #MEmobPanel .ad-prd-title { display: none; } #MEmobListSearch form { padding: 0 0 0 10px; } .MEmobListSearch { background: #73c57d; padding: 14px 0; color: #fff; border: none; font-size: 14px; width: 20%; text-align: center; float: right; } #MEmobPanel .social-inner-sec { display: inline-block; margin: 0 10px 10px; padding: 0 10px; } #MEmobPanel .social-inner-sec a { padding: 0; } #MEmobPanel #MEmobListCompany ul li span { color: #34ad65; font-size: 1.2em; font-family: "Zoho_Puvi_Medium"; } #MEmobListPrd li { margin: 0; font-size: 1em; } .menuIcon { cursor: pointer; display: inline-block; float: right; margin-right: 20px; } .icon-s-menu { background: url(../images/me-sprite-new.png) no-repeat 0px -230px; height: 25px; width: 25px; display: inline-block; } .menu2ResBlk { display: none !important; } footer { font: 400 14px/24px "ZohoPuvi"; letter-spacing: 0.5px; border-top: 1px solid #444; line-height: 1.8em; background: #fff; } .bg-d-grey { background: #1d1e1f; } .footer, .footer a { color: #bbb; font-size: 0.95em; } .footer a:hover { text-decoration: underline; } .footer .col2, .footer .col1, .footer .footCol1, .footer .footCol2 { border-right: 1px solid #666; } .footer .foot-head, .menl, .division { color: #fff; } .foot-sec > ul:first-child { padding-left: 0; } h3.ss-head { font-size: 0.8em; } .foot-copy { font-size: 1em; } #subscribe { font-size: 12px; text-transform: uppercase; background: #34ad65; } /**************** footer new style start ********************/ .foot-copy { padding: 10px 0; background: #fff; } .footer .foot-head, .footHead { font-weight: 300; color: #eee; font-size: 1.3em; padding-bottom: 15px; } .footer { max-width: 1200px; margin: 0 auto; } #btmscroll { padding: 0; } .footer .col1, .footer .footCol1 { padding: 2% 5% 2% 0; border-right: 1px solid #292929; min-height: 250px; width: 28%; } .footer .col2, .footer .footCol2 { padding: 2% 5%; border-right: 1px solid #292929; } .footer .col3, .footer .footCol3 { padding: 2% 0 0 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; } /* 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: 20px; margin: 20px 0 0; font-weight: 100; } .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 h4 { font-size: 18px; font-family: "Zoho_Puvi_Medium"; margin: 0 0 20px; } .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: none; } .subscribepopup_form_wrapper form #subscribe:hover { background: #222; } span.footer-subscribenewsletteremail { background-color: #fff; border-right: none; color: #b5b5b8; height: 19px; line-height: 19px; outline: 0; padding: 10px 15px; transition: border 0.2s linear 0s, box-shadow 0.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(../images/footer-icon-arrow.svg) no-repeat center center; height: 19px; } div#form-alert { color: #df565f; font-size: 12px; } /* footer subscribe newsletter style End */ @-moz-document url-prefix() { #subscribe { padding: 5px 20px; } } .txtfield { border-radius: 15px 0 0 15px; } .divisionHead { padding: 10px 0 0 0; } .bg-d-grey { background: #222; } .foot-social a { height: 20px; width: 20px; border: 1px solid #fff; padding: 8px; margin: 0 6px; border-radius: 100%; } .foot-social a:first-child { margin-left: 0; } .foot-social { margin-bottom: 30px; } .foot-social a:hover { text-decoration: none; } .foot-social a.fb { background: url(https://www.manageengine.com/images/footer-sprite.svg) no-repeat 0 0; background-size: 25% !important; background-position: center; } .tw { background: url(https://www.manageengine.com/images/footer-icon-tw.svg) no-repeat 0 3px; background-size: 45%; background-position: 50% 52%; } .in { background: url(https://www.manageengine.com/images/footer-icon-in.svg) no-repeat 0 0; background-size: 45%; background-position: 50% 46%; } .yt { background: url(https://www.manageengine.com/images/footer-icon-yt.svg) no-repeat 0 4px; background-size: 45%; background-position: center; } a.insta { background: url(../images/ft-insta.png) no-repeat 0 0; background-size: 45%; background-position: center; } .foot-social a.fb:hover { background-color: #4267b2; } .foot-social a.tw:hover { background-color: #1da1f2; } .foot-social a.in:hover { background-color: #0e76a8; } .foot-social a.yt:hover { background-color: red; } .foot-social a.insta:hover { background: url(../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; } .tg { background-position: -126px -305px; } /**************** footer new style end ********************/ /************* solutions page icons styles ***************/ .prod-icons { width: 50px; height: 50px; background: url(../images/solutions-strip-new.svg) no-repeat 0 0; background-size: cover; display: inline-block; } .icon-active { background-position: 0 0; } .icon-application { background-position: 0px -139px; } .icon-help { background-position: 0px -459px; height: 51px; } .icon-desktop { background-position: 0 -250px; } .icon-mobile { background-position: 0 -387px; } .icon-network { background-position: 0px -515px; } .icon-server { background-position: 0px -577px; } .icon-security { background-position: 0 -650px; } .icon-pim { background-position: 0 -1210px; height: 60px; } .icon-msp { background-position: 0 -722px; } .icon-unified { background-position: 0 -71px; } .icon-ondemand { background-position: 0 -196px; } .icon-office { background-position: -0px -1200px; } /************* solutions page icons styles end ***************/ #topsec-rhs.zacss > img { float: left; } #topsec-rhs.zacss > ul { float: left; } /***ITOM RELATED PRODUCTS SECTION STYLE***/ #itom-related-products { margin-bottom: 20px; } #itom-related-products h4 { font-weight: 700; margin: 10px 0 10px 0; color: #000; } #itom-related-products ul { padding: 0 !important; list-style: none !important; } #itom-related-products ul li { color: #444; border-top: 1px solid #eee; padding: 10px 0 10px 0; font-size: 12px; line-height: 1.2em; } #itom-related-products ul li span { margin-right: 18px; } #itom-related-products ul li a { color: #000; } /*----------- Footer Regional sites menu styles start ----------------*/ .foot-sec > ul.regional-countries-drop { width: 100%; position: relative; } .foot-sec > ul.regional-countries-drop > li span { padding: 7px 0 7px 35px; border: 1px solid #979797; background: #222; display: block; cursor: pointer; position: relative; z-index: 3; } ul.regional-countries-drop > li span::before { content: ""; width: 20px; height: 23px; background: url(https://www.manageengine.com/images/footer-icon-rs.svg) no-repeat 0 2px; position: absolute; left: 7px; top: 7px; } ul.regional-countries-drop > 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 0.2s; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.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 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.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 ----------------*/ @media screen and (max-width: 1420px) { .hdrContainer, .heading-menu .container { width: 98%; padding-left: 1%; padding-right: 1%; } span.footer-subscribenewsletteremail { width: 60%; } } @media screen and (max-width: 1200px) { .foot-social.rhsFix, .foot-social.rhsAbs { position: static; background: transparent; padding: 0; border: none; } .foot-social.rhsFix a, .foot-social.rhsAbs a { display: inline-block; margin: 0 5px 0 0; } #backToTop { display: none !important; } #subHdrLhs li { padding: 10px 5px 0; } #subHdrRhs > ul > li { display: none; } #subHdrRhs > ul > li.soldrop { display: block; padding: 10px 3px 0; } } @media screen and (max-width: 1025px) { #commonHeader { min-height: auto; } .meMenuCont { width: auto; } .container { width: 96%; padding-left: 2%; padding-right: 2%; } .ipad-show { display: block !important; } .ipad-hide { display: none !important; } .miconShow { display: block; } .miconHide, .nav-dwn { display: none; } .h1 { font-size: 36px; line-height: 36px; } .h2, h2 { font-size: 22px; line-height: 24px; } .nav { border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0; position: absolute; background: #fff; display: none; font-family: "Zoho_Puvi_Medium"; font-size: 12px; right: 2%; } .nav > li { float: none; border-bottom: 1px solid #ccc; padding: 0; text-transform: none; text-align: left; line-height: 20px; } .nav > li > a, .nav > li > span { color: #666; display: block; padding: 5px 15px; width: 100px; } .nav-act a { color: #666; } .nav-dwn { margin-left: 10px; } .nav-dwn a { line-height: 32px; font-size: 16px; padding: 0 15px; display: inline-block; width: auto; } .menu-icon { display: block; margin-top: 10px; } .footer .rhsFix, .footer .rhsAbs { position: static; } .cust-img { width: 25%; } .cust-txt { width: 71%; } .dwn-desc { width: 90%; } #downloadSubmit, #downloadReset { width: 100%; } .dwn-btn a.dwn-prob-btn, .dwn-btn a { font-size: 34px; line-height: 34px; } .otr-dwn-cont { font-size: 16px; } .btm-dwn { display: none; } #btmscroll { font-size: 12px; } .fea-nav-link span { font-size: 13px; } #newtopheader { top: 0; } .menu2ResBlk { display: block !important; } .subHeadTitle { display: none; } .logo { margin-top: -30px; } #subHdr, .nav { display: none; } } @media screen and (max-width: 760px) { .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; } .per20, .per25 { width: 48%; } .per75 { width: 48%; } .pop-container { left: 0; margin: 0; } .nav-dwn { display: none; } .sec-pTB { padding: 20px 0; } .h1 { font-size: 26px; line-height: 30px; margin: 10px 0; } .h2, h2 { font-size: 18px; line-height: 24px; margin: 10px 0; } .h3, h3 { font-size: 18px; } .pg-head, .head { font-size: 26px; line-height: 28px; } .mbH { display: none !important; } .mbS { display: block !important; } .menu-icon { margin-top: 30px; } .prd-nav li { width: 24%; } .cust-logo { margin: 0; border: none; padding: 0; text-align: center; } .cust-logo ul li { width: auto; float: none; display: inline-block; padding-top: 0; } .footer .col1, .footer .footCol1 { width: 100%; padding: 0 0 20px 0; border: none; min-height: inherit; border-bottom: 1px dashed #000; } .footer .col2, .footer .footCol2 { width: 100%; padding: 20px 0; border: none; min-height: inherit; border-bottom: 1px dashed #000; } .footer .col3, .footer .footCol3 { width: 100%; padding: 20px 0; border: none; min-height: inherit; border-bottom: 1px dashed #000; } #btmscroll { border-top: 1px dashed #000; } .feature-subHead { font-size: 18px; line-height: 20px; } .lhs-tree, #quickFixDiv { display: none; } .rhs-cont { width: 100%; padding: 20px 0; border: none; } .breadcrumb { display: none; } .cust-img { width: 100%; text-align: center; } .cust-txt { width: 100%; padding: 0; } .footer-btm ul { text-align: center; } .footer-btm ul li { display: inline-block; float: none; } #lang { display: none; } .foot-social, .fot-nav { width: 100%; float: none; } .apmPrice, .opmPrice { display: none; } } @media screen and (max-width: 500px) { .subscribepopup_boxes { max-width: 90%; } .subscribepopup_form_wrapper form select { float: initial !important; margin: 10px auto 0 !important; } .subscribepopup_form_wrapper form input[type="text"] { float: initial !important; margin: 0 auto !important; } .per20, .per25 { width: 98%; } .per75 { width: 100%; padding: 0; float: none; } .per30 { width: 100%; padding: 0; float: none; } .per70 { width: 100%; padding: 0; float: none; } .per40 { width: 100%; padding: 0; float: none; } .per50 { width: 100%; padding: 0; float: none; } .per60 { width: 100%; padding: 0; float: none; } .min-mbH { display: none !important; } .menu-icon { width: auto; height: 34px; } .menu-icon .menu-btn { margin-top: 10px; } .menu-icon .menu-txt { display: none; } .nav { border-top: 1px solid #ccc; top: 60px; } .pg-head, .head { font-size: 20px; line-height: 24px; } .h1 { display: block; } .feature-subHead { font-size: 16px; line-height: 18px; } #customers .sec-pTB { border-bottom: 1px dashed #000; } .heading-menu { font-size: 22px; } .footer-btm ul li { display: none; } .footer-btm ul li:first-child { display: block; } .menl { margin: 20px auto; } } .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%; } /* ------------- footer - feedback ------------ */ #feedbackIframeContainer { max-width: 100%; width: 720px; height: 460px; overflow-x: hidden; overflow-y: scroll; } .pop-container { overflow-x: hidden; overflow-y: hidden; box-shadow: 0px 0px 4px 1px #3b3b3b; border: none; 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; } .products .products-lists a .dcnamechange { font-size: 11px !important; display: block; font-weight: 100; } /* --------------- 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%; } } @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: 7px 0 0 0; } header:not() .melogosvg img { width: 150px !important; height: auto; margin: 2px 0 0 0; } .prdLogo a { display: inline-block !important; } .headerinner .prdLogo { width: 50%; } #header-topsec { min-height: 33px; background: #fff; } #header-mainsec .headerinner { min-height: 50px; } nav ul.header-nav { display: none; } #header-topsec { background: #fff; } #topsec-rhs { display: none; } #commonHeader { min-height: 98px; } #header-mainsec .headerinner { padding-bottom: 5px; } header:not() #header-mainsec .headerinner { padding-bottom: 0px; } .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: 662px; } .nav-products .products-list > div { min-height: 432px; } @media (max-width: 1024px) { .foot-sec > ul.regional-countries-drop > li span { padding: 6px 7px 4px 7px; } ul.regional-countries-drop > li span::before { display: none; } .footCont li { max-width: 100%; } } @media screen and (max-width: 1000px) { span.footer-subscribenewsletteremail { width: 45%; } } @media screen and (max-width: 750px) { span.footer-subscribenewsletteremail { width: 50%; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .foot-social a.fb { background: url(https://www.manageengine.com/images/footer-icon-fb.svg) no-repeat; } .foot-social a.tw { background: url(../images/footer-icon-tw.svg) 0 3px no-repeat; } .foot-social a.in { background: url(../images/footer-icon-in.svg) no-repeat; } .foot-social a.gp { background: url(https://www.manageengine.com//images/footer-icon-gp.svg) 0 4px no-repeat; width: 25px; } .foot-social a.yt { background: url(../images/footer-icon-yt.svg) 0 4px no-repeat; } } @supports (-ms-accelerator: true) { .foot-social a.fb { background: url(https://www.manageengine.com/images/footer-icon-fb.svg) no-repeat; } .foot-social a.tw { background: url(../images/footer-icon-tw.svg) 0 3px no-repeat; } .foot-social a.in { background: url(../images/footer-icon-in.svg) no-repeat; } .foot-social a.gp { background: url(https://www.manageengine.com//images/footer-icon-gp.svg) 0 4px no-repeat; width: 25px; } .foot-social a.yt { background: url(../images/footer-icon-yt.svg) 0 4px no-repeat; } } /* 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; } /* new menu css */ .all-product, .download-btn, .free-tool a:after, .free-tool.market, .tab-right li { text-align: center; } .download-btn a, .tabs-nav a, nav ul.header-nav li .tab-title a:hover, nav ul.header-nav li a:hover { text-decoration: none; } #search-result-input, #search-result-input *, .col.col1, .col.col2, .division-list span, .download-btn, .download-btn a, .solutions .division-list li { box-sizing: border-box; } .division-list span, .free-tool img, .menu-icons, .search-btn img { vertical-align: middle; } #commonHeader { height: 96px; min-height: 96px; } #header-mainsec .head-container .fr { float: left; } nav ul.header-nav { margin-left: 100px; position: relative; } nav ul.header-nav > li { position: relative; margin: 0 5px; padding: 0; cursor: pointer; z-index: 99999; } nav ul.header-nav > li:first-child { padding: 0; margin-left: 20px; } nav ul.header-nav > li > span { padding: 15px 20px; z-index: 999; display: inline-block; position: relative; border-bottom: none !important; font-size: 15px; } .nav-list > div { width: 800px; top: 50px; background: 0 0; border: none; box-shadow: none; } .header-nav .nav-list > div.anims { z-index: 9999; overflow: visible; transition: all ease 0.5s; opacity: 1; visibility: visible; display: none; } .nav-list > div.anims.show { transform: translateY(0); z-index: 9999999; } .nav-list > div.header-search { width: 100%; background: #fff; } #product-list { padding-top: 0; } #product-list p.mbH { margin-top: 40px; } .tab-active .events-inner { width: 100% !important; } .download-btn { float: right; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.2s ease; width: 200px; height: 42px; margin-top: 6px; line-height: 22px; } .download-btn a { background: #fff; border: 1px solid #dd002c; display: inline-block; padding: 10px 5px; border-radius: 4px; color: #dd002c; text-transform: uppercase; font-family: "Zoho_Puvi_SemiBold"; font-size: 13px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; overflow: hidden; } .events .tabs-nav, .tabs-stage { border-bottom-right-radius: 4px; } .download-btn a .in-btn { z-index: 2; position: relative; } .download-btn a:hover { border-color: #dd002c; color: #fff; background: #dd002c; } .nav-drop:after { content: ""; display: table; clear: both; } .nav-drop, .nav-drop > div { display: none; } .nav-drop { width: 675px; height: 690px; border-radius: 4px; background: #fff; margin-top: 3px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.26); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.26); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.26); position: relative; will-change: all; transition-property: all; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; transform-origin: 50% -50px; transform: scale(-1, 0); opacity: 0; } .nav-drop:not(#product-menu) { height: 665px; } .nav-drop.show { opacity: 1; transform: translateY(0); } .nav-drop > div, .nav-drop > div > .dropdown-product { height: 100%; overflow: hidden; } #product-menu { transform: translateX(-25%) translateY(0); width: 1350px; } #solution-menu { transform: translateX(-20%) translateY(0); width: 1200px; } #customer-menu { transform: translateX(275px) translateY(0); width: 250px; } #support-menu { transform: translateX(395px) translateY(0); width: 550px; } #community-menu { transform: translateX(500px) translateY(0); width: 250px; } #community-menu.nav-drop > div.events, #customer-menu.nav-drop > div.company, #product-menu.nav-drop > div.products, #solution-menu.nav-drop > div.solutions, #support-menu.nav-drop > div.support, .tabs-nav a { display: block; } .nav-drop .nav-drop.expand { width: 920px; } .nav-drop:before { content: ""; position: absolute; left: 30px; top: -10px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #333; clear: both; z-index: 9999999; } .event .tabs-nav, .tabs-nav li { position: relative; } #product-menu.nav-drop:before { left: 396px; } #solution-menu.nav-drop:before { left: 430px; border-bottom-color: #fff; } .support .nav-drop:before { left: 190px; } .product-menu .nav-drop { transition: all ease 0.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; } .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; } .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; } .solutions .tabs-nav { width: 320px; max-width: 320px; min-width: 320px; } .solutions .tabs-stage { width: calc(100% - 322px); } .company .tabs-nav, .support .tabs-nav, .events .tabs-nav { height: calc(100% - 15px); width: 250px; max-width: 250px; min-width: 250px; } .company .tabs-stage, .support .tabs-stage, .events .tabs-stage { width: calc(100% - 252px); padding: 15px; } .product-menu .tabs-stage { width: 70%; } .event .tabs-nav, .tabs-nav li.fixed-event { width: 100%; border-bottom-right-radius: 4px; } .tabs-nav li { float: none; height: auto; margin-left: 0; } .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; } .tabs-nav li:not(.tab-active):hover { background: #484747; } .nav-drop .tabs-nav li.links.fixed-event { border-left: 0; } .tabs-nav li.fixed-event { margin: 0; text-align: center; position: absolute; bottom: 0; border-bottom-left-radius: 4px; padding: 0; height: 50px; } .nav-submenu ul li.fixed-event a { color: #fff; text-transform: uppercase; font-family: "Zoho_Puvi_SemiBold"; } .tabs-nav a { color: #fff; padding: 0 0; margin: 0 8px; cursor: pointer; position: relative; } .solutions .tabs-nav a { padding: 18px 0px 18px 15px; } .products .tabs-nav a, .solutions .tabs-nav a { border-bottom: 1px solid #434343; height: 100%; display: flex; align-items: center; } .products .tabs-nav a{ width: 100%; } #product-nav li { display: flex ; align-items: center; height: 4.8em; } .tabs-nav li:last-child a, .tabs-nav li.tab-active a { border: none; } .events .tabs-nav a, .company .tabs-nav .links a, .support .tabs-nav a, .company .tabs-nav a, .support .tabs-nav .links a { padding: 10px 20px 11px 20px; margin: 0; } .events .tabs-nav .fixed-event a { padding: 15px 20px 15px 8px; margin: 0; font-family: "Zoho_Puvi_SemiBold"; } div.nav-submenu ul.tabs-nav li a h3 { color: #fff; } div.nav-submenu ul.tabs-nav li.tab-active a h3 { color: #e04b3a; } div.nav-submenu ul.tabs-nav li.links a h3 { color: #fff; } .tabs-nav li:after { content: ">"; display: inline-block; position: absolute; right: 20px; color: #fff; top: 50%; transform: translate(-50%, -50%); } .tabs-nav li.links:after, .tabs-nav li.tab-active:after { display: none; } .tabs-nav h3 { font-size: 14px; margin: 0; padding-bottom: 0; font-family: "Zoho_Puvi_Medium"; line-height: 1.6; } .products .tabs-nav h3 { padding-left: 42px; font-size: 13px; } .products .tabs-nav h3 span { display: none; font-family: "Roboto Condensed"; font-size: 0.85em; color: #bcb6b6; margin-top: 2px; line-height: 1.4; } .products .tabs-nav .tab-active a h3 span { color: #696868; } .tabs-nav .me-solution { width: 32px; height: 32px; display: block; position: absolute; transform: translate(0, -50%); top: 50%; } #industry .division-list .me-solution, #itaudit .division-list .me-solution { margin: 0; display: inline-block; } .me-solution { background: url(https://www.manageengine.com/images/mesolutions-ico.svg) no-repeat; background-size: 400px; } .me-solution.sm-ico { background-position: 2px 2px } .me-solution.iam-ico { background-position: -41px 0 } .me-solution.uem-ico { background-position: -112px 0; background-size: 370px } .me-solution.itom-ico { background-position: -149px 1px; background-size: 370px } .me-solution.siem-ico { background-position: -75px 0; background-size: 380px } .me-solution.analytics-ico { background-position: -189px 2px; background-size: 370px } .me-solution.cloud-ico { background-position: -215px 3px; background-size: 350px } .me-solution.msp-ico { background-position: -274px 0; background-size: 380px } .me-solution.remote-ico { background-position: -303px 1px; background-size: 370px } .me-solution.cyber-ico { background-position: -341px 2px; background-size: 370px } .me-solution.healthcare-ico { background-position: 1px -35px; background-size: 380px } .me-solution.manufacture-ico { background-position: -40px -37px; background-size: 380px } .me-solution.education-ico { background-position: -75px -37px; background-size: 370px } .me-solution.govt-ico { background-position: -123px -41px } .me-solution.financial-ico { background-position: -165px -43px } .me-solution.cis-ico { background-position: -206px -40px } .me-solution.iso-ico { background-position: -247px -40px } .me-solution.e8-ico { background-position: -274px -36px; background-size: 380px } .me-solution.cyberessential-ico { background-position: -328px -40px } .me-solution.gdpr-ico { background-position: -371px -40px } .me-solution.ccpa-ico { background-position: -2px -81px } .me-solution.popia-ico { background-position: -82px -82px } .me-solution.lgpd-ico { background-position: -41px -82px } .me-solution.lowcode-ico { background-position: -124px -80px; } .me-solution.zero-ico{ background-position: -162px -80px; } .me-solution.employee-ex-ico { background-position: -331px -78px } .me-solution.trinidad-ico { background-position: -370px -78px } .me-solution.bermuda-ico { background-position: -41px -116px; } .me-solution.pcidss-ico { background-position: -207px -80px } .me-solution.nistcyber-ico { background-position: -250px -80px } .me-solution.jamaican-act-ico { background-position: -290px -76px } .me-solution.ai-enhanced-ico{ background-position: -83px -118px; } /* .me-solution.Argentina-ico { background: url(../images/Argentina.png) no-repeat; background-size: 100% 100%; } .me-solution.Peru-ico { background: url(../images/Peru.png) no-repeat; background-size: 100% 100%; } .me-solution.sm-ico { background-position: 2px 2px; } .me-solution.iam-ico { background-position: -41px 0; } .me-solution.uem-ico { background-position: -112px 0; background-size: 370px; } .me-solution.itom-ico { background-position: -149px 1px; background-size: 370px; } .me-solution.siem-ico { background-position: -75px 0; background-size: 380px; } .me-solution.analytics-ico { background-position: -189px 2px; background-size: 370px; } .me-solution.cloud-ico { background-position: -215px 3px; background-size: 350px; } .me-solution.msp-ico { background-position: -274px 0; background-size: 380px; } .me-solution.remote-ico { background-position: -303px 1px; background-size: 370px; } .me-solution.cyber-ico { background-position: -341px 2px; background-size: 370px; } .me-solution.healthcare-ico { background-position: 1px -35px; background-size: 380px; } .me-solution.manufacture-ico { background-position: -40px -37px; background-size: 380px; } .me-solution.education-ico { background-position: -75px -37px; background-size: 370px; } .me-solution.govt-ico { background-position: -123px -41px; } .me-solution.financial-ico { background-position: -165px -43px; } .me-solution.cis-ico { background-position: -206px -40px; } .me-solution.iso-ico { background-position: -247px -40px; } .me-solution.e8-ico { background-position: -274px -36px; background-size: 380px; } .me-solution.cyberessential-ico { background-position: -328px -40px; } .me-solution.gdpr-ico { background-position: -371px -40px; } .me-solution.ccpa-ico { background-position: -2px -81px; } .me-solution.popia-ico { background-position: -82px -82px; } .me-solution.lgpd-ico { background-position: -41px -82px; } .me-solution.lowcode-ico { background-position: -124px -80px; } .me-solution.zero-ico { background-position: -162px -80px; } */ .menu-icons { width: 20px; height: 20px; margin-right: 10px; position: relative; bottom: 1px; } .division-list .me-solution { width: 32px; height: 32px; margin: 0 auto; display: block; } /* .me-solution.remote-ico { background: url("https://www.manageengine.com/latam/images/rwm-ico.svg") no-repeat; background-position: 2px 6px; background-size: 28px; } .me-solution.sm-ico { background: url("https://www.manageengine.com/latam/images/itsm-ico.svg") no-repeat; background-position: 4px 0px; background-size: 24px; } .me-solution.iam-ico { background: url("https://www.manageengine.com/latam/images/iam-ico.svg") no-repeat; background-size: 19px; background-position: 5px 3px; } .division-list .me-solution.iam-ico { background-size: 20px; background-position: 5px 1px; } .me-solution.siem-ico { background: url("https://www.manageengine.com/latam/images/siem-ico.svg") no-repeat; background-position: 2px 1px; background-size: 26px; } .me-solution.uem-ico { background: url("https://www.manageengine.com/latam/images/uem-ico.svg") no-repeat; background-position: 3px 4px; background-size: 28px; } .me-solution.itom-ico { background: url("https://www.manageengine.com/latam/images/itom-ico.svg") no-repeat; background-position: 2px 3px; background-size: 28px; } .me-solution.analytics-ico { background: url("https://www.manageengine.com/latam/images/analytics-ico.svg") no-repeat; background-position: 2px 3px; background-size: 26px; } .me-solution.cloud-ico { background: url("https://www.manageengine.com/latam/images/cloud-sol-ico.svg") no-repeat; background-position: 1px 5px; background-size: 30px; } .me-solution.msp-ico { background: url("https://www.manageengine.com/latam/images/msp-ico.svg") no-repeat; background-position: 2px 1px; background-size: 28px; } .me-solution.lowcode-ico { background: url("https://www.manageengine.com/latam/images/mesolutions-ico.svg") no-repeat; background-size: 400px; background-position: -124px -80px; } .me-solution.cyber-ico { background: url("https://www.manageengine.com/latam/images/cybersecurity-ico.svg") no-repeat; background-size: 78%; } */ .menu-icons { width: 20px; height: 20px; margin-right: 10px; position: relative; bottom: 1px; } .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); } .nav-drop li:not(.tab-active):hover .menu-icons { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); } .tabs-nav .links h3 { display: inline-block; position: relative; } .tabs-nav p { font-size: 0.9em; margin: 8px 0 0; color: #c7c7c7; line-height: 1.3; display: none; } .tab-active { background: #fff; } .tabs-nav > li.links:hover { background: 0 0; } .tabs-nav > li.links.fixed-event:hover { background: #e04b3a; } .tab-active a h3 { color: #000; } .tabs-nav > li:hover p, .tabs-nav > li:not(.tab-active):hover h3 { color: #fff; } .tabs-nav > li.links h3:after { content: ""; display: block; background: #e04b3a; width: 0%; height: 3px; position: relative; top: 5px; transition: all ease 0.6s; } .free-tool a, .free-tool a:after { display: inline-block; font-size: 10px; } .tabs-nav > li.links:hover h3:after { width: 100%; } .products-lists { padding: 25px 20px 20px; } .tab-right { padding: 20px; background: #f2fbfc; margin-right: 12px; margin-top: 15px; border: 1px solid #f7f5f5; } .tab-right li { line-height: 1.5; } .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; } .solutions .free-tool { width: calc(100% - 370px); left: 320px; } .free-tool a:after { content: ""; width: 11px; height: 11px; margin-left: 5px; line-height: 13px; position: relative; top: 1px; background: url("https://www.manageengine.com/latam/images/external-links.svg") no-repeat; background-size: cover; } .free-tool a.download-link:after { background: url("https://www.manageengine.com/latam/images/sol-download.svg") no-repeat; background-size: 90%; width: 17px; height: 12px; } .free-tool a, .nav-list .free-tool a { font-family: "Zoho_Puvi_Medium"; padding: 7px 5px; margin-right: 10px; font-size: 12px !important; color: #000; position: relative; } .nav-list .free-tool a.download-link { padding: 10px 5px; } .free-tool a:hover { color: #e04b3a; } .free-tool.market a:after { display: none; } .free-tool.market a { padding: 9px 10px; background: 0 0; float: none; bottom: 10px; } .free-tool img { height: 32px; } a.link-right { margin-right: 20px; } .tab-right img { width: 50%; border-radius: 10px; display: block; margin: 10px auto; } .prd-menu .products-lists { padding: 15px 7px 7px; } .prd-menu .division-list { padding: 20px 12px 12px; overflow: hidden; } h2.tab-title { padding: 0 10px 0; color: #e02b45; margin-bottom: 0; margin-top: 0; line-height: 1.4; font-size: 14px; } .solutions h2.tab-title::after { content: ""; display: block; width: 100%; height: 1px; position: relative; top: 20px; margin-top: 0px; background: red; } .solutions h2.tab-title { margin-bottom: 30px; } .nav-list .tab-title a { color: #e02b45; text-decoration: none !important; cursor: unset; } 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;display: none; } .tab-descr:after { content: ""; display: block; width: 100%; height: 1px; background: red; position: relative; top: 20px; } .tab-title a { display: block; font-family: "Zoho_Puvi_Medium"; } .prd-menu span.hdng-desc { font-family: "Zoho_Puvi_Regular"; display: block; margin-top: 5px; font-size: 11px; color: #000; } .col.col1, .col.col2, .col.col3 { float: left; width: 33.3%; } .col.colspl { float: left; width: 66.6%; } .seperate { margin: 20px 0; } .products-lists li, .solutions .products-lists li { margin-bottom: 15px; } .products-lists li { color: #000; border-left: 2px solid #fff; z-index: 99; position: relative; } .products .col { min-width: 282px; } .products-lists.division-list li { border-left: 0; padding-left: 0; } .products-lists.division-list li:hover { border-left: 0; } .products-lists.division-list li:hover .me-solution, .products-lists.division-list li:hover img { -webkit-filter: invert(30%) grayscale(85%) brightness(74%) contrast(2); filter: invert(30%) grayscale(85%) brightness(74%) contrast(3); } .products-lists h3 { font-size: 1em; margin: 0; color: #000; } .products-lists p { margin: 0px 0 5px 0; line-height: 1.4; color: #2e2e2e; font-size: 11px; margin-top: 3px; } .products-lists a { font-family: "Zoho_Puvi_Medium"; display: block; } .products .products-lists a { font-family: "Zoho_Puvi_Regular"; color: #000; display: block; } .products .products-lists a span { display: inline-block; position: relative; margin: 0; line-height: 1.3; font-family: "Zoho_Puvi_Medium"; font-size: 14px; color: #000; } b.new-sticker { display: inline-block; background: #fcc651; padding: 2px 6px; font-size: 0.8em; position: absolute; top: -10px; right: -54px; color: #000; } b.new-sticker-sol { top: -16px; right: 13px; } b.new-sticker:before { content: ""; width: 9px; height: 9px; background: url("https://www.manageengine.com/latam/images/new-prd.svg") no-repeat; background-position: center; background-size: 99%; top: 1px; left: 0; display: inline-block; margin-right: 4px; } .products .products-lists li:hover a { color: #000; } .company .products-lists li:hover a, .products .products-lists li:hover a span, .solutions .products-lists li:hover a, .support .products-lists li:hover a { color: #e04b3a; } .company .products-lists a, .support .products-lists a { font-size: 14px; font-family: "Zoho_Puvi_Regular"; } .multi .descs { display: block; } .products .products-lists .multi a:not(.descs) { display: inline-block; margin: 0; line-height: 1.3; font-family: "Zoho_Puvi_Medium"; font-size: 14px; color: #000; } .all-product a, .help-product a, .related-product a { color: #fff; text-decoration: none; } .drop-bottom { width: 100%; position: absolute; bottom: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; overflow: hidden; } .all-product { width: 40%; float: left; background: #e04b3a; } .products .all-product { width: 420px; } .all-product a { font-family: "Zoho_Puvi_SemiBold"; display: block; padding: 15px 0; width: 100%; } .all-product a:hover { text-decoration: none; } .help-product, .related-product { width: 34%; float: left; padding: 15px 0; } .help-product { text-align: right; } .related-product a { font-size: 0.8em; padding-left: 30px; } .help-product a { font-size: 0.8em; } .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; } .nav-list > div.products { left: -80px; } .solution-sec ul { border-right: none; } .solutions .tabs-stage > div { min-width: 600px; } .products .tabs-stage > div { min-width: 670px; height: 100%; } .company .tabs-stage > div, .support .tabs-stage > div { min-width: 298px; } .solutions .division-list li { width: 33%; float: left; padding: 5px; margin-bottom: 40px; line-height: 30px; } .solutions #itdivision .division-list li, .solutions #businessUse .division-list li { margin-bottom: 0; } .solutions .division-list li a { font-size: 12px; } .division-list .svg-imgs { width: auto; display: inline-block; margin: 0 auto; vertical-align: middle; margin-right: 15px; height: 31px; } .division-list .education .svg-imgs { width: 34px; margin-top: -14px; margin-bottom: 12px; height: 40px; position: relative; top: 13px; } .division-list span { font-size: 12px; display: inline-block; position: relative; text-align: left; line-height: 1.4; font-family: "Zoho_Puvi_Medium"; vertical-align: middle; } #itdivision .division-list span:not(.me-solution, .solution-desc), #businessUse .division-list span:not(.me-solution, .solution-desc) { padding-left: 6px; width: calc(100% - 36px); } #itdivision .division-list span.solution-desc, #businessUse .division-list span.solution-desc { display: block; font-family: "Zoho_Puvi_Regular"; margin-top: 5px; min-height: 55px; font-size: 11px; color: #000; } #itdivision .division-list span, #businessUse .division-list span { display: inline-block; margin: 0; text-align: left; vertical-align: top; } .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; } .nav-list > div.support { left: -120px; } .industries-menu li { padding: 0; } #cloud li, #itsecurity li { min-width: 215px; } div#MEmobile { position: fixed; top: 25px; right: 15px; cursor: pointer; transform: translate3d(0, 0, 0); transition: transform 0.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: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.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); } .search-btn { width: 30px; height: 30px; position: absolute; right: 88px; top: 26px; display: none; cursor: pointer; } .search-btn img { display: block; margin: 5px auto; } #MEdropPanel { background: #333; } #MEmobPanel { top: 78px; } #MEmobPanel ul li { border: 1px solid; } #MEmobPanel a, #MEmobPanel span { color: #fffcfc; cursor: pointer; display: block; } #MEmobPanel .breadcrumbs span { display: inline-block; box-sizing: border-box; width: 100%; font-family: "Zoho_Puvi_Medium"; font-size: 15px; } #MEbackPanel { color: #b7b5b5; cursor: pointer; } #MEmobPanel a { display: block; } #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; } #search-result-input .MEmobListSearch { background: #e04b3a; } #free-trial, li.links.fixed-event { background: #e04b3a; text-align: center; } #MEmobListPrd > ul > li#all-product { background: #e04b3a; text-align: center; display: block !important; border: 0; } #MEdropPanel .links h3, #MEmobListCompany h3 { color: #fff; padding: 2px 10px !important; } div#MEbackPanel { position: absolute; top: 0; right: 0; opacity: 0; } .breadcrumbs { background: #2a2a2a; } #MEmobPanel .tab-active { background: 0 0; } #MEmobPanel #MEmobListCompany ul li.breadcrumbs span { color: #fff; font-size: 1em; font-family: "Zoho_Puvi_Medium"; } #MEmobPanel #MEmobListCompany h3, #MEmobPanel .tab-active h3 { color: #fff !important; } #MEmobPanel .tab-active h3 { margin: 0; font-size: 14px; padding: 10px 10px 0; font-family: "Zoho_Puvi_Medium"; } .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 0.5s ease 1 normal; -moz-animation: slidein 0.5s ease 1 normal; -o-animation: slidein 0.5s ease 1 normal; animation: slidein 0.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-family: "Zoho_Puvi_SemiBold"; padding: 10px 35px; border-radius: 4px; } .allprod-btn a:hover, .events-sec .evt-rigister-btn:hover, .explore-btn a:hover { background: #dd002c; } @media (min-width: 1000px) and (max-width: 1200px) { .download-btn a { padding: 10px 8px; } nav ul.header-nav { margin-left: 50px; } } @media screen and (min-width: 1024px) and (max-height: 750px) { .products .tabs-nav li{ margin-bottom: 3px; } .products .products-lists .multi a:not(.descs), .products .products-lists a span { font-size: 13px !important; } .products .products-lists a .dcnamechange { font-size: 11px !important; display: block; font-weight: 100; } #solution-menu.nav-drop, .nav-drop { height: 610px; } .nav-drop:not(#product-menu) { height: 582px; } .nav-list a { font-size: 13px; } .products .products-lists a, p.tab-descr { font-size: 12px; } .products .tabs-nav li { margin-bottom: 3px; } .products-lists { padding: 15px 20px 20px 40px; } .tab-opt .products-lists { padding: 5px 0 0; } .products .products-lists li { margin-bottom: 15px; } .tab-right li img { width: 60%; } .solutions .nav-drop { height: 540px; } .seperate { margin: 2px 0; } .products .tabs-nav a { padding: 0px 0px 0px 5px; margin: 0 2px 0 4px; } .menu-icons { width: 20px; height: 20px; } .tabs-nav h3 { font-size: 13px; } } @media screen and (min-width: 1300px) and (max-height: 750px) { #solution-menu.nav-drop, .nav-drop { height: 570px; } .tabs-stage { padding: 15px; } .products .tabs-nav a { padding: 0px 0px 0px 8px; margin: 0 8px; } .products .products-lists li { margin-bottom: 10px; } p.tab-descr { margin-bottom: 7px; } } .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, 0.25); } .c-ripple.is-active .c-ripple__circle { -webkit-animation: a-ripple 0.4s ease-in; animation: a-ripple 0.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-family: "Zoho_Puvi_Medium"; } #header-mainsec .bundle-box a:hover { text-decoration: none; } .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 0.3s; position: relative; top: 1px; } .bundle-box a:hover:after { color: #f23c2d; background: #fff; } .newlabel.prdmenu { position: absolute; background: red; padding: 1px 6px; border-radius: 5px; top: 2px; right: 120px; color: #fff; font-size: 0.8em; line-height: 1.8; } .Low-code-app .newlabel { position: absolute !important; background: red; padding: 3px 6px; border-radius: 5px; top: 0; right: 30px; color: #fff; font-size: 0.8em; } @media only screen and (max-width: 1380px) { .help-product, .related-product { width: 31%; } .products .products-lists a { font-size: 12px; } #product-menu { transform: translateX(-28%) translateY(0); width: 1250px; } #product-menu.nav-drop:before { left: 418px; top: -12px; border-bottom: 12px solid #fff; } .tabs-stage { padding: 20px 30px; } #solution-menu { transform: translateX(-25%) translateY(0); width: 1100px; } #solution-menu.nav-drop:before { left: 455px; top: -12px; border-bottom: 12px solid #fff; } #customer-menu.nav-drop.expand { transform: translateX(132px) translateY(0); } #customer-menu.nav-drop.expand:before { left: 190px; top: -12px; } #support-menu { transform: translateX(130px) translateY(0); } #support-menu.nav-drop:before { left: 292px; top: -12px; border-bottom: 12px solid #fff; } #community-menu { transform: translateX(440px) translateY(0); } #community-menu.nav-drop:before { left: 82px; top: -12px; } #itdivision .division-list span:not(.me-solution, .solution-desc), #businessUse .division-list span:not(.me-solution, .solution-desc) { font-size: 11px; } .solutions .free-tool { width: 100%; display: block; position: static; } } @media only screen and (max-width: 1152px) { .download-btn { display: none; } } @media only screen and (min-device-width: 1025px) and (max-device-width: 1114px) and (-webkit-min-device-pixel-ratio: 2) { .products .nav-drop { width: 840px; } #solution-menu.nav-drop { width: 790px; } .support-menu .nav-drop { width: 535px; } .company-menu .nav-drop.expand { width: 520px; } } @media only screen and (max-width: 1024px) { .products-lists { padding: 0; } .download-btn, h2.tab-title { display: none; } #search-result-input { width: 100%; } #commonHeader { min-height: 78px; height: 78px; } } @media only screen and (max-width: 1025px) { #MEmobListSup span br { display: none; } #MEmobListCompany li span, #MEmobListCompanyE li span, #MEmobListPrd li span, #MEmobListSup li span, #MEmobListSupi li span { display: block !important; } #MEmobListSup li:not(.breadcrumbs) span, #MEmobListSupi li:not(.breadcrumbs) span, #MEmobListSupo li:not(.breadcrumbs) span { padding: 0; } #MEmobPanel img.svg-imgs { width: 20px; height: 20px; float: left; margin-right: 10px; } h2.tab-title, p.tab-descr { display: none; } #search-result-input { width: 95%; } #product-nav { display: block !important; } #MEmobListCompany h3, #MEmobListSup h3, .links h3 { color: #000; display: inline-block; padding: 10px; cursor: pointer; text-decoration: none; margin: 0; font-family: "Zoho_Puvi_Medium"; font-size: 14px; } .products-lists { padding: 0; } .download-btn { display: none; } #header-mainsec .headerinner { height: 57px; } .prdLogo img { width: 180px; height: auto; } .headerinner .prdLogo { margin-top: 10px; } #fixedbtn, .top-links { bottom: -1px; left: 0; z-index: 999; } .foot-copy.container { margin-bottom: 30px; } #fixedbtn .contact, #fixedbtn .demo { float: left; width: 50%; height: 25px; } #MEdropPanel > ul > li > ul { overflow: scroll; } #MEdropPanel > ul > li > ul > li:nth-child(3) { margin-top: 42px; } #header-topsec { display: none; } #header-mainsec { top: 0; } #commonHeader { min-height: 78px; height: 78px; } span.solution-desc { font-size: 10px; line-height: normal; } #MEmobListPrd .MEmobprodDrop span { padding: 0; font-size: 10px; line-height: 1.4; } #MEdropPanel .links h3, #MEmobListCompany h3 { padding: 0 !important; } } @media only screen and (max-height: 435px) { #MEdropPanel > ul > li > ul { padding-bottom: 200px; } #MEdropPanel ul { overflow: scroll; padding-bottom: 50px; } } @media only screen and (max-width: 992px) { p.callback-text { padding: 0; margin: 0; } } @media only screen and (max-width: 650px) { #fixedbtn span { transform: translateX(0px); -webkit-transform: translateX(0px); } #MEdropPanel > ul > li > ul { overflow: scroll; padding-bottom: 200px; } #header-mainsec .headerinner.fixed .prdLogo img { margin-top: 2px; } } .nav-webinars { color: #333; display: inline-block; vertical-align: bottom; font-size: 1.1em; margin: 15px !important; cursor: pointer; } /* 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 0.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, 0.25882352941176473); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25882352941176473); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25882352941176473); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25882352941176473); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25882352941176473); position: relative; will-change: all; transition-property: all; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; transform-origin: 50% -50px; transform: translateX(0) translateY(0); } .prdct-drop .nav-list > div.anims.show { transform: translateY(0); z-index: 99; } .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 { 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; } #topsec-rhs .prdct-drop .tabs-nav li { float: none; height: auto; margin-left: 15px; margin-bottom: 8px; border-left: 4px solid #333; } .prdct-drop .tabs-nav li.tab-active, .prdct-drop .tabs-nav li:hover { border-left: 4px solid #e04b3a; } .prdct-drop .event .tabs-nav, .prdct-drop .tabs-nav li { position: relative; } .prdct-drop .tab-active { background: #fff; } #header-topsec .prdct-drop .tabs-nav a { color: #fff; padding: 15px 20px 15px 8px; font-size: 1.1em; cursor: pointer; text-decoration: none; } #header-topsec .prdct-drop .tabs-nav h3 { font-size: 14px; margin: 0; padding-bottom: 0; font-family: "Zoho_Puvi_Medium"; line-height: 1; color: #fff; } #header-topsec .prdct-drop .tab-active a h3 { color: #e04b3a; } .prdct-drop .tabs-nav p { font-size: 0.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: 0.9em; margin: 8px 0 0; color: #c7c7c7; line-height: 1.3; display: none; } .prdct-drop .drop-bottom { width: 100%; position: absolute; bottom: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; overflow: hidden; } .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-family: "Zoho_Puvi_SemiBold"; } #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 .tabs-stage { width: calc(100% - 252px); float: left; border-top-right-radius: 4px; height: 100%; } .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-family: "Zoho_Puvi_Medium"; 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-family: "Zoho_Puvi_Medium"; font-size: 14px; color: #000; } .prdct-drop h2.tab-title { font-size: 1.1em; padding: 20px 20px 0; color: #000; margin-bottom: 0; margin-top: 0; line-height: 1; } .prdct-drop p.tab-descr { margin-bottom: 10px; color: #000; padding-left: 20px; padding-right: 15px; margin-top: 0; font-size: 12px; text-align: left; } #header-topsec .prdct-drop .tab-title a { display: inline-block; font-family: "Zoho_Puvi_Medium"; line-height: 1; } #topsec-rhs .prdct-drop .prd-menu .products-lists { padding: 15px 20px 20px; border: none; overflow: hidden; } .products-header #topsec-rhs .prdct-drop .products-lists li { color: #000; border-left: 2px solid #fff; padding-left: 5px; position: relative; z-index: 99; line-height: 1.5; float: none; list-style: none; } .products-header #topsec-rhs .prdct-drop .products-lists li:hover { border-left: 2px solid #f23c2d; } .prdct-drop .tab-descr:after { content: ""; display: block; width: 100%; height: 1px; background: red; position: relative; top: 5px; } #header-topsec .prdct-drop .products .products-lists a, #header-topsec .prdct-drop .products .products-lists span { font-weight: 300; color: #000; font-size: 12px; line-height: 1.2; text-decoration: none; } #header-topsec .prdct-drop .products .products-lists a span { display: block; margin: 0; line-height: 1.3; font-family: "Zoho_Puvi_Medium"; font-size: 14px; color: #000; } #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: 0.9em; line-height: 1.2; } } @media screen and (min-width: 1024px) and (max-height: 680px) { .prdct-drop .nav-drop { height: 560px; } #header-topsec .prdct-drop .tabs-nav a { font-size: 1em; padding: 12px 20px 12px 8px; } } #itaudit .division-list .svg-imgs { width: auto; height: 31px; } .solutions .division-list li.brazil-menu, li.brazil-menu { display: none; } .prdLogo.me20logo a { display: inline-block; } .prdLogo.me20logo .me-20-logo img { width: 40px; position: relative; left: 10px; bottom: 0px; } .prdLogo.me20logo .me-logo-main img { width: 200px; } #header-mainsec .headerinner.fixed .prdLogo .me-20-logo img { width: 32px; margin: 0; left: 6px; bottom: -4px; } @media only screen and (max-width: 1025px) { .headerinner .prdLogo { width: 250px; } #header-mainsec .headerinner.fixed .prdLogo .me-20-logo img { width: 40px; left: 10px; bottom: 0; } #header-mainsec .headerinner.fixed .prdLogo img { width: 200px; margin: 0; } } #customer-menu { height: 400px !important; } #community-menu { height: 150px !important; } #support-menu { width: 250px; height: 250px !important; } #itdivision .division-list span:not(.me-solution), #businessUse .division-list span:not(.me-solution) { min-height: 52px; } .nav-drop:not(#product-menu) { height: 665px; } .division-list .me-solution { vertical-align: text-bottom; } .prdLogo.me20logo .me-20-logo img { width: 40px; position: relative; left: 10px; bottom: 6px; } .prdLogo.me20logo a { display: inline-block; } .headerinner .prdLogo { margin-top: 0; width: 250px; } .header-top-sec > ul.regional-languages-drop { width: 100%; position: relative; } .header-top-sec > ul.regional-languages-drop > li span { padding: 7px 0 7px 40px; border: 1px solid #979797; background: #222; display: block; cursor: pointer; position: relative; z-index: 3; } ul.regional-languages-drop > li span::after { content: ""; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #979797; position: absolute; right: 8px; top: 16px; display: block; -moz-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .header-top-sec > ul.regional-languages-drop > li span:hover { border: 1px solid #34ad65; } .top-header-regional-countries-list { position: absolute; top: 100%; left: 0; background: #f9f9f9; border: 1px solid #cbcdcf; border-radius: 0 0 4px 4px; padding: 10px 0; width: 100%; height: 153px; overflow-x: hidden; visibility: hidden; opacity: 0; transform: translateY(-2em); -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; z-index: 2; } .top-header-regional-countries-list li a { padding: 5px; color: #222; display: block; width: 100%; } .top-header-regional-countries-list li:hover a { text-decoration: none; background: #eee; } ul.regional-languages-drop li:hover .top-header-regional-countries-list { visibility: visible; opacity: 1; z-index: 999999; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } ul.regional-languages-drop > li:hover span::after { border-top: none; border-bottom: 5px solid #979797; } .products-new-header #topsec-rhs .top-regional-drop-down ul li { padding: 0 !important; width: 100%; box-sizing: border-box; } .top-regional-drop-down ul.regional-languages-drop > li span:after { top: 13px; } .top-regional-drop-down > ul.regional-languages-drop > li span { padding: 4px 30px 2px 30px; display: block; cursor: pointer; position: relative; z-index: 3; background: #fff; border: 1px solid #fff; } .top-regional-drop-down > ul.regional-languages-drop > li ul.regional-countries-list { height: 170px !important; } .top-regional-drop-down > ul.regional-languages-drop { list-style-type: none; border-bottom: none !important; } @-moz-document url-prefix() { #topsec-rhs ul li { padding: 2px 5px 2px 5px; } } .top-header-regional-countries-list { background: #1d2532; border: 1px solid #1d2532 !important; } .top-header-regional-countries-list li a { color: #fff !important; } .top-header-regional-countries-list li a:hover { background: #fff; color: #000 !important; } .products-new-header .nav-drop { transform: translateX(-20%) 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; 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: 100px !important; } #header-topsec .products-new-header .tabs-nav h3 { font-size: 13px; margin: 0; padding-bottom: 0; font-weight: 400; line-height: 1.4; } #header-topsec .products-new-header .products .tabs-nav h3 { padding-left: 42px; } .products-new-header .products .tabs-nav h3 span { display: block; font-family: "Roboto Condensed"; font-size: 0.73em; color: #bcb6b6; margin-top: 2px; line-height: 1; } ul.regional-languages-drop li { width: 100%; } ul.top-header-regional-countries-list li { padding: 0 !important; margin: 0; } ul.top-header-regional-countries-list { margin: 0 !important; border: none; } ul.regional-languages-drop li { margin: 0; padding: 0; } ul.regional-languages-drop li { padding: 0 !important; margin: 0 !important; } ul.top-header-regional-countries-list a { font-size: 0.8em !important; line-height: 20px !important; } span.me-solution.e9-ico{ background: url(/images/national-security-framework.svg); background-repeat: no-repeat; } .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: #838383; text-decoration: none; } .mef_foot_cols .mef_list_items { margin: 0; padding: 0; } .mef_foot_cols .mef_foot_title, .mef_social_title { font-family: "Zoho_Puvi_Medium"; font-size: 18px; margin: 0 0 20px; color: #fff; text-decoration: none; } .mef_foot_cols .mef_foot_title:before, .mef_foot_cols .mef_foot_title:after, .mef_social_title:before, .mef_social_title:after { display: none; } .mef_foot_cols .mef_list_items li a { font-family: "Zoho_Puvi_Regular"; font-size: 16px; margin: 0 0 14px; display: inline-block; position: relative; line-height: 1.4; } .mef_foot_cols .mef_list_items li a:before { content: ""; width: 0%; border-bottom: 1px solid #838383; position: absolute; top: 0; left: 0px; bottom: -4px; transition: width 0.5s; } .mef_foot_cols .mef_list_items li a:hover:before { width: 100%; } .mef_foot_cols .mef_list_items li:last-child a { margin: 0; } .mef_social_container { padding: 60px 0 0; } .mef_social_share { display: block; margin: 0 0 20px; } .mef_social_share a { height: 32px; width: 32px; border: 1px solid #fff; padding: 8px; margin: 0 12px 0 0; border-radius: 100%; display: inline-block; } .mef_social_share a:last-child { margin-right: 0; } .mef_social_share a.in { background: url(https://cdn.manageengine.com/images/footer-icon-in.svg) 50% 46%/45% no-repeat; } .mef_social_share a.tw { background: url(https://cdn.manageengine.com/images/footer-icon-tw.svg) 50% 52%/45% no-repeat; } .mef_social_share a.fb { background: url(https://cdn.manageengine.com/images/footer-sprite.svg) center no-repeat; background-size: 25% !important; } .mef_social_share a.insta { background: url(https://cdn.manageengine.com/images/ft-insta.png) center/45% no-repeat; } .mef_social_share a.yt { background: url(https://cdn.manageengine.com/images/footer-icon-yt.svg) center/45% no-repeat; } .mef_social_share a.in:hover { background-color: #0e76a8; } .mef_social_share a.tw:hover { background-color: #000; } .mef_social_share a.fb:hover { background-color: #4267b2; } .mef_social_share a.insta:hover { background: url(https://www.manageengine.com/images/ft-insta.png) center no-repeat, linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) center no-repeat; background-size: 45%, 100% !important; } .mef_social_share a.yt:hover { background-color: #ff0000; } .mef_me_copy { color: rgb(255 255 255 / 70%); margin: 0; line-height: 1.6; font-size: 14px; } .mef_me_copy b { font-family: "Zoho_Puvi_Bold"; } .mef_foot_bottom { background: #0f0f0f; padding: 40px 0; text-align: center; line-height: 1.8em; } .mef_foot_bottom_container .mef_foot_me_lists { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0; width: 75%; margin: 0 auto; } .mef_foot_bottom_container .mef_foot_me_lists>li>a, .mef_coun_name { padding: 0 20px; border-right: 1px solid #47484a; font-size: 14px; color: rgb(255 255 255 / 70%); 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: #828282; 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: #828282; } .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/images/global-drop-icon.svg") left / cover no-repeat; position: absolute; top: 50%; left: 30px; transform: translate(-50%, -50%); } .mef_coun_name:after { content: ""; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #207DDB; position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%); } .mef_regional_dropdown_container { right: 20px; position: absolute; width: 400px; height: 310px; bottom: 55px; text-align: left; display: none; } .mef_regional_dropdown_container.mef_country_dropshow { display: block; } .mef_regional_dropdown_box { overflow: scroll; width: inherit; height: inherit; background: rgb(255, 255, 255); border-radius: 5px; padding: 20px; border: 2px solid #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; } .mef_regional_dropdown_box::-webkit-scrollbar { display: block; height: 0; width: 4px; background: #f3ebeb } .mef_regional_dropdown_box::-webkit-scrollbar-thumb { background: #aeaeae; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px } .mef_regional_dropdown_container:before { border-width: 10px 8px 0px; content: ""; position: absolute; right: 14px; margin: auto; bottom: -10px; border-style: solid solid none solid; border-color: #fff transparent transparent transparent; } .mef_regional_dropdown_box>ul { display: flex; width: 100%; flex-wrap: wrap; padding: 0; margin: 0; } .mef_regional_dropdown_box>ul li { width: 50%; line-height: 1.2; margin: 6px 0px; } .mef_regional_dropdown_box>ul li a { font-size: 0.8em; padding: 3px 0px 3px 10px; text-decoration: none; color: #555; display: inline-block; } .mef_regional_dropdown_box>ul li.countryActive a { color: #056cb8; pointer-events: none; } .mef_regional_dropdown_box>ul li a:hover { color: #000; } @media only screen and (max-width:1500px) { .mef_foot_top .container, .mef_foot_bottom .container { max-width: 1200px; } .mef_foot_bottom_container .foot_me_lists { width: 85%; } .mef_foot_top_container .mef_foot_cols, .mef_foot_top_container .mef_foot_cols:nth-child(1) { margin-right: 30px; } } @media only screen and (max-width:1250px) { .mef_foot_top .container, .mef_foot_bottom .container { width: 90%; } .mef_foot_bottom_container .mef_foot_me_lists { width: 100%; } } @media only screen and (max-width:1200px) { .mef_foot_top_container { flex-wrap: wrap; } .mef_foot_cols { width: 33.33%; } .mef_promo_banners .mef_foot_cols:nth-child(1) { display: none; } .mef_social_container { padding-top: 40px; } .mef_foot_top_container .mef_foot_cols:last-child { flex-grow: 1; } .mef_foot_top_container .mef_foot_cols { margin-right: 30px; } .mef_foot_top_container.mef_more_cols .mef_foot_cols { flex: none; } .mef_foot_top_container.mef_more_cols .mef_foot_cols, .mef_foot_top_container.mef_more_cols .mef_foot_cols:nth-child(1) { margin: 0 5% 5% 0; width: 30%; } .mef_more_cols .mef_foot_cols:nth-child(3), .mef_more_cols .mef_foot_cols:last-child { margin-right: 0; } .mef_more_cols .mef_foot_cols:last-child { flex: none; } .mef_more_cols .mef_foot_cols:nth-child(n+4) { margin-bottom: 0; } } @media only screen and (max-width:1024px) { .mef_foot_top .container, .mef_foot_bottom .container { width: 96%; } } @media only screen and (max-width:992px) { .mef_social_share a { margin-bottom: 12px; } } @media only screen and (max-width:750px) { .mef_social_title { display: none; } .mef_foot_cols { width: 100%; border-bottom: 1px solid #47484a; } .mef_foot_top_container.mef_more_cols .mef_foot_cols, .mef_foot_top_container.mef_more_cols .mef_foot_cols:nth-child(1) { width: 100%; margin: 0; } .mef_foot_top_container .mef_foot_cols:last-child { border-bottom: none; } .mef_foot_top_container .mef_foot_cols { flex: auto; margin: 0; } .mef_social_container { text-align: center; padding-top: 50px; border-top: 1px solid #47484a; } .mef_foot_cols .mef_foot_title { padding: 25px 25px 25px 0; margin-bottom: 0; cursor: pointer; position: relative; } .mef_foot_cols .mef_foot_title:after { content: ""; display: inline-block; padding: 5px; position: absolute; right: 30px; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transition: all .3s ease; border: solid #999; top: 45%; border-width: 0 1px 1px 0; } .mef_foot_cols .mef_foot_title.active::after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .mef_foot_cols .mef_list_items { display: none; margin-bottom: 40px; } .mef_social_share a { margin: 0 15px 0 0; } .mef_reginaol-dropdown { margin: 20px 0 40px; display: block; width: 100%; border-width: 1px 0px 1px 0px; border-color: #47484a; border-style: solid; } .mef_coun_name { margin: 0; padding: 20px 30px 20px 45px; } .mef_foot_bottom_container .mef_foot_me_lists>li:nth-child(11)>a { border-right: 0; } .mef_foot_bottom .mef_copy_right { margin: 0; } .mef_regional_dropdown_box>ul { flex-direction: column; } .mef_regional_dropdown_box>ul li { width: 100%; } .mef_regional_dropdown_box>ul li a { padding: 4px 0; } .mef_regional_dropdown_box>ul li:first-child { margin-top: 0; } .mef_regional_dropdown_box>ul li:last-child { margin-bottom: 0; } .mef_regional_dropdown_container { width: auto; right: 32%; bottom: 85%; } .mef_foot_bottom_container .mef_foot_me_lists>li>a { padding: 0 12px; } } @media only screen and (max-width:390px) { .mef_social_share a { margin: 6px 12px; } .mef_regional_dropdown_container { right: 17%; } } @media only screen and (min-width:750px) { .mef_foot_cols .mef_list_items { display: block !important; } } @media only screen and (max-width: 1025px) { .products-new-header .prdLogo a { top: 0 } } /* header issue */ body .quickMenuFix, .sticky .tab-links-inner{top: 49px !important;} body .stickyfixed-header, body .featurmenufix, body .apm-promotion, body .recourcnavsec{top: 49px;} body .fixed-nav, body .stickyfixed-header, body .mdm.overview .bookmark.fixed, body .promo-flash, body .tab-tit.fix, body .dataTabToggle ul.sticky-toggle{top: 49px;} body .helpnavsec{position: static;} @media only screen and (max-width: 992px){body .promo-flash {top: 90px;}body .stickyfixed-header{top: 70px;}} .mef_foot_top, .mef_foot_top *, .mef_foot_bottom, .mef_foot_bottom * { -webkit-box-sizing: border-box !important;; /* Safari/Chrome */ -moz-box-sizing: border-box !important;; /* Firefox */ box-sizing: border-box !important; } .spotify { background: url(https://cdn.manageengine.com/es/images/footer-icon-spotify.svg) no-repeat 0 4px; background-size: 100%; background-position: center; border: none !important; }