.af {
    font-family: 'ZohoPuvi';
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    /* width: 100%; */
}




.af * {
    box-sizing: border-box;
    font-weight: 300;
}

.af p,
.af a,
.af li,
.af td,
.af td,
.af span,
.af label {
    line-height: 24px;
    font-size: 14px
}

.af h1,
.af h2,
.af h3,
.af h4,
.af h5,
.af h6 {
    margin: 0;
    color: #000;
}

.af ul {
    padding-left: 0;
    margin: 0
}

.af li {
    list-style-type: none
}

.af a {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.af a:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.af div,
.af a,
.af ul,
.af li,
.af input,
.af p,
.af h1,
.af h2,
.af span {
    box-sizing: border-box
}

.af div {
    box-sizing: border-box;
    float: left;
}

.af {
    width: 100%;
    display: inline-block;
}

.ac {
    margin: 0 auto;
    position: relative;
    max-width: 1200px;
    float: initial !important;
}

@media screen and (max-width: 1220px) {
    .ac {
        max-width: 95%;
    }
}

#commonHeader {
    min-height: 93px;
}

#btmBar ul li {
    width: 24%;
}

nav ul.productmenu>li {
    padding: 0 10px 25px
}

nav ul.productmenu>li span {
    cursor: default;
}

nav ul.productmenu {
    margin-bottom: 0
}

footer {
    float: left;
    width: 100%
}

.mmsp-mmenu {
    transition: all .5s ease;
    position: fixed;
    background: #fff;
    z-index: 9;
    top: 95px;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

.mmsp-mmenu.act {
    opacity: 1;
    visibility: visible
}

.menubg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00000096;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: none
}

.mmsp-mmenu.act .bg {
    opacity: 1
}

.mmsp-mmenu.act .inn {
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible
}

.mmsp-mmenu .inn {
    width: 100%;
    background: #fff;
    z-index: 3;
    position: absolute;
    transition: all .3s ease;
    transform: translateY(40px);
    opacity: 0;
    visibility: hidden
}

.menu-start {
    width: 100%;
    text-align: left;
    padding: 50px 0
}

.menu-start .lhs {
    width: 60%;
    padding: 0 50px 0 0
}

.menu-start .lhs ul {
    float: left;
    width: 33.3333%;
    padding: 0 20px 0 0
}

.menu-start .lhs ul li {
    padding-bottom: 10px
}

.menu-start .lhs ul li h4 {
    font-weight: 500;
    font-size: 15px;
    color: #333;
    margin: 0 0 15px
}

.menu-start .lhs ul li a {
    padding-left: 3px;
    color: #4B4B4B;
    font-size: 14px;
    display: inline-block;
    line-height: 21px;
    position: relative
}

.menu-start .lhs ul li a:after,
.menu-start .lhs ul li a:before,
.menu-start .ebook .book-rhs .more:before,
.menu-start .ebook .book-rhs .more:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 1.5px;
    background: #626262;
    display: inline-block;
    right: -17px;
    top: 7px;
    transition: all .5s ease
}

.menu-start .lhs ul li a:after,
.menu-start .ebook .book-rhs .more:after {
    transform: rotate(-45deg);
    top: 12px
}

.menu-start .lhs ul li a:before,
.menu-start .ebook .book-rhs .more:before {
    transform: rotate(45deg)
}

.menu-start .lhs ul:nth-child(1) li:nth-child(2) a:before {
    right: 5px;
}

.menu-start .lhs ul:nth-child(1) li:nth-child(2) a:after {
    right: 5px;
}

.menu-start .ebook .book-rhs .more:before {
    top: 5px;
    background: #CE1500
}

.menu-start .ebook .book-rhs .more:after {
    top: 10px;
    background: #CE1500
}

.menu-start .lhs ul li a:hover {
    color: #148de4;
    padding-left: 3px
}

.menu-start .lhs ul li a:hover:before,
.menu-start .lhs ul li a:hover:after {
    background: #148de4
}

.menu-start .rhs {
    width: 40%;
    padding: 0 0 0 50px
}

.menu-start .rhs h4 {
    font-weight: 500;
    font-size: 15px;
    color: #333;
    margin: 0 0 25px
}

.menu-start .ebook {
    width: 100%
}

.menu-start .ebook .book {
    width: 175px;
    float: left
}

.menu-start .ebook .book img {
    width: 175px;
    border: 1px solid #e7e7e7;
}

.menu-start .ebook .book-rhs {
    width: calc(100% - 175px);
    padding: 0 0 0 30px
}

.menu-start .ebook .book-rhs .web {
    color: #333
}

.menu-start .ebook .book-rhs p {
    font-size: 15px;
    font-weight: 400
}

.menu-start .ebook .book-rhs .more {
    color: #CE1500;
    position: relative
}

.menu-start .ebook .book-rhs .more:hover {
    padding-left: 3px
}

.af.foot {
    background: #eef0f3;
    padding: 70px 0 60px
}

.foot-com img {
    width: 100%;
    max-width: 270px;
    margin-bottom: 15px
}

.foot-com div {
    padding: 0 40px
}

.foot-com div h4 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 15px
}

.foot-com ul {
    margin-bottom: 20px
}

.foot-com ul li {
    padding: 0 0 12px
}

.foot-com ul li a {
    font-size: 14px;
    color: #333
}

.foot-com ul li a:hover {
    color: #0fa9dc;
    text-decoration: underline
}

.foot-1 {
    width: 35%
}

.foot-2 {
    width: 65%;
    padding-left: 60px
}

@media screen and (max-width:1150px) {

    .menu-start .lhs ul li a:after,
    .menu-start .lhs ul li a:before {
        display: none
    }
}

@media screen and (max-width:992px) {
    .mmsp-mmenu {
        display: none
    }

    .menu-start .lhs {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .foot-1 {
        width: 100%;
        padding-bottom: 30px
    }

    .foot-2 {
        width: 100%;
        padding-left: 0
    }

    .foot-com div {
        padding: 0 40px 0 0
    }
}

#prdLogo {
    background: url(../images/log360-sprite.png) no-repeat 0 0;
    height: 30px;
    width: 180px
}

#freedload a {
    padding: 12px 0 12px 1px !important;
}

#scroll ul {
    padding: 0;
}

.bannerflex {
    background: #E1E6E9
}

.bnrtxt1 {
    font-size: 30px;
    line-height: 45px;
    margin: 0 0 20px
}

.bnrtxt3 {
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 20px
}

.prdbnr1 {
    top: 78px;
    left: 0
}

a.bnrDwn {
    background: #e9142b;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    padding: 10px 20px 12px 15px;
    display: inline-block;
    border-radius: 5px;
    margin: 20px 0 0
}

a.bnrDwn:hover {
    background: #e3142b;
    text-decoration: none
}

.h2,
h2 {
    font-size: 25px;
    line-height: 34px;
    margin: 20px 0 30px;
}




/* LHS Related Products */
#scroll ul.relPrd {
    line-height: 1.2em;
    list-style-type: none;
    padding: 0;
    width: 250px;
}

#scroll ul.relPrd>li>span {
    color: #000000;
    display: inline-block;
    font-weight: bold;
    padding: 10px 0;
}

#scroll ul.relPrd li ul li span {
    margin-right: 18px;
}

#scroll ul.relPrd li ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#scroll ul.relPrd li ul li {
    border-top: 1px solid #ECECEC;
    color: #000000;
    font-size: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-indent: 10px;
    height: 30px;
    overflow: hidden;
}

#scroll ul.relPrd li ul li:hover .product-quick-name {
    color: #7BBB2A;
    transition-duration: 0.3s
}

#scroll ul.relPrd li a {
    color: #000000;
    text-decoration: none;
    line-height: 30px;
    display: block;
    width: 250px;
}

#scroll ul.relPrd li a.product-expanded-name {
    font-size: 10px;
    color: #777;
    border-radius: 2px;
    padding: 3px 10px 3px 0;
    margin: 0px 0 5px;
    width: auto !important;
    line-height: 12px;
    height: auto;
}

/* LHS banner */
.lbannercon {
    margin: 20px 20px 20px 0;
    overflow: hidden;
    width: 220px
}

