@import url("https://www.manageengine.com/css/fonts.css");
html {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

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

body {
    margin: 0;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-family: Zoho_Puvi_Regular;
    overflow-x: hidden;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

embed,
img,
object,
video {
    max-width: 100%;
    height: auto;
}

video {
    width: 100%;
}

input:focus,
keygen:focus,
select:focus,
textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

input {
    border: 0;
    border-radius: 0;
}

.heading-menu {
    display: none;
}

#scroll {
    display: none;
}

.container-new {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 30px;
}

.space {
    padding: 100px 0px;
}

.container-new h1 {
    font: 42px/1.2 'Zoho_Puvi_Bold' !important;
    margin-bottom: 10px;
}

.container-new h2 {
    font: 30px/1.4 'Zoho_Puvi_Bold';
    margin: 40px 0px;
}

.container-new h3 {
    font: 26px/1.4 'Zoho_Puvi_SemiBold';
    margin: 40px 0px 20px 0px;
}

.container-new h4 {
    font: 24px/1.4 'Zoho_Puvi_SemiBold'
}

.container-new h5 {
    font: 20px/1.4 'Zoho_Puvi_SemiBold'
}

.container-new h6 {
    font-size: 16px
}

.container-new p {
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 30px;
}

.container-new a {
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 30px;
}

header:not(.abheader) #MEmobPanel {
    top: 82px !important;
}

.row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.col:not(.colspl) {
    flex-grow: 1;
    flex-basis: 0;
    margin: 0px 0px 0px 50px;
}

.banner-bg {
    background: #ebf8fe;
}

.banner p {
    margin: 0px auto 30px auto;
    font-size: 19px;
}

.banner a {
    display: inline-block;
    background: #ee4a44;
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 17px;
    font-family: 'Zoho_Puvi_Bold';
    max-width: 300px;
}

.section-heading {
    max-width: 65%;
    text-align: center;
    margin: 0px auto 50px auto !important;
}

p.breadcrumb {
    font-size: 14px !important;
    display: block;
    margin-top: 10px;
}

p.breadcrumb a {
    font-size: 14px !important;
    color: #484848;
    text-decoration: none;
}

p.breadcrumb a:hover {
    text-decoration: none;
}

a.breadcrumb-title {
    cursor: text;
    color: #3180d2 !important;
}

.pB20 {
    padding-bottom: 20px !important;
}

.mB20 {
    margin-bottom: 20px !important;
}

.pB10 {
    padding-bottom: 10px !important;
}

.mB10 {
    margin-bottom: 10px !important;
}

.pB0 {
    padding-bottom: 0px !important;
}

.mB0 {
    margin-bottom: 0px !important;
}

.mob {
    display: none
}

.dcview {
    display: block
}

.features-bg h2 {
    max-width: 70%;
    margin: 70px auto 100px auto;
    text-align: center;
}