.flex-control-nav {
    margin: 0 0 -15px 0;
    right: 0;
    z-index: 9;
    left: 0;
}

.lbannercon ul,
.lbannercon ul li {
    height: 230px;
    list-style: none;
    margin: 0;
    padding: 0 !important;
}

.lbannercon ul.flexBnrslides li img {
    max-width: 170px;
}




/* Table */
table.editionTable {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    margin: 20px auto
}

table.editionTable thead tr th {
    padding: 0.6em;
    background-color: #ECEDEE;
    text-align: center;
    font-size: 18px;
    border: 1px solid #E5E5E5;
    line-height: 20px
}

table.editionTable thead tr th span {
    font-size: 10px;
    line-height: 12px !important
}

table.editionTable tbody tr td:first-child {
    background-color: #f8f8f8;
    text-align: left
}

table.editionTable td {
    vertical-align: middle;
    padding: 0.6em;
    width: 32%;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    text-align: center
}

table.editionTable td:first-child {
    width: 27%
}

table.editionTable tfoot td {
    font-weight: bold;
    text-align: center;
    background-color: #ECEDEE
}

table.editionTable tfoot td:first-child {
    text-align: left
}

.edibox {
    background: #f6f6f6
}

.red {
    color: #F00
}

/* Support */
.supHead {
    background: #ddd;
    display: inline-block;
    padding: 2px 10px;
    font-size: 16px;
}

.supBox {
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 12px;
}

/* Get Quote */
.getqtTbl {
    width: 60%;
    border: 1px solid #ccc;
    margin: 20px 0
}

.getqtTbl td {
    width: 50%;
    padding: 10px
}

.getqtTbl .formheader {
    background: #efefef;
    text-align: center
}

.getqtTbl .formfooter {
    background: #efefef;
    text-align: center
}

.getqtTbl input,
.getqtTbl select {
    width: 90%;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #efefef;
    font-size: 14px
}

.getqtTbl select {
    height: 30px;
    width: 100%
}

.getqtTbl input:focus,
.getqtTbl select:focus {
    background: #eaeaea
}

.getqtTbl .formfooter input {
    background: #424F56 !important;
    height: auto;
    width: auto;
    padding: 10px 20px;
    color: #fff
}

/* Download Page */
.prodDownbtnWin {
    background: url(https://www.manageengine.com/images/win-lin.png) no-repeat -6px -5px;
    display: inline-block;
    height: 29px;
    width: 28px;
    margin: 15px
}

.prodDownbtnBg {
    color: #FFFFFF;
    display: inline-block;
    font-size: 28px;
    height: 40px;
    padding: 10px
}

.prodDownbtnArw {
    background: url(https://www.manageengine.com/images/dwn-arrow.gif) no-repeat 0 0;
    display: inline-block;
    height: 60px;
    width: 43px;
    margin-right: 5px
}

.prodDownbtn {
    display: inline-block;
    padding: 60px 0 10px
}

.prodDownbtn a {
    background: #e9142b;
    display: inline-block;
    border-radius: 5px
}

.prodDownbtn a:hover {
    background: #e3142b
}

.prodDownbtn a:hover .prodDownbtnArw {
    background: url(https://www.manageengine.com/images/dwn-arrow-hover.gif) no-repeat 0 0
}

.prodDownbtnsml {
    font-size: 12px
}

.prodDownbtn {
    padding-top: 20px
}

/* Download Page */
.ctaContainer {
    text-align: center;
    margin: 20px 0 40px;
    padding: 20px 10px 30px;
    background: #dbf3ff;
}

.ctaContainer h2 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 24px;
    font-weight: 500;
}

.ctaContainer .wam-form .selectedCountry {
    text-align: left;
}

.ctaContainer .wam-form .selectedCountry:before {
    content: "";
    width: 1px;
    height: 60%;
    background: #9c9ca0a1;
    position: absolute;
    left: -11px;
    top: 0
}

.ctaContainer select#country_state {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0) !important;
    background-position: calc(100% - 20px) calc(1em + 5px), calc(100% - 15px) calc(1em + 5px), calc(100% - 2.5em) .5em !important;
    background-size: 6px 5px, 5px 5px, 1px 1.5em !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    top: 0;
    margin-top: 0 !important;
    box-shadow: none
}

.ctaContainer .wam-form.us-form {
    width: 625px
}

.ctaContainer .wam-form.us-form ul li:nth-child(2) {
    width: 177px;
    background: #fff;
    height: 42px
}

.ctaContainer .wam-form.us-form ul li:nth-child(1) {
    width: 220px
}

.ctaContainer .wam-form.us-form ul li:nth-child(2) .cont {
    width: 50px;
    float: left;
    position: absolute;
    left: 0;
    top: 0
}

.ctaContainer .wam-form.us-form ul li:nth-child(2) [name='state'] {
    width: calc(100% - 52px) !important;
    float: right;
    opacity: 1;
    font-size: 14px
}

.ctaContainer .wam-form.us-form .selectedCountry {
    display: inline-block;
    left: 0;
    text-align: left
}

.ctaContainer .wam-form.us-form .selectedCountry:after {
    content: "";
    width: 1px;
    height: 60%;
    background: #9c9ca0a1;
    position: absolute;
    right: 8px;
    top: 0;
    z-index: 1
}

.ctaContainer .ffw-errmsg {
    position: absolute;
    top: -25px;
    background: none;
    color: red;
    padding: 0 5px;
    font-size: 12px;
    left: 0;
    width: calc(100% + 80px);
    display: none;
    z-index: 11;
    text-align: left
}

.ctaContainer .us-cont .ffw-errmsg {
    width: max-content
}

.ctaContainer span {
    font-size: 11px;
    margin-top: 7px;
    font-style: italic
}

.ctaContainer .wam-form {
    margin: 0 auto;
    display: table;
    width: 472px
}

.ctaContainer .wam-form ul {
    margin: 0;
    padding: 0 !important
}

.ctaContainer .wam-form ul li {
    list-style-type: none;
    float: left;
    background: #fff
}

.ctaContainer .wam-form ul li:nth-child(1) {
    width: 170px;
    border: 1px solid #dedede;
    position: relative;
    border-right: 0;
    border-radius: 4px 0 0 4px
}

.ctaContainer .wam-form ul li:nth-child(1) span {
    position: absolute;
    background-size: 389px;
    width: 23px;
    height: 15px;
    padding-right: 20px;
    margin: 15px 0 0 10px;
    z-index: 99;
    background-position: 0 -272px
}

.ctaContainer .wam-form ul li:nth-child(1) span::after {
    content: '';
    width: 1px;
    height: 25px;
    position: absolute;
    background: #dedede;
    top: -6px;
    left: 30px
}

.ctaContainer .wam-form ul li input {
    width: 100%;
    height: 42px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    color: #2b2b2b;
    background: none
}

.ctaContainer .wam-form ul li:nth-child(1) input {
    font-size: 16px;
    position: relative;
    border-radius: 15px
}

.ctaContainer .wam-form ul li:nth-child(1) input::placeholder {
    color: #889196
}

.ctaContainer .wam-form ul li:nth-child(2) {
    width: 50px;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    position: relative
}

.ctaContainer .wam-form ul li:nth-child(2):before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #adadad;
    margin: 22px 0 0 29px;
    z-index: 0;
    right: auto;
    left: 8px;
}

.ctaContainer .selectedCountry {
    width: 60px;
    height: 36px;
    position: absolute;
    color: #6e6e6e;
    font-size: 16px;
    margin: 10px 0 0 7px
}