span.mov-icons {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.icon {
    background-image: url(../../enterprise/images/icons-sprite.png);
    display: block;
}

.icon-1 {
    background-position: -983px -42px;
    width: 90px;
    height: 97px;
}

.icon-2 {
    background-position: -147px -27px;
    width: 108px;
    height: 108px;
}

.icon-3 {
    background-position: -285px -41px;
    width: 55px;
    height: 91px;
}

.wistia-video {
    max-width: 700px;
    display: block;
    margin: 0 auto;
}

p.disctxt {
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.tab-items {
    overflow: hidden;
}

.tab {
    text-align: center;
    margin-top: 50px;
}

.tabcontent {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0px 0px 0px
}

.tabcontent div {
    flex-grow: 1;
    flex-basis: 0;
    margin: 30px 50px;
}

button.tablinks {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    background-color: transparent;
    border: none;
    font-size: 17px;
    outline: none;
    font-family: 'Zoho_Puvi_SemiBold';
    cursor: pointer;
    padding: 10px 35px;
}

button.tablinks:hover {
    border: none;
    background: #e6f4ff;
    border-radius: 50px;
    color: #2293e8;
}

.tab button.active {
    background-color: #ccc;
    border-radius: 50px;
}

.tab button.active {
    background-color: #e6f4ff;
    color: #2293e8;
}

.tabcontent a {
    font-size: 14px;
    text-decoration: none;
    font-family: 'Zoho_Puvi_Medium';
    animation: effect1 0.4s ease-in;
    transition: 1s all;
    display: inline-block;
}

.tabcontent p {
    animation: effect1 0.4s ease-in;
    transition: 1s all;
}

.tabcontent h2 {
    animation: effect1 0.4s ease-in;
    transition: 1s all;
}

@keyframes effect1 {
    0% {
        transform: translateX(-100px);
    }
    100% {
        transform: translateX(0px);
    }
}

picture.screenshots {
    animation: effect2 0.4s ease-in;
    display: block;
}

@keyframes effect2 {
    0% {
        transform: translateX(100px);
    }
    100% {
        transform: translateX(0px);
    }
}

.litebluebg {
    background: #ebf8fe;
}

.litebluebg h2 {
    color: #000;
}

.col-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.col-items {
    text-align: center;
    flex-grow: 1;
    flex-basis: 0;
    margin: 0px 50px;
}

p.disclaimer-text {
    font-size: 12px;
    margin: 40px auto 0px auto;
    text-align: center;
    max-width: 50%;
}

.col-items .icon {
    margin: 0 auto;
    min-height: 136px;
}

.icon-4 {
    background-position: -280px 0px;
    width: 140px;
    height: 135px;
    background-size: 1000px;
}

.icon-5 {
    background-position: -410px 0px;
    width: 135px;
    height: 135px;
    background-size: 1000px;
}

.icon-6 {
    background-position: -505px 15px;
    width: 140px;
    height: 135px;
    background-size: 900px;
}

.col-main-wrapper {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
}

.col-sub-wrapper {
    flex-grow: 1;
    flex-basis: 0;
}

.privacy-security a {
    text-align: center;
    display: block;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Zoho_Puvi_Medium';
    display: block;
    margin: 50px 0px 0px 0px;
}

ul.list-items li {
    position: relative;
    margin-bottom: 15px;
    line-height: 1.6;
    padding-left: 25px;
    font-size: 18px;
}

ul.list-items li:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #00bcee;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

ul.certifications-list {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

ul.certifications-list li {
    min-width: 30%;
    margin: 25px;
}

ul.certifications-list li span {
    margin: 0 auto;
}

.icon-7 {
    background-position: -24px -208px;
    width: 192px;
    height: 103px;
}

.icon-8 {
    background-position: -897px -231px;
    width: 100px;
    height: 100px;
}

.icon-9 {
    background-position: -777px -472px;
    width: 177px;
    height: 100px;
}

.icon-10 {
    background-position: -671px -225px;
    width: 198px;
    height: 108px;
}

.clients-bg {
    background: #ebf8fe;
}

ul.clients-list {
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.clients-list li {
    margin: 0px 40px;
}

ul.exp-users li {
    margin: 0px;
}

ul.clients-list span {
    display: block;
    margin: 0 auto;
}

.clients a {
    text-align: center;
    display: block;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Zoho_Puvi_Medium';
    display: block;
    margin: 50px 0px 0px 0px;
}

.client1 {
    background-position: -31px -391px;
    width: 179px;
    height: 38px;
}

.client2 {
    background-position: -269px -376px;
    width: 144px;
    height: 63px;
}

.client3 {
    background-position: -473px -385px;
    width: 171px;
    height: 50px;
}

.client4 {
    background-position: -703px -372px;
    width: 78px;
    height: 78px;
}

.gartner {
    background-position: -1004px -39px;
    width: 100px;
    height: 103px;
}

.pinkverify {
    background-position: -30px -481px;
    width: 220px;
    height: 85px;
}

.insights {
    background-position: -511px -462px;
    width: 250px;
    height: 129px;
}

.testmonial {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
}

.testimonial-col {
    flex-grow: 1;
    flex-basis: 0;
}

.testmonial p {
    font-size: 21px;
    font-family: 'Zoho_Puvi_Medium';
    max-width: 80%;
    margin-bottom: 20px;
}

.testmonial a {
    font-size: 14px;
    text-decoration: none;
    font-family: 'Zoho_Puvi_Medium';
    animation: effect1 0.4s ease-in;
    transition: 1s all;
    display: inline-block;
}

p.author-name {
    font-size: 14px;
}

.compliance-bg {
    background: #ebf8fe;
}

.compliance a {
    /*display: inline-block;*/
    background: #ee4a44;
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 17px;
    font-family: 'Zoho_Puvi_Bold';
}

.center {
    text-align: center;
}

.compliance h2 {
    margin-bottom: 10px !important;
}

.compliance p {
    max-width: 55%;
    margin: 0 auto 30px auto;
    text-align: center;
}

span.arrow-animation {
    display: inline-block;
}

.tabcontent a:hover .arrow-animation,
.box a:hover .arrow-animation,
.clients a:hover .arrow-animation,
.testmonial a:hover .arrow-animation,
.deploy a:hover .arrow-animation,
.experts a:hover .arrow-animation,
.watch-video-button:hover .arrow-animation,
.privacy-security a:hover .arrow-animation {
    transform: translateX(5px);
    transition: all .3s ease;
}


/*popup video*/

.watch-video-button {
    cursor: pointer;
    display: block;
    max-width: 300px;
    text-align: center;
}

.watch-video-button a {
    font-size: 14px;
    text-decoration: none;
    font-family: 'Zoho_Puvi_Medium';
    animation: effect1 0.4s ease-in;
    transition: 1s all;
    display: inline-block;
    color: #138cd6;
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 75% !important;
    transform: translate(-50%, -50%);
    z-index: 999999;
}

.popup img {
    margin: 0 auto;
    display: block;
}

.cancel {
    cursor: pointer;
    height: 65px;
    position: fixed;
    right: 10px;
    top: 10px;
    width: 65px;
    z-index: 999999;
    display: none;
}

.bg-overlay {
    background: #000000e8;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999;
    position: fixed;
    display: none;
}


/*popup video*/

.deploy-bg {
    background: #e6faff;
}

.deploy a {
    font-size: 14px;
    text-decoration: none;
    font-family: 'Zoho_Puvi_Medium';
    animation: effect1 0.4s ease-in;
    transition: 1s all;
    display: inline-block;
}

.deploy p {
    font-size: 21px;
    font-family: 'Zoho_Puvi_Medium';
    margin-bottom: 20px;
}

.experts a {
    text-align: center;
    display: block;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Zoho_Puvi_Medium';
    margin: 50px 0px 0px 0px;
}

p.logo-text {
    text-align: center;
    max-width: 56%;
    margin: 10px auto 0px auto;
}

.banner .col img {
    animation: fadein 1s ease-in-out;
}

@keyframes fadein {
    0% {
        transform: translateY(50px)
    }
    100% {
        transform: translateY(0px)
    }
}

.animation {
    opacity: 0;
    transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -moz-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
}

.active-anim .animation {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: inherit;
}

.animation-left {
    opacity: 0;
    transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -moz-transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
}

.active-anim .animation-left {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: inherit;
}

.animation-right {
    opacity: 0;
    transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -moz-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
}

.active-anim .animation-right {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: inherit;
}

.delay1 {
    opacity: 0;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
}

.active-anim .delay1 {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: inherit;
}

.delay2 {
    opacity: 0;
    transition: all ease 0.75s;
    -webkit-transition: all ease 0.75s;
    -moz-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
}

.active-anim .delay2 {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: inherit;
}

.delay3 {
    opacity: 0;
    transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -moz-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
}

.active-anim .delay3 {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: inherit;
}

.delay4 {
    opacity: 0;
    transition: all ease 1.25s;
    -webkit-transition: all ease 1.25s;
    -moz-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
}

.active-anim .delay4 {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: inherit;
}

.delay5 {
    opacity: 0;
    transition: all ease 1.5s;
    -webkit-transition: all ease 1.5s;
    -moz-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
}

.active-anim .delay5 {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: inherit;
}

picture.screenshots {
    max-width: 80%;
    margin: 0 auto;
}

@media only screen and (max-width:1024px) {
    .container-new h1 {
        font: 30px/1.2 'Zoho_Puvi_Bold' !important;
        margin-bottom: 10px;
    }
    .features-bg h2 {
        max-width: 80%;
        margin: 70px auto 70px auto;
        text-align: center;
    }
    .section-heading {
        max-width: 100%;
    }
    .col-main-wrapper {
        flex-wrap: wrap;
    }
    .col-sub-wrapper {
        flex-grow: inherit;
        flex-basis: inherit;
    }
    .certifications-list span.icon {
        margin: 0 auto;
    }
    ul.certifications-list li {
        min-width: 10%;
        margin: 35px;
    }
    .testimonial-col {
        flex-grow: 1;
        flex-basis: 0;
        padding: 0 20px;
    }
    .testmonial p {
        max-width: 100%;
    }
    .compliance p {
        max-width: 100%;
    }
    ul.clients-list li {
        margin: 40px;
    }
}

@media only screen and (max-width:768px) {
    .mob {
        display: block;
        text-align: center;
        padding: 50px 0;
        max-width: 500px;
        margin: 0px auto;
    }
    .dcview {
        display: none
    }
    .col:not(.colspl) {
        flex-grow: 1;
        flex-basis: 0;
        margin: 0px 0px 0px 0px;
    }
    .banner {
        flex-direction: column-reverse;
        text-align: center;
    }
    .banner a {
        margin: 0px auto 30px auto;
    }
    .watch-video-button {
        max-width: 100%;
    }
    img.anim {
        margin-top: 50px;
        max-width: 300px;
    }
    .container-new.deploy {
        padding: 0 30px;
    }
    ul.certifications-list li {
        min-width: 30%;
        margin: 40px;
    }
    .tab {
        display: none;
    }
    .tabcontent {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin-bottom: 60px;
    }
    .tabcontent div {
        flex-grow: inherit;
        flex-basis: 100%;
        margin: 0px;
    }
    .col-wrapper {
        flex-wrap: wrap;
    }
    .col-items {
        flex-grow: inherit;
        flex-basis: 100%;
        margin: 30px 0px;
    }
    .testmonial {
        flex-wrap: wrap;
    }
    .testimonial-col {
        flex-grow: inherit;
        flex-basis: 100%;
        margin: 20px 0px;
    }
    .row {
        flex-wrap: wrap;
        justify-content: center;
        display: block;
    }
    .col {
        flex-grow: inherit;
        flex-basis: inherit;
        margin: 0px;
    }
    p.disclaimer-text {
        max-width: 100%;
    }
}

@media only screen and (max-width:667px) {
    #workflows,
    #virtual-agent,
    #customizations,
    #itsm,
    #itops {
        display: block
    }
    .space {
        padding: 50px 0px;
    }
    p.breadcrumb {
        display: none
    }
    .features-bg h2 {
        max-width: 100%;
        margin: 50px auto 0 auto;
        text-align: center;
    }
    .testimonial-col {
        margin: 0;
        padding: 0;
    }
    ul.clients-list {
        flex-wrap: wrap;
        flex-direction: column;
    }
}