.ctaContainer .wam-form ul li select {
    width: 100%;
    height: 42px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 0;
    font-size: 15px;
    outline: none;
    background: #fff;
    margin: 0;
    background: none;
    z-index: 9;
    position: relative;
    color: #6e6e6e;
    font-size: 12px;
    opacity: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

.ctaContainer .wam-form ul li:nth-child(3) {
    border: 0;
    padding-left: 0
}

.ctaContainer .wam-form ul li input[type="submit"] {
    background: #d22222;
    color: #fff;
    padding: 0 30px;
    cursor: pointer;
    font-weight: 600;
    text-transform: capitalize;
    height: 44px;
    border: 0;
    outline: none;
    border-radius: 0 4px 4px 0;
    transition: all .5s ease
}

.ctaContainer .wam-form ul li input[type="submit"]:hover {
    background: #c11818;
    transition: all .5s ease
}

.ctaContainer .wam-form ul li:nth-child(4) {
    background: none;
    width: 100%;
    margin-top: 15px;
    border: 0
}

.ctaContainer .dwn-priv {
    color: #353535;
    font-size: 11px;
    margin-top: -8px;
    line-height: 16px
}

.ctaContainer .dwn-priv a {
    font-size: 11px;
    color: #353535;
    text-decoration: none
}

.ctaContainer #meGDPRMessage {
    line-height: 17px;
    margin: 0 0 13px;
    width: 100%
}

.ctaContainer #meGDPRMessage label {
    font-size: 11px;
    line-height: 18px;
    color: #48555f
}

.ctaContainer .succView {
    display: none
}

.ctaContainer .succView h2 {
    font-size: 30px;
    color: #0d9a18;
}

.ctaContainer .succView p {
    font-size: 16px;
}

.ctaContainer .succView p a {
    font-weight: 600;
    text-decoration: underline;
}


/* Demo */
.icoDemo {
    background: url(../images/demo-icon-sprite.png) no-repeat;
    height: 33px;
    margin: 10px 13px 0 0;
    width: 37px;
}

.perDemBx {
    border: solid 1px #d6d6d6;
    margin: 40px 0 15px;
    padding: 0 20px;
}

.icoReqDemo {
    background: url(../images/demo-icon-sprite.png) -37px 0 no-repeat;
    height: 33px;
    margin: 25px 13px 0 10px;
    width: 41px;
}

.demoPAli {
    margin: 15px 0 15px 56px;
}

/* Demo footer banner*/
.demo-bnr {
    background: #c3e5ff;
}

.demo-bnr .tabImg {
    position: relative;
    left: 0;
    height: 245px;
    width: 177px;
    background: url(../images/footer-demo-banner-sprite.png) #b1dcfd no-repeat;
    background-size: 967px;
    background-position: -40px -62px;
    display: inline-block;
    vertical-align: top;
}

.demo-bnr .tabContent {
    position: relative;
    width: calc(100% - 255px);
    display: inline-block;
    vertical-align: top;
    padding: 13px 25px 13px 45px;
}

.demo-bnr h4 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    margin: 10px 0 10px;
}

.demo-bnr p {
    font-size: 15px;
    margin-top: 10px;
}

.demo-bnr .form-inn {
    display: inline-block;
    background: #b1dcfd;
    border: 1px solid #8fc9f7;
    padding: 15px;
}

.demo-bnr .form-inn li {
    list-style-type: none;
    padding: 0;
    float: left;
}

.demo-bnr .form-inn ul {
    padding: 0 !important;
}

.left-form-fields {
    display: inline-block;
    width: 53%;
    float: left;
}

.left-form-fields li:first-child {
    width: 225px;
    position: relative;
    border-right: 0;
    border-radius: 6px 0 0 6px;
    margin-bottom: 8px;
}

.left-form-fields li input:first-child {
    font-size: 12px;
    position: relative;
    border-radius: 2px;
    padding-left: 30px;
    border: 1px solid #5dcfbf;
}

.right-form-fields {
    width: 43%;
    float: left;
    padding-left: 15px;
}

.demo-bnr .dwn-priv {
    font-size: 9px;
    line-height: 14px;
    color: #000;
    margin-top: -3px;
}

.demo-bnr .ffw-submit {
    background: #d63327;
    color: #fff;
    padding: 10px 30px;
    border: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 14px;
    margin-top: 4px;
    cursor: pointer;
}

.left-form-fields ul li input {
    width: 100%;
    height: 35px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
    outline: 0;
    color: #2b2b2b;
    background: 0 0;
    font-weight: 300;
    background: #fff;
}

.left-form-fields .icn-mail {
    position: absolute;
    left: 10px;
    top: 12px;
    width: 15px;
    height: 11px;
    background-position: -19px -21px;
    background-image: url(../images/footer-demo-banner-sprite.png);
    background-size: 967px;
    display: inline-block;
    vertical-align: middle;
}

.left-form-fields .icn-demo {
    position: absolute;
    left: 14px;
    top: 11px;
    width: 15px;
    height: 15px;
    background-position: -47px -18px;
    background-image: url(../images/footer-demo-banner-sprite.png);
    background-size: 967px;
    display: inline-block;
    vertical-align: middle;
}

.left-form-fields ul li:nth-child(2) {
    width: 50px;
    position: relative;
    border-radius: 2px;
    border: 1px solid #5dcfbf;
    height: 33px;
    background: #fff;
}

.demo-bnr .ffw-errmsg {
    display: none;
    color: red;
    font-size: 10px;
    margin-top: -52px;
    /* margin-left: 51px; */
    position: absolute;
    font-weight: 600;
}

.left-form-fields ul li:nth-child(2):before,
.showing-state .ic-count:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #707070;
    margin: 15px 0 0 30px;
    z-index: 0;
    left: 3px;
}

.showing-state .ic-count:after {
    right: 5px;
    left: auto;
    z-index: 9;
}

.left-form-fields ul li.showing-state:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #707070;
    margin: 25px 0 0 29px;
    z-index: 0;
    right: 11px;
}

.left-form-fields.showing-state .selectedCountry {
    border-right: 1px solid #e5e5e5;
}

.left-form-fields ul li.showing-state {
    width: 180px;
}

.left-form-fields ul li.showing-state .selectedCountry:after {
    display: block;
}

.left-form-fields ul li select {
    width: 50px;
    height: 34px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 0;
    font-size: 15px;
    outline: 0;
    background: #fff;
    margin: 0;
    background: 0 0;
    z-index: 9;
    position: relative;
    color: #6e6e6e;
    font-size: 12px;
    opacity: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    float: left;
}

.left-form-fields ul li:nth-child(3) {
    border: 0;
    padding-left: 0;
    background: 0 0;
    position: relative;
    width: 168px;
    padding-left: 4px !important;
}

.left-form-fields ul li:nth-child(3) input {
    cursor: pointer;
}

.left-form-fields ul li input[type=submit] {
    font-size: 17px;
    background: #ed2121;
    color: #fff;
    padding: 0 39px;
    cursor: pointer;
    font-weight: 500;
    height: 51px;
    border: 0;
    outline: 0;
    border-radius: 0 3px 3px 0;
}

.left-form-fields ul li input[type=submit]:hover {
    background: #c11818;
    transition: all 0.5s ease;
}

/* #meGDPRMessage {font-size: 9px;color: #000;display: inline-block;margin: 8px 0;line-height: 14px;position: absolute;bottom: 8px;left: 62px;width: 80%;}*/
#meGDPRMessage {
    font-size: 9px;
    color: #000;
    display: inline-block;
    margin: 0 0 10px;
    line-height: 14px;
    width: 100%;
}

.showing-state .left-form-fields ul li:nth-child(2) {
    width: 110px;
}

.demo-bnr ul li select#country_state {
    position: relative;
    font-size: 12px;
    background: url(https://www.manageengine.com/products/ad-manager/images/arrow-gra.png) 47px 16px no-repeat;
    background-size: 8px;
    opacity: 1;
    width: 57px;
    float: left;
    line-height: 22px;
    padding-left: 7px;
}

.showing-state .left-form-fields ul li:nth-child(3) {
    width: 108px;
}

.demo-bnr .selectedCountry {
    width: 40px;
    height: 25px;
    position: absolute;
    margin: 4px 0 0 10px;
}

.showing-state .selectedCountry {
    border-right: 1px solid #e5e5e5;
}

.thanks-msg {
    display: none;
}

.thanks-msg h2 span {
    display: block;
    font-size: 14px;
}

.demo-bnr .additional-data,
.hidden-data {
    display: none;
}


/* Thanks Page */
.thaLeft {
    width: 30%
}

.thaLeft a {
    background: url(../images/thanks-page-sprite.png);
    display: block;
    height: 60px;
    margin: 0 auto;
    width: 60px
}

.thaRig {
    font-size: 12px;
    line-height: 18px;
    width: 70%
}

.thaRig a {
    display: block;
    float: left;
    margin: 5px 0 0;
    width: 100%
}

.rigLine {
    border-right: 1px solid #e5e5e5
}

.botLine {
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 1.5%
}

.remLin {
    border-bottom: none
}

.thaLogo {
    background: url(../images/thanks-page-sprite.png) no-repeat -291px -92px;
    height: 19px;
    margin: 0 0 8px;
    width: 100%
}

.thaLogo a:hover {
    text-decoration: none
}

.logoadap {
    background-position: -291px -110px
}

.logoadssp {
    background-position: -291px -129px
}

.logoerp {
    background-position: -291px -150px
}

.logoela {
    background-position: -291px -170px
}

.logofap {
    background-position: -291px -189px
}

.logormp {
    background-position: -291px -207px
}

.logospmp {
    background-position: -291px -226px
}

.logoomp {
    background-position: -291px -243px
}

.logoad360 {
    background-position: -291px -260px
}

.logoadap a {
    width: 113px;
}

.logoadssp a {
    width: 160px
}

.logoerp a {
    width: 200px
}

.logoela a {
    width: 158px
}

.logofap a {
    width: 120px
}

.logormp a {
    width: 195px
}

.logospmp a {
    width: 195px
}

.logoomp a {
    width: 143px
}

.logoad360 a {
    width: 60px
}

.mlogoadap {
    background-position: -60px 0 !important
}

.mlogoadssp {
    background-position: -119px 0 !important
}

.mlogoerp {
    background-position: -180px 0 !important
}

.mlogoela {
    background-position: -239px 0 !important
}

.mlogofap {
    background-position: -300px 1px !important
}

.mlogormp {
    background-position: -361px 1px !important
}

.mlogospmp {
    background-position: -419px 2px !important
}

.mlogoomp {
    background-position: 0px -58px !important
}

.mlogoad360 {
    background-position: -62px -58px !important
}

.chatHead {
    background: url(../images/chat-head-bg.png) no-repeat #636363;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    padding: 4px 5px 5px 37px;
    position: fixed;
    right: 0;
    width: 168px;
    z-index: 99;
}

.otherFeaHead {
    font-size: 20px;
    margin: 20px 0;
    line-height: 24px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
}




/* Footer */




.dwn-form-cont {
    float: right;
    background: #ECEDEF
}

.otr-dwn-win {
    width: 95%;
    float: none
}

.descPart {
    margin-top: 36px;
    padding-right: 5%
}

.navLnk a {
    color: #000;
    text-decoration: underline;
    font-size: 13px
}

.dwn-prob a {
    background: #C4C8CC;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 3px;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}

.translayer {
    border-radius: 3px;
    left: 0;
    top: -28px;
    position: absolute;
    width: 100%;
    height: 28px;
    z-index: 999;
    transition: all 150ms ease-in 0s;
    background: #7BBB2A url(../images/ad-dwn-btn.png) no-repeat 19px 4px
}

.dwn-prob a:hover {
    background: #c4c8cc
}

.dwn-prob a:hover .translayer,
.dwn-prob a:hover .translayer1 {
    top: 0
}

.dwn-form-cont {
    background: #ECEDEF;
    float: right;
}

.dwn-link-cont {
    float: left;
    min-height: 425px;
    width: 67.2%;
}

.dwn-form-cont {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    float: right;
    min-height: 400px;
    padding: 20px 2% 5px 2%;
    width: 28.5%;
}

.buildnumber {
    color: #666;
    font-size: 12px;
    margin-top: 3px;
    margin-left: 5px;
    font-weight: 400;
}

.dwn-win-icon {
    background-position: -86px -25px;
    float: left;
    height: 28px;
    margin: 4px 10px 0 0;
    width: 28px;
}

.otr-dwn-head {
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
    padding: 0;
    padding-bottom: 2px;
}

.otr-dwn-cont a {
    background: #f6f6f6;
    color: #333;
    display: inline-block;
    font-size: 14px;
    margin-left: 8px;
    text-align: center;
    text-decoration: none;
    width: 73px;
}

.otr-dwn-cont {
    padding: 11px 184px 0 0;
    font-size: 14px;
}

#dwn-form-alert {
    background: #E9142B;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    max-width: 265px;
    padding: 10px;
    position: absolute;
}

#dwn-form-alert:before {
    border-bottom: 10px solid #e9142b;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    left: 5%;
    position: absolute;
    top: -10px;
}

.footCol3 #form-alert {
    left: 28px;
    top: 30px;
}

.spaRa {
    font-size: 24px;
}

.btn-grn a {
    background: #66b10c;
    color: #ffffff;
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    line-height: 34px;
    margin: 65px 0 0 0;
    padding: 7px 40px;
    text-align: center;
    text-decoration: none;
}

.hmEdi2 .hmEdiFoot a.trynow {
    background: #4f565e;
    color: #ffffff;
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    line-height: 34px;
    margin: 20px 0 0 0;
    padding: 7px 40px;
    text-align: center;
    text-decoration: none;
}

.uebanotebox {
    background: #f6f6f6;
    padding: 1.6% 3.2%;
    margin: 79px 5% 0 0;
}

.uebanotebox:before {
    background: url(../images/download-ueba-icon-sprite.png);
    background-size: 33px 16px;
    width: 16px;
    height: 16px;
    content: "";
    display: inline-block;
    margin-right: 9px;
    background-position: 0 0;
}

.uebanotebox:after {
    background: url(../images/download-ueba-icon-sprite.png);
    background-size: 33px 16px;
    width: 9px;
    height: 9px;
    content: "";
    display: inline-block;
    margin-left: 5px;
    line-height: 10px;
    background-position: -22px -3px;
    margin-top: 5px;
    position: absolute;
}

.uebanotebox a {
    text-decoration: underline;
}

.otr-dwn-cont ul li {
    padding: 8px 0
}

.navLnk {
    margin-top: 64px;
}

/* DROPDOWN MENU Design */
nav ul.productmenu>li {
    position: relative;
}

.mc li a {
    padding: 10px 20px;
    display: block;
    text-align: left
}

.mc li a h4 {
    font-size: 14px;
    position: relative;
    color: #fff;
    display: inline-block;
    font-weight: 300;
    transition: all .5s ease;
    margin: 0px;
}

.mc li a:hover h4:after {
    width: 100%
}

.mc {
    background: #333;
    padding: 5px 0;
    position: absolute;
    border-radius: 3px;
    float: left;
    width: 235px;
    display: none;
    box-shadow: 0 7px 23px -8px rgba(0, 0, 0, 0.8);
    margin-top: 10px;
    left: -70px;
}

.mc li {
    text-align: left;
    list-style-type: none;
    margin-bottom: 0px
}

.mc li a.ssmenuh {
    padding: 10px 0;
    display: block;
    text-align: left
}

.mc li a.ssmenuh h4 {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    line-height: 1
}

.mc:before {
    content: '';
    position: absolute;
    left: 100px;
    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: 99;
}

.mc .smen:hover {
    background: #fff
}

.mc .smen:hover h4 {
    color: #333
}

.mc .smen.act {
    background: #fff
}

.mc .smen.act h4 {
    color: #333
}

.mc li a.ssmenuh:hover h4:after {
    width: 100%
}

.ssmenu {
    position: absolute;
    background: #fff;
    padding: 12px 20px 20px;
    left: 233px;
    top: 0;
    width: 215px;
    border-top: 5px solid #333;
    box-shadow: 0 7px 20px -8px #000;
    /* transition: all .2s ease; */
    opacity: 0;
    visibility: hidden;
    min-height: 226px;
    display: block;
}

.ssmenu.act {
    opacity: 1;
    visibility: visible;
    width: 215px;
    padding: 5px 20px 20px;
}

.ssmenu.ssmenufir {
    width: 0px;
}

.ssmenu.ssmenufir.act.act1 {
    transition: all 0s ease;
}

.ssmenu.ssmenufir.act {
    width: 215px;
    transition: all .2s ease;
}

.ssmenu h5 {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 7px;
    color: #0a1731;
    width: 175px;
}

.ssmenu h5 i {
    width: 24px;
    height: 24px;
    background: url(../images/menu-icons.png) no-repeat;
    display: inline-block;
    background-size: 78px;
    margin-right: 8px
}

.ssmenu h5 i.mic2 {
    background-position: -31px 0
}

.ssmenu h5 i.mic3 {
    background-position: -4px -32px;
    margin-right: 4px
}

.ssmenu p {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #5c5c5c;
    width: 175px;
}

.mc .ssmenu a.dropmenu-cta {
    border: 1px solid;
    margin-top: 10px;
    border-radius: 2px;
    color: #000;
    padding: 8px 20px;
    text-align: center;
    width: 175px;
}

.mc .ssmenu a.dropmenu-cta:hover {
    background: #333;
    color: #fff;
    border: 1px solid
}

.mc .ssmenu ol {
    padding: 0px 0 2px;
    width: 100%;
}

.mc .ssmenu ol li a {
    padding: 7px 0px;
    font-size: 14px;
    font-weight: 300;
    line-height: 29px;
    color: #333;
}

.mc .ssmenu ol li a:hover {
    color: #ea152b;
}

.mc li a.smen-nor h4:after {
    content: "";
    display: block;
    background: #e04b3a;
    width: 0;
    height: 3px;
    position: relative;
    top: 8px;
    transition: all ease-in-out .5s;
}

.mc li a.smen-nor:hover h4:after {
    width: 100%;
}


/* Form Design */
#clkVal {
    color: #0087b4
}

.formCont {
    border: 1px solid #e4e4e4;
    margin: 20px 0 20px 0;
    width: 550px;
}

.borBotBorQ {
    border-bottom: 1px solid #e0e0e0
}

.formCont table {
    width: 100%
}

input[type="text"] {
    background: #fff;
    border: 1px solid #c7c7c7;
    padding: 7px
}

.sTxtBxFor {
    width: 90px
}

.txtTipFor {
    color: #868686;
    font-size: 10px;
    margin: -5px 0 0 0px;
}

.formheader {
    border-bottom: 1px solid #DDDDDD;
    font: bold 14px Arial, Helvetica, sans-serif;
    padding: 20px 10px;
    color: #000000;
}

.formfooter {
    border-top: 1px solid #dddddd;
    padding: 20px 0 20px 210px;
}

textarea {
    margin: 5px;
    padding: 5px;
    width: 205px !important
}

td.tar {
    font-size: 12px
}

.btn-hover {
    cursor: pointer;
    background: #74b90f;
    color: #fff;
    border: #aaa;
    font-size: 14px;
    padding: 10px 14px;
    width: 125px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

.btn-hover:hover {
    background: #82c027;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

.helText {
    color: #ccc;
    font-size: 10px;
    margin: -10px 0 0 0
}

.quote-compo-help_popup {
    background: #454545;
    font-size: 12px;
    margin: -71px 0px 0px 136px;
    position: absolute;
    color: #fff;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    width: 200px;
    line-height: 20px;
    z-index: 9999;
    display: none;
}

show-icon-over-txt {
    visibility: hidden;
    padding: 5px 15px 5px 0;
    margin: 0 0 0 10px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

.show-icon-over-txt img {
    margin: -2px 0 0 0
}

.inTab {
    width: 460px !important
}

#shTabCon table {
    width: 460px !important
}

.inTabHea {
    font-size: 12px;
}

#shTabCon {
    margin: 10px 0px 0px;
    padding: 5px 0px 15px
}

#shTabCon td {
    text-decoration: none
}

.inTabHea img {
    margin: 0 0 0 3px
}

.dShow,
.dHide {
    cursor: pointer;
    text-decoration: underline
}

#help-popup2 {
    margin: -74px 0px 0px 136px
}

#help-popup3 {
    margin: -62px 0px 0px 136px
}

.arrow-left {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #454545;
    height: 0;
    margin: 30px 0px 0px -15px;
    position: absolute;
    width: 0;
}

.arrow-left2 {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #454545;
    height: 0;
    margin: 33px 0px 0px -15px;
    position: absolute;
    width: 0;
}

.arrow-left3 {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #454545;
    height: 0;
    margin: 21px 0px 0px -15px;
    position: absolute;
    width: 0;
}

.arrow-left4 {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #454545;
    height: 0;
    margin: 20px 0px 0px -15px;
    position: absolute;
    width: 0;
}

.showCon {
    height: 135px;
    margin: 10px 0px 0px;
    padding: 5px 0px 15px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.hideCon {
    height: 1px;
    ;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 0;
    filter: Alpha(opacity=0);
}


.upgradeTbl {
    width: 100%;
}

.upgradeTbl tr.headTbl {
    background: rgb(239, 239, 239);
}

.upgradeTbl td {
    border-collapse: collapse;
    padding: 5px 10px;
    border: 1px solid rgb(221, 221, 221);
}

#scroll .rhs-cont ul {
    padding: 10px 0 10px 30px;
}

.fPageAli {
    margin: 0 5px 0 0
}

.footAbs,
.footFix {
    display: none
}

/*bannerDownloadButton*/
a.bnrDwn {
    background: #e9142b;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    padding: 10px 20px 12px 15px;
    display: inline-block;
    border-radius: 5px;
    margin: 20px 0 0
}

a.bnrDwn:hover {
    background: #e3142b;
    text-decoration: none
}

.bannerDwnBtn {
    background: #e9142b;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    padding: 12px 20px 10px 15px;
    display: inline-block;
    border-radius: 5px;
    margin: 20px 0 0 7px;
}

.bannerDwnBtn:hover {
    background: #e3142b;
    text-decoration: none
}

.nav-dwn-icon {
    width: 21px;
    height: 20px;
    background-position: 0 0;
    line-height: 22px;
    display: inline-block;
    position: relative;
    top: 2px;
}

/* Workshop Banner */
.bannerCont {
    height: 380px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 1000px;
}

.bannerCont p {
    border-bottom: 1px solid #6da091;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: 100;
    margin: 0 27.5%;
    padding: 15px 0;
    width: 45%
}

.webinarBanner {
    background: url(../images/workshop-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.webTopTxt {
    color: #95c637;
    font-size: 32px;
    margin: 53px 0 0 0;
    width: 100%
}

.webMaiTxt {
    color: #b6ce00;
    font-size: 30px;
    font-weight: 100;
    line-height: 41px;
    margin: 20px 0 0 0;
    width: 100%
}

.webMaiTxt strong {
    font-weight: 700;
}

.webMaiTxt span {
    font-weight: 700
}

.webDatTxt {
    background: url(../images/webinar-date.png) 38% 19px no-repeat;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    padding: 20px 0 8px 0;
    width: 100%
}

.webDatTxt span {
    font-size: 17px;
    font-weight: 100
}

.webBut {
    color: #000;
    background: #b6ce00;
    font-size: 22px;
    margin: 20px 0 0;
    padding: 5px 20px 10px;
}

.webBut:hover {
    text-decoration: none
}

.mob-foot {
    display: none;
}

.top-mo-dwn {
    display: none;
}

.prdMobMenu ul li a {
    display: block !important;
}

.zsiq_theme1 div.zsiq_min.zsiq_cnt {
    display: block !important;
}

#titlediv {
    background: #000;
    box-shadow: 0px 0px 13px -1px #fff;
    color: #fff;
    font-size: 12px;
    height: 30px;
    left: -92px;
    line-height: 20px;
    padding: 5px 10px;
    top: 5px;
    width: 80px
}

.zsiq_theme1 .zsiq_cnt:after {
    box-shadow: 1px -1px 4px 0 #000 !important
}

#titlediv p {
    color: #fff
}

#zsiq_maintitle {
    display: none
}

#backToTop {
    display: none !important
}

.zsiq_theme1 .zsiq_cnt::after {
    background: #000 !important;
    box-shadow: 2px -3px 4px #9c9a9a
}

#allFeaDiv2 ul li:nth-child(1) a {
    font-weight: bold;
}

/* for Chat */
.zsiq_theme1 .zsiq_user {
    display: none
}

#zsiq_agtpic {
    display: none
}

#zsiq_avcall.zsiq_unrdcnt {
    display: none !important
}

.zsiq_theme1.zsiq_floatmain {
    width: auto !important;
    max-height: none !important
}

.siq_bR {
    bottom: 20px !important;
    right: 15px !important
}

#backToTop {
    bottom: 130px
}

.zsiq_theme1 .zsiq_flt_rel {
    background: url("https://www.manageengine.com/active-directory-360/images/global-chat.png") !important;
    background-size: 77px 94.6px !important;
    background-position: 0 -.5px !important;
    width: 77px !important;
    height: 95px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    background-repeat: no-repeat !important
}

#titlediv {
    height: 80px !important;
    top: 0;
    left: auto !important;
    right: 40px;
    min-width: 175px !important;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    padding-left: 30px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
    margin: 0;
    background: #fff !important
}

#titlediv #zsiq_maintitle {
    font-size: 15px;
    font-weight: 600;
    color: #000
}

#titlediv #zsiq_byline {
    font-size: 11px;
    color: #000
}

#titlediv #zsiq_maintitle {
    display: block
}

.fea-ban-eb {
    margin: 7px 0px 7px 0px;
    float: left;
}

@media screen and (max-width:1020px) {}

@media screen and (max-width:767px) {
    footer {
        display: none;
    }

    .mob-foot {
        display: block;
    }

    .mob-foot {
        display: block;
    }

    .footer-stripe {
        background: #004c73;
        padding: 40px 10px
    }

    .footer-stripe h2 {
        color: #fff;
        font-size: 30px;
        font-weight: 100;
        line-height: 40px
    }

    .footer-stripe a {
        background: #e9142b;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-size: 18px;
        padding: 10px 30px;
        text-decoration: none;
        margin: 20px 2px 0
    }

    .foot-copy {
        padding: 10px 0;
        background: #fff
    }

    .emailLnktxt {
        display: block;
        margin: 0 0 10px
    }

    .emailLnktxt a {
        color: #7bbb2a;
        text-decoration: underline
    }

    .flexMobile {
        display: block;
        background: #004c73;
        color: #fff;
        font-size: 25px;
        line-height: 36px;
        background: -webkit-linear-gradient(to bottom, #195f9c, #013d88);
        background: linear-gradient(to bottom, #195f9c, #004c73);
        padding: 20px 30px
    }

    .mob-dwn-btn {
        border: 1px solid #c41d2f;
        padding: 5px 50px;
        border-radius: 2px;
        color: #fff;
        font-weight: 600;
        margin: 0 auto;
        display: table;
        background: #eb283d;
        margin-top: 18px;
        box-sizing: border-box;
        font-size: 18px
    }

    .botBg {
        display: none;
    }

    .zsiq_theme1 div.zsiq_cnt {
        display: block;
    }

    .mob-hide {
        display: none;
    }

    #MEmobPanel a {
        width: 100%;
        box-sizing: border-box;
    }

    .top-mo-dwn {
        margin: 10px 15px 0px 0px;
        display: block;
    }

    .top-mo-dwn span {
        font-size: 12px;
        color: #7bbb2a;
    }

    .top-mo-dwn img {
        width: 30px;
        padding-left: 8px;
    }

    .dwn-form-cont {
        width: 96% !important;
    }

    .dwn-link-cont {
        width: 96%;
        margin-top: 30px;
    }

    .otr-dwn-cont {
        padding: 0;
    }

    .pro-menu~.lnkTab {
        margin-right: 30px;
    }
}

]@media screen and (max-width:760px) {}

@media screen and (max-width:480px) {
    .top-mo-dwn span {
        display: none;
    }
}

@media screen and (max-width:500px) {
    .formCont table {
        width: 85% !important
    }

    .formCont {
        overflow: hidden;
        width: 99%
    }

    .quote-compo-help_popup {
        margin: -11px 0px 0px 26px !important
    }

    .arrow-left,
    .arrow-left2,
    .arrow-left3 {
        display: none
    }

    .heading-menu {
        margin-top: 45px
    }
}

/*--=== OTHER COUNTRY DEMO FORM SET 2 ===--*/
.perDemBx1 {
    border: 0;
    margin: 0
}

.perDemBx1 h2 {
    text-align: center;
    margin: 20px 0 10px;
    font-weight: 500
}

.perDemBx1 p {
    text-align: center;
    padding-bottom: 15px
}

.perDemBx1 .icoReqDemo {
    display: none
}

.de-box {
    border-top: 1px solid #e5e5e5;
    margin: 30px auto 0;
    padding: 20px 0 0;
    width: 75%
}

.de-box .head {
    font-size: 24px;
    padding-left: 12px;
    font-weight: 500;
    display: inline-block;
    margin: 0
}

.de-box .demoPAli {
    margin: 20px 0 0
}

.form-set-2 {
    background: #fff;
    padding: 25px 30px 30px;
    border-radius: 7px;
    position: relative;
    border: 1px solid #eaeaea;
    max-width: 380px
}

.form-set-2 h2 {
    text-align: center;
    font-size: 18px;
    margin: 0 0 14px;
    color: #000;
    line-height: 1.3;
    font-weight: 600;
    padding: 0
}

.solution-form ul {
    padding: 0;
    margin: 0
}

.form-set-2 form ul li {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    box-sizing: border-box
}

.form-set-2 form ul li div {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    background: #fafafa;
    box-sizing: border-box;
    position: relative
}

.form-set-2 form ul li.no-bor {
    border: 0
}

.form-set-2 form ul li i {
    background-image: url(https://www.manageengine.com/active-directory-360/images/icon-set-1.png);
    position: absolute;
    width: 32px;
    height: 32px;
    top: 3px;
    pointer-events: none;
}

.form-set-2 form ul li i.ic-ic-user {
    background-position: -13px -13px
}

.form-set-2 form ul li i.ic-email {
    background-position: -72px -12px
}

.form-set-2 form ul li i.ic-org {
    background-position: -129px -13px
}

.form-set-2 form ul li i.ic-phone {
    background-position: -188px -13px
}

.form-set-2 form ul li i.ic-country {
    background-position: -247px -13px
}

.form-set-2 form ul li i.ic-feedback {
    background-position: -297px -13px
}

.form-set-2 form ul li input,
.form-set-2 form ul li textarea {
    width: 100%;
    background: none;
    border: 0;
    height: 40px;
    font-size: 14px;
    padding: 5px 15px 5px 46px;
    box-sizing: border-box;
    outline: none;
    font-family: 'Open Sans', sans-serif
}

.form-set-2 form ul li textarea {
    padding: 5px 15px 5px 46px;
    height: 60px
}

.form-set-2 form ul li select {
    width: 88%;
    background: none;
    border: 0;
    height: 40px;
    font-size: 14px;
    padding: 5px 20px;
    outline: none;
    margin-left: 24px
}

.form-set-2 form ul li input[type="submit"] {
    background: #ca2033;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    float: left;
    border-bottom: 0;
    padding: 15px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    height: auto;
    border-radius: 4px
}

.form-set-2 form ul li input[type="submit"]:hover {
    background: #ab1829
}

.form-set-2 form ul li:last-child {
    border: 0 solid #333;
    margin-bottom: 0;
    background: none
}

.form-set-2 form ul li input#datepicker {
    height: 40px !important
}

.form-set-2 form ul li .dwn-priv {
    font-size: 11px;
    color: #000;
    line-height: 10px
}

.form-set-2 form ul li .dwn-priv a {
    font-size: 10px;
    color: #000;
    text-decoration: underline
}

.err-com {
    background: #F44336;
    color: #fff;
    font-size: 12px;
    padding: 2px 2px 2px 10px;
    margin: 10px 0;
    display: none;
    text-align: center
}

.form-set-2 form ul li .err-box {
    border: 1px solid #ca1f32
}

/*--=== OTHER COUNTRY DEMO FORM SET 3 ===--*/
.form-set-3 {
    margin: 0 auto;
    max-width: 600px;
    border: 0;
    padding: 0
}

.form-set-3 form ul li div.fl {
    border: 0;
    background: none;
    float: left;
    width: 35%
}

.form-set-3 form ul li div.fl label {
    font-size: 15px;
    font-weight: 500
}

.form-set-3 form ul li div.fl label i {
    background: none;
    color: #f10;
    position: relative;
    top: 0;
    left: 0
}

.form-set-3 form ul li div.fr {
    float: left;
    width: 65%
}

.form-set-3 form ul li div.fr input,
.form-set-3 form ul li div.fr select,
.form-set-3 form ul li div.fr textarea {
    padding: 5px 15px
}

.form-set-3 form ul li.no-lhs {
    padding-left: 35%
}

.form-set-3 form ul li.no-lhs .fr {
    width: 100%;
    border: 0;
    background: none
}

#meGDPRMessage {
    border: 0;
    background: none;
    margin: 0
}

.form-set-3 form ul li div.fr input[type="submit"] {
    padding: 13px;
    background: #069b4f;
    font-size: 15px;
    float: left;
    width: 60%;
    border-radius: 2px
}

.form-set-3 form ul li div.fr input[type="submit"]:hover {
    background: #037d3f;
    box-shadow: 0 23px 13px -18px #141619a6
}

.form-set-3 form ul li div.fr input[type="reset"] {
    float: left;
    width: 38%;
    padding: 13px;
    background: #b8c9d6;
    font-size: 15px;
    color: #fff;
    margin-left: 2%;
    height: auto;
    border-radius: 2px;
    cursor: pointer;
    transition: all .5s ease
}

.form-set-3 form ul li div.fr input[type="reset"]:hover {
    background: #889dad
}

.form-set-3 form ul li select {
    margin-left: 0;
    width: 96%;
    cursor: pointer
}

.form-set-3 .err-com {
    margin-left: 38%
}

.form-set-3 form ul li div.fr #meGDPRMessage label {
    font-size: 12px;
    line-height: 19px
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c500 !important;
    background: #f1f9ff !important;
    font-weight: 400 !important;
    color: #454545 !important
}

.ui-datepicker td span,
.ui-datepicker td a {
    width: 25px;
    height: 25px;
    border-radius: 50px;
    line-height: 26px;
    text-align: center !important;
    transition: all .3s ease
}

.ui-widget.ui-widget-content {
    border: 0 solid #c5c5c5 !important;
    box-shadow: 0 1px 23px -9px #3333339c;
    padding: 8px;
    box-sizing: border-box;
    width: 280px
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e !important;
    background: #fffa90 !important;
    color: #777620 !important;
}

.ui-datepicker td span,
.ui-datepicker td a:hover {
    border: 1px solid #dad55e !important;
    background: #fffa90 !important;
    color: #777620 !important;
}

.ui-widget-header {
    border: 0 solid #f1f9ff !important;
    border-bottom: 1px solid #e2e2e2 !important;
    background: none !important;
    color: #333;
    font-weight: 700;
    border-radius: 0 !important
}

.ui-datepicker th {
    font-weight: 600;
    font-size: 13px;
    color: #7b90a0
}

.me-ic-date {
    right: 8px;
    background-position: -312px -71px;
    background-size: 420px;
    background-repeat: no-repeat
}

@media screen and (max-width: 550px) {

    .form-set-3 form ul li div.fl,
    .form-set-3 form ul li div.fr {
        width: 100%;
    }

    .form-set-3 {
        padding: 25px;
    }

    .form-set-3 form ul li.no-lhs {
        padding-left: 0%;
    }

    .form-set-2 form ul {
        padding: 0px !important;
    }
}

@media screen and (max-width:1050px) {
    .demo-bnr .tabContent {
        width: calc(100% - 270px);
        padding: 13px 45px 30px 45px;
    }

    .left-form-fields {
        width: 100%;
    }

    .left-form-fields li:first-child {
        width: 97% !important;
    }

    .left-form-fields ul li:nth-child(3) {
        width: calc(100% - 66px);
    }

    .right-form-fields {
        width: 95%;
        padding-left: 0;
    }

    .demo-bnr .dwn-priv {
        margin: 10px 0;
    }

    .showing-state .left-form-fields li:first-child {
        width: 86% !important;
    }

    .showing-state .left-form-fields ul li:nth-child(2),
    .showing-state .left-form-fields ul li:nth-child(3) {
        width: 42%;
    }

    #meGDPRMessage {
        margin: 10px 0;
    }

    #meGDPRMessage+.dwn-priv {
        margin: 0px 0 5px;
    }

    .heading-menu {
        text-align: center;
        padding: 35px 0 10px;
    }

    #header-mainsec .headerinner {
        padding-bottom: 8px;
    }
}


@media screen and (max-width:650px) {
    .demo-bnr .tabImg {
        display: none;
    }

    .demo-bnr .tabContent {
        width: calc(100% - 150px);
        padding: 13px 25px 30px 25px;
        margin: auto;
        display: block;
    }

    .demo-bnr ul li.showing-state:after {
        bottom: 70px;
        z-index: 10;
        margin-top: 0
    }

    .left-form-fields li:first-child {
        width: 100% !important;
    }

    .left-form-fields ul li:nth-child(3) {
        width: calc(100% - 57px);
    }

    .demo-bnr ul li input[type=submit] {
        border-radius: 4px
    }

    .demo-bnr.showing-state {
        width: 100%
    }
}

@media screen and (max-width:500px) {
    .demo-bnr .tabContent {
        width: calc(100% - 50px);
    }

    .ctaContainer .wam-form {
        width: 100%
    }

    .ctaContainer .wam-form ul li:nth-child(1) {
        width: 75%
    }

    .ctaContainer .wam-form ul li:nth-child(2) {
        width: 18%;
        border-right: 1px solid #dedede
    }

    .ctaContainer .wam-form ul li input[type="submit"] {
        border-radius: 4px
    }

    .ctaContainer .wam-form ul li:nth-child(3) {
        width: 100%;
        margin-top: 10px
    }

    .ctaContainer .wam-form ul li {
        padding-left: 0;
    }

    .ctaContainer .wam-form ul li:nth-child(1) {
        width: 78%;
    }

    .ctaContainer .wam-form ul li:nth-child(2) {
        width: 21%;
    }
}

@media screen and (max-width: 950px) {
    .ctaContainer .wam-form.us-form ul li {
        padding-left: 0px;
    }

    .ctaContainer .wam-form.us-form ul li:nth-child(2) {
        width: 100%;
        border: 1px solid #c3d1d6
    }

    .ctaContainer .wam-form.us-form ul li:nth-child(1) {
        width: 100%;
        border: 1px solid #c3d1d6;
        margin-bottom: 10px
    }

    .ctaContainer .wam-form.us-form .selectedCountry:before {
        display: none
    }

    .ctaContainer .wam-form.us-form .selectedCountry:after {
        right: 12px;
    }

    .ctaContainer .wam-form.us-form .selectedCountry {
        padding-left: 5px
    }

    .ctaContainer .wam-form.us-form ul li:nth-child(2) [name='state'] {
        margin-left: 10px;
        padding-left: 25px
    }

    .ctaContainer .wam-form.us-form ul li:nth-child(3) {
        width: 100%;
        margin-top: 10px
    }

    .ctaContainer .wam-form.us-form {
        width: 100%
    }
}

/*--=== FOOTER ===--*/
.feb-pre-footer {
    background-color: #edf0f3;
    padding: 70px 0 72px;
    float: left;
    width: 100%;
    position: relative;
}

.feb-pre-footer * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'ZohoPuvi';
}

.feb-pre-footer ul,
.feb-pre-footer ol {
    list-style-type: none
}

.feb-pre-footer a,
.feb-pre-footer a:hover {
    text-decoration: none
}

.feb-pre-footer .feb-pre-footer-container {
    max-width: 1240px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto
}

.feb-pre-footer .mt-42 {
    margin-top: 42px
}

.feb-pre-footer .col1 {
    float: left;
    width: 40%;
    padding-right: 20px
}

.feb-pre-footer .col1 .plogo-base {
    margin-left: -15px
}

.feb-pre-footer .col1 .plogo-base ul li {
    float: left;
    width: 127px;
    height: 57px;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
    margin-left: 15px;
    margin-bottom: 15px
}

.feb-pre-footer .col1 .plogo-base ul li i,
.feb-pre-footer .col1 .plogo-base ul li a {
    height: 57px
}

.feb-pre-footer .col1 .plogo-base ul li .icn-plogo1 {
    background-position: -12px -512px;
    width: 87px
}

.feb-pre-footer .col1 .plogo-base ul li .icn-plogo3 {
    background-position: -240px -511px;
    width: 60px
}

.feb-pre-footer .col1 .vid-sec {
    margin-top: 25px;
    width: 411px;
    height: 231px;
    position: relative;
    display: none;
}

.feb-pre-footer .col1 .vid-sec .icn-vid {
    background-position: -9px -579px;
    width: 411px;
    height: 231px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.feb-pre-footer .col20 {
    width: 20%;
    float: left;
    padding-right: 10px;
    padding-top: 4px
}

.feb-pre-footer .col20 h4 {
    color: #272727;
    font-size: 19px;
    font-family: 'Zoho_Puvi_Bold';
    margin-left: 0;
    margin-bottom: 14px
}

.feb-pre-footer .col20 ul li {
    margin-bottom: 10px
}

.feb-pre-footer .col20 ul li a {
    color: #272727;
    font-size: 14px;
    line-height: 25px
}

.feb-pre-footer .col20 ul li a:hover {
    text-decoration: underline
}

.feb-pre-footer .col20 ul li a[href$="#"] {
    display: none
}

.feb-pre-footer .col20.col3 {
    padding-left: 30px
}

.feb-pre-footer .col20.col4 {
    padding-left: 30px
}

.feb-pre-footer .vid-sec-vid {
    border: 0;
    height: 210px;
    border-radius: 5px;
}

.feb-pre-footer .col1 h4 {
    color: #272727;
    font-size: 19px;
    font-family: Zoho_Puvi_Bold;
    margin-left: 0;
    margin-bottom: 14px
}

.feb-pre-footer .col1 ul li {
    margin-bottom: 10px
}

.feb-pre-footer .col1 ul li a {
    color: #272727;
    font-size: 14px;
    line-height: 25px
}

.feb-pre-footer .col1 ul li a:hover {
    text-decoration: underline
}

#btmBar {
    float: left;
}

footer {
    float: left;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .feb-pre-footer .col1 .vid-sec {
        width: 90%
    }
}

@media screen and (max-width: 1113px) {
    .feb-pre-footer .col1 .vid-sec .icn-vid {
        zoom: .8
    }
}

@media screen and (max-width: 1023px) {
    .feb-pre-footer {
        padding: 50px 0 !important
    }

    .feb-pre-footer .col1 {
        width: 100%
    }

    .feb-pre-footer .col20 {
        width: 33.333%
    }

    .feb-pre-footer .col1 .plogo-base ul li {
        width: calc(16.666% - 10px);
        margin-left: 10px
    }

    .feb-pre-footer .col1 .vid-sec {
        width: 50%;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 1200px) {
    .feb-pre-footer .col1 .vid-sec {
        width: 90%
    }
}

@media screen and (max-width: 767px) {
    .feb-pre-footer .col1 .vid-sec {
        height: auto
    }
}

@media screen and (max-width: 567px) {
    .feb-pre-footer .col1 .plogo-base ul li {
        width: calc(50% - 10px)
    }

    .feb-pre-footer .col20 {
        width: 100%;
        padding: 10px 0 !important
    }

    .feb-pre-footer .col20:last-child {
        padding-bottom: 0 !important
    }

    .feb-pre-footer .col1 {
        padding: 0
    }

    .feb-pre-footer .col1 .vid-sec {
        width: 100%;
        height: auto
    }

    .feb-pre-footer .col1 .vid-sec .icn-vid {
        zoom: .6
    }

    .feb-pre-footer .col1 .vid-sec iframe {
        width: 100%
    }
}

/* DOWNLOAD ARROW ANNIMATION for LP cta by VJ*/
.dwn-cta-ani {
    width: 14px;
    height: 15px;
    border-bottom: 2px solid #fff;
    display: inline-block;
    position: absolute;
    margin: 4px 0 0 -24px
}

.dwn-cta-ani:before,
.dwn-cta-ani:after {
    content: '';
    position: absolute;
    -moz-animation: dwncta-bounce 3s infinite;
    -webkit-animation: dwncta-bounce 3s infinite;
    animation: dwncta-bounce 3s infinite
}

.dwn-cta-ani:before {
    height: 0;
    width: 0;
    border: none;
    border-top: 7px solid #fff;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    left: 0;
    top: 3px
}

.dwn-cta-ani:after {
    width: 4.5px;
    height: 8px;
    background: #fff;
    display: inline-block;
    top: -5px;
    left: 5px
}

@-moz-keyframes dwncta-bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    60% {
        -moz-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-webkit-keyframes dwncta-bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    60% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@keyframes dwncta-bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    60% {
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

/* END DOWNLOAD ARROW ANNIMATION */
select.ukcountry_region {
    opacity: 1 !important;
}


/*Country specific CTA change 2024*/
body .CS_CTAContainer {
    display: none;
    box-sizing: border-box;
    font-family: "ZohoPuvi"
}

body .CS_CTAContainer.CS_CTA_Center {
    text-align: center
}

body .CS_CTAContainer.CS_CTA_mt_10 {
    margin-top: 10px
}

body .CS_CTAContainer.CS_CTA_mt_20 {
    margin-top: 20px
}

body .CS_CTAContainer.CS_CTA_mt_30 {
    margin-top: 30px
}

body .CS_CTAContainer.CS_CTA_mb_10 {
    margin-bottom: 10px
}

body .CS_CTAContainer.CS_CTA_mb_20 {
    margin-bottom: 20px
}

body .CS_CTAContainer.CS_CTA_mb_30 {
    margin-bottom: 30px
}

body .CS_CTAContainer a {
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-transform: none;
    border: none
}

body .CS_CTAContainer a.CS_CTABtn {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    background: #ef292c;
    color: #fff;
    padding: 10px 43px;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    border-width: 0;
    transition: background 0.3s ease-in-out
}

body .CS_CTAContainer a.CS_CTABtn:hover {
    background: #c71a1d;
    text-decoration: none
}

body .CS_CTAContainer a.CS_CTABtn:after {
    display: none
}

body .CS_CTAContainer a.CS_CTABtn.CS_CTABtn_r6 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

body .CS_CTAContainer a.CS_CTABtn.CS_CTABtn_r4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

body .CS_CTAContainer a.CS_CTABtn.CS_CTABtn_arrow {
    position: relative;
    padding: 10px 55px 10px 30px
}

body .CS_CTAContainer a.CS_CTABtn.CS_CTABtn_arrow::before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAdCAYAAAC0T3x2AAAABHNCSVQICAgIfAhkiAAAALtJREFUSEvt1u0RQDAMBmCZwCpGMIpNGM0KNmADG1Tqo3do8wb1L73zK7k8J9cEKsBxznWc0kppxAfVgQkGpVporYt2xm5dtC02RzZHoQPZLgMXqrhqKaz5hmP+kU4N4hPtUA8w9LmR4gMH63Wp/ohtCNEctvcPWED8y5w+ExmxE3KDMrXxhkShj1gUSUIvsSQiQg8xEYGQEoOICgKYClFDCUyNPIIu2HhMvHY3wf+6a6F9qEe/VrSIz1sANr+NSDcXBosAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    width: 12px;
    height: 14px;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
    pointer-events: none
}

body .CS_CTAContainer a.CS_CTABtn.CS_CTABtn_sm {
    font-size: 14px;
    line-height: 24px
}

body .CS_CTAContainer a.CS_CTABtn.CS_CTABtn_large {
    font-size: 20px;
    line-height: 30px
}

@media screen and (max-width:992px) {
    body .CS_CTAContainer {
        text-align: center
    }
}



/*product name style*/
img.prd_Name {
    width: 250px;
    height: 52px;
}