/* new design */
.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

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

/* normalize css*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-size: 16px;
    font-family: "Zoho_Puvi_Regular";
    font-weight: 300;
    color: #000;
    letter-spacing: normal;
}

section * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article,
footer,
header,
section {
    display: block;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    color: #4CA9F5;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 500;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
    font-family: "Zoho_Puvi_SemiBold";
}

p {
    margin: 0 0 25px;
    line-height: 1.6;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-blue {
    color: #243A5D;
}

.text-light {
    color: #fff !important;
}

.text-dark {
    color: #000 !important;
}

.top-margin {
    margin-top: 25px !important;
}

.bottom-margin {
    margin-bottom: 25px !important;
}

.space-large {
    height: 50px;
}

.space-medium {
    height: 25px;
}

.space-small {
    height: 10px;
}

.margin-0 {
    margin: 0 !important;
}

.padding-0 {
    padding: 0 !important;
}

.non-click {
    cursor: default;
    pointer-events: none;
}

ol,
ul {
    margin: 0;
    list-style-type: none;
    padding: 0px;
}

strong,
b {
    font-weight: 600;
}

.rows:after,
.rows:before,
section:after,
section:before,
footer:after,
footer:before,
header:before,
header:after,
.container:before,
.container:after,
.clearfix:after,
.clearfix:before {
    display: table;
    content: "";
    clear: both;
}

.rows {
    margin-right: -10px;
    margin-left: -10px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1400px;
}

.container-fluid {
    width: 100%;
    max-width: 100%;
    position: relative
}

.cols-2,
.cols-25,
.cols-3,
.cols-4,
.cols-6,
.cols-8,
.cols-9,
.cols-10,
.cols-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.cols-2 {
    width: 16.6%;
}

.cols-25 {
    width: 20%;
}

.cols-3 {
    width: 25%;
}

.cols-4 {
    width: 33.3%;
}

.cols-6 {
    width: 50%;
}

.cols-8 {
    width: 66.6%;
}

.cols-9 {
    width: 75%;
}

.cols-10 {
    width: 87.5%;
}

.cols-12 {
    width: 100%;
}

@media only screen and (max-width: 1025px) {
    .cols-md-12 {
        width: 100%;
    }

    .cols-md-9 {
        width: 75%;
    }

    .cols-md-6 {
        width: 50%;
    }

    .cols-md-4 {
        width: 33.3%;
    }

    .cols-md-3 {
        width: 25%;
    }
}

@media only screen and (max-width: 650px) {
    .cols-sd-12 {
        width: 100%;
    }

    .cols-sd-9 {
        width: 75%;
    }

    .cols-sd-8 {
        width: 66.6%;
    }

    .cols-sd-6 {
        width: 50%;
    }

    .cols-sd-4 {
        width: 33.3%;
    }

    .cols-sd-3 {
        width: 25%;
    }
}

.headtitle {
    font-size: 2.2em;
    margin: 0 0 30px;
    line-height: 1.4;
    font-family: "Zoho_Puvi_Bold";
}

section:not(.customerlists) {
    padding: 120px 0;
}

.contactus-banner {
    background: url("../images/contact-us-bg.png") center bottom / cover no-repeat, linear-gradient(to bottom, #0969DF, #053979);
    padding: 150px 0 0;
    position: relative;
}

.banner-wrap {
    padding-bottom: 180px;
    text-align: center;
    color: #fff;
}

.banner-wrap h1 {
    font-size: 2.6em;
    font-family: "Zoho_Puvi_Bold";
    line-height: 1.3;
    margin: 0 0 15px;
}

.banner-wrap P {
    margin: 0;
    font-size: 1.1em;
}

.customerlists {
    position: relative;
    top: -180px;
}

.contactus-banner:after {
    position: absolute;
    content: "";
    height: 22%;
    left: 0;
    width: 100%;
    background: #fff;
    bottom: 0;
}

.customer-container {
    display: flex;
    justify-content: space-between;
    color: #fff;
    position: relative;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto;
}

.newex-cutomer {
    background: #18181C;
    border-radius: 8px;
    padding: 40px 55px;
    position: relative;
    border-top-left-radius: 0;
}

.newex-cutomer.new-customer {
    width: 35%;
    max-width: 35%;
}

.newex-cutomer.ex-customer {
    width: calc(65% - 25px);
    max-width: calc(65% - 25px);
}

.custom-type {
    display: inline-block;
    position: absolute;
    top: -42.5px;
    color: #fff;
    font-size: 1em;
    line-height: normal;
    left: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 3px;
    background: #009B50;
    padding: 12px 30px;
}

.ex-customer .custom-type {
    background: #FFC73E;
    color: #000;
    padding: 12px 40px;
}

.custom-type:after {
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 42.5px 0 0 50px;
    border-color: transparent transparent transparent #009B50;
    transform: rotate(0deg);
    position: absolute;
    right: -48px;
    top: -0px;
}

.ex-customer .custom-type:after {
    border-color: transparent transparent transparent #FFC73E;
}

.newex-cutomer h2 {
    margin: 0 0 10px;
    line-height: 1.5;
    font-size: 1.25em;
}

.newex-cutomer p {
    color: #D1D1D1;
    width: 90%;
    font-size: 0.9em;
    margin-bottom: 35px;
}

.newex-cutomer a {
    color: #FFC538;
    text-decoration: underline;
    letter-spacing: 0.5px;
}

.newex-cutomer a:hover {
    text-decoration: none;
}

.ex-customer ul {
    display: flex;
    justify-content: space-between;
}

.ex-customer ul li {
    position: relative;
}

.ex-customer a {
    position: absolute;
    bottom: -45px;
}

.ex-customer ul li:nth-child(1) {
    width: 40%;
    max-width: 40%;
    position: relative;
}

.ex-customer ul li:nth-child(1):after {
    content: '';
    height: 110%;
    border-right: 1px dashed #949494;
    width: 2px;
    right: -30px;
    display: block;
    top: 0;
    position: absolute;
}

.ex-customer ul li:nth-child(2) {
    width: calc(60% - 90px);
    max-width: calc(60% - 90px);
}

.getintouch .container {
    max-width: 1200px;
}

.getintouch-wrapper {
    display: flex;
    justify-content: space-between;
}

.getlr.getinleft {
    width: 28%;
    flex-shrink: 0;
}

.getlr.getinright {
    width: calc(72% - 100px);
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
}

.getinaddress {
    width: calc(50% - 15px);
    flex-shrink: 0;
}

.getinaddress ul li {
    border-radius: 3px;
    border: 1px solid rgba(202, 212, 255, 0.59);
    background: #FAFBFF;
    padding: 40px;
}

.getinaddress ul li:first-child {
    margin-bottom: 20px;
}

.getinaddress ul li h3 {
    font-size: 1.3em;
    display: flex;
    align-items: center;
    font-family: "Zoho_Puvi_SemiBold";
    margin: 0;
}

.countryflags {
    display: inline-block;
    width: 45px;
    height: 30px;
    margin-right: 7px;
    background: url("https://www.manageengine.com/latam/css/../images/contactus-countryflags.png") no-repeat;
    background-size: 160px;
}

.countryflags.auflag {
    background-size: 175px;
    background-position: -2px -8px;
    width: 40px;
}

.countryflags.inflag {
    background-position: -120px -126px;
}

.countryflags.usaflag {
    background-size: 207px;
    background-position: -108px -168px;
}

.countryflags.ukflag {
    background-position: -39px -126px;
}

.seprate-line {
    display: block;
    margin: 32px 0;
    border: 0.5px solid rgba(0, 0, 0, 0.22);
}

.getinaddress ul li p {
    margin: 0 0 5px;
}

.getinaddress ul li p,
.getinaddress ul li p a {
    color: #0069D0;
}

.getinaddress ul li p:last-child {
    margin: 0;
}

.solfinder-wrapper {
    border-radius: 6px;
    border: 1px solid #C0E0FF;
    background: url("https://www.manageengine.com/latam/css/../images/contactus-solution-finder.png") right center/contain no-repeat #fff;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.09);
    padding: 50px 90px;
    margin-top: 100px;
    position: relative;
    overflow: hidden;
}

.solfinder-wrapper .headtitle {
    font-size: 1.6em;
    margin-bottom: 20px;
}

.solfinder-wrapper p {
    margin: 0;
}

.solfinder-wrapper p a {
    color: #0b7bec;
    text-decoration: underline;
}

.solfinder-wrapper p a:hover {
    color: #000;
    text-decoration: none;
}

.solfinder-wrapper img {
    position: absolute;
    width: 505px;
    right: 0px;
    top: 0;
}

.finder-cta {
    display: inline-block;
    background: #0169d0;
    color: #fff;
    border-radius: 4px;
    padding: 12px 25px;
    font-family: 'Zoho_Puvi_Medium';
}

.finder-cta:hover {
    text-decoration: none;
    background: #007fff;
}

.generalinquiries {
    background: linear-gradient(to bottom, #18181C, #212121);
}

.generalinquiries .headtitle {
    color: #fff;
}

.generalinquiries-list {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

.generalinquiries-list li {
    background: #FFFFFF;
    border: 1px solid #CAD4FF;
    border-radius: 5px;
    padding: 40px 50px;
    width: 33%;
}

.generalinquiries-list li:first-child {
    margin-right: 15px;
}

.general-head {
    position: relative;
    font-size: 1.4em;
    font-family: "Zoho_Puvi_SemiBold";
    padding-bottom: 30px;
    margin: 0;
    line-height: 1.4;
    border-bottom: 1px solid rgb(0 0 0 / 18%);
    display: flex;
    align-items: center;
    min-height: 100px;
}

.general-head:before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 55px;
    margin-right: 7px;
}

.generalinquiries-list li:first-child .general-head:before {
    background: url("https://www.manageengine.com/latam/css/../images/media-and-public-relations.svg") left center/45px no-repeat;
}

.generalinquiries-list li:last-child .general-head:before {
    background: url("https://www.manageengine.com/latam/css/../images/analyst-relations.svg") left center/50px no-repeat;
}

.generalinquiries-list li p {
    margin: 0;
    padding: 30px 0 0;
    color: #454545;
}

.generalinquiries-list li p a {
    text-decoration: underline;
    color: #454545;
}

.generalinquiries-list li p a:hover {
    text-decoration: none;
}

.ourofficesworldwide .headtitle {
    margin-bottom: 10px;
}

.ourofficesworldwide .headtitle+p {
    font-size: 1.1em;
}

.ourofficesworldwide .rows:last-child {
    margin-top: 100px;
}

.stickyanim {
    position: sticky;
    top: 100px;
}

.tab-container,
.md-accordion {
    background: #000;
    border-radius: 5px;
    padding: 40px 40px 20px;
    color: #fff;
    margin-right: 30px;
}

.md-accordion {
    display: none;
}

.tab-wrapper {
    border-bottom: 1px solid #292929;
    margin-bottom: 20px;
}

.tab-wrapper:first-child .reginaol-head {
    margin-top: 0;
}

.tab-wrapper:last-child {
    margin: 0;
    border: 0;
}

.reginaol-head,
.md-accordion-head {
    color: #fff;
    font-family: 'Zoho_Puvi_SemiBold';
    font-size: 1.05em;
    display: block;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
    padding-right: 30px;
}

.reginaol-head:after,
.md-accordion-head:after {
    position: absolute;
    content: '';
    width: 14px;
    height: 10px;
    transform: translate(-50%, -50%);
    right: 0;
    top: 50%;
    background: url("../images/contactus-droparrow.svg") center / 100% no-repeat;
    transition: all ease 0.5s;
}

.reginaol-head.tabOpen,
.reginaol-head:hover {
    color: #47A4FF;
}

.reginaol-head.tabOpen:after,
.md-accordion.ddheadactive .md-accordion-head:after {
    transform: translate(-50%, -50%) rotate(180deg);
}

.tab-wrapper ul {
    padding: 0 0 20px 15px;
    display: none;
}

.tab-wrapper ul li {
    padding-bottom: 10px;
    cursor: pointer;
}

.regicountry-wrapper {
    margin-bottom: 70px;
}

.regicountry-wrapper:last-child {
    margin-bottom: 0;
}

.heading-wrap {
    position: relative;
    margin: 0 0 50px;
}

.heading-wrap:before {
    content: '';
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    background: #C1C1C1;
}

.regi-heading {
    font-size: 1.6em;
    font-family: 'Zoho_Puvi_Bold';
    margin: 0;
    position: relative;
    background: #fff;
    display: inline-block;
    padding-right: 30px;
}

.country-cols {
    display: flex;
    justify-content: space-between;
}

.country-cols .cols-lr {
    width: calc(50% - 8px);
    align-self: flex-start;
}

.cols-lr .address-lists {
    border: 1px solid #CDCDCD;
    padding: 50px;
    border-radius: 7px;
    margin-bottom: 18px;
}

.cols-lr .address-lists:last-child {
    margin: 0;
}

.cols-lr .address-lists.card-highlighted {
    animation: cardshadow 1.25s .001s 1 cubic-bezier(0, -0.35, 0, 0.99)
}

@keyframes cardshadow {
    50% {
        box-shadow: 0 5px 21px 0 #d6dde6;
        border: 1px solid #056cb8;
        transform: scale(1.02)
    }
}

.regicountryflags {
    display: inline-block;
    width: 45px;
    height: 30px;
    margin-right: 7px;
    background: url("https://www.manageengine.com/latam/css/../images/contactus-countryflags.png") no-repeat;
    background-size: 160px;
}

.regicountryflags.auflag {
    background-size: 165px;
    background-position: -2px -6px;
    width: 40px;
}

.regicountryflags.inflag {
    background-position: -120px -126px;
}

.regicountryflags.usaflag {
    background-size: 207px;
    background-position: -108px -168px;
}

.regicountryflags.ukflag {
    background-position: -39px -126px;
}

.regicountryflags.canadaflag {
    background-position: -52px -59px;
    background-size: 195px;
}

.regicountryflags.chinaflag {
    background-position: -119px -46px;
}

.regicountryflags.sinflag {
    background-position: -123px -7px;
    background-size: 165px;
}

.regicountryflags.japanflag {
    background-position: -80px -46px;
    width: 40px;
}

.regicountryflags.mexflag {
    background-position: 0px -50px;
    background-size: 170px;
}

.regicountryflags.coloflag {
    background-position: -41px -7px;
    background-size: 165px;
}

.regicountryflags.brazilflag {
    background-position: 0px -135px;
    background-size: 170px;
    width: 43px;
}

.regicountryflags.nethflag {
    background-position: -92px -9px;
    background-size: 182px;
}

.regicountryflags.saflag {
    background-position: -128px -92px;
    background-size: 170px;
}

.regicountryflags.uaeflag {
    background-position: -92px -99px;
    background-size: 180px;
}

.regicountryflags.nigflag {
    background-position: -44px -92px;
    background-size: 170px;
}

.regicountryflags.egyptflag {
    background-position: 1px -88px;
    background-size: 163px;
}

.cols-lr h4 {
    font-size: 1.3em;
    font-family: 'Zoho_Puvi_Bold';
    padding-bottom: 30px;
    margin: 0 0 30px 0;
    position: relative;
    display: flex;
    align-items: center;
}

.cols-lr h4:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.5px;
    background: rgba(0, 0, 0, 0.33);
}

.address-location h5 {
    font-size: 1.15em;
    font-family: 'Zoho_Puvi_Bold';
    color: #202020;
    margin-bottom: 5px;
}

.address-location .substate-heading {
    font-size: 1em;
    font-family: 'Zoho_Puvi_SemiBold';
    color: #202020;
}

.address-location p {
    color: #454545;
    line-height: 1.8;
    word-wrap: break-word;
}

.address-location p a {
    color: #454545;
    text-decoration: underline;
}

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

.address-location:last-child p {
    margin: 0;
}

@media only screen and (max-width:1550px) {
    .container {
        max-width: 1200px;
    }

    .getintouch .container {
        max-width: 1100px;
    }

    .generalinquiries-list li {
        width: 37%;
    }

    .ex-customer a {
        bottom: -18px;
    }
}

@media only screen and (max-width:1250px) {

    .container,
    .getintouch .container {
        max-width: 90%;
        padding: 0;
    }

    .customer-container {
        max-width: 100%;
    }

    .getlr.getinright {
        width: calc(72% - 50px)
    }

    .generalinquiries-list li {
        width: 42%;
    }
}

@media only screen and (max-width:1025px) {
    section:not(.customerlists) {
        padding: 80px 0;
    }

    #commonHeader {
        min-height: 64px;
        height: 64px;
    }

    .abheader #MEmobPanel {
        top: 62px;
    }

    #header-mainsec .headerinner {
        position: fixed;
        padding: 5px 0;
    }

    .cols-lr .address-lists {
        padding: 35px;
    }

    .tab-wrapper ul,
    .reginaol-head:after {
        display: none !important;
    }

    .ourofficesworldwide .rows:last-child {
        margin-top: 50px;
    }

    .accordion-wrapper {
        position: relative;
        width: 450px;
        margin: 0 auto 50px;
    }

    .tab-container {
        margin: 0;
        position: absolute;
        z-index: 9;
        width: 100%;
        top: 85px;
        display: none;
    }

    .md-accordion {
        margin: 0 0 3px;
        display: block;
        padding: 30px;
        cursor: pointer;
    }

    .md-accordion .md-accordion-head {
        margin: 0;
    }

    .md-accordion.ddheadactive .md-accordion-head:after {
        margin: 0;
    }

    .heading-wrap {
        text-align: center;
    }

    .regi-heading {
        padding: 0 30px;
    }

    .headtitle {
        margin-bottom: 15px;
    }

    .contactus-banner {
        padding: 80px 0 0;
    }

    .stickyanim {
        position: relative;
        z-index: 1;
        top: auto;
    }
}

@media only screen and (max-width:992px) {

    .customer-container,
    .ex-customer ul {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .newex-cutomer.ex-customer,
    .newex-cutomer.new-customer {
        width: 70%;
        max-width: 70%;
    }

    .newex-cutomer.new-customer {
        margin-bottom: 70px;
    }

    .ex-customer ul li:nth-child(1),
    .ex-customer ul li:nth-child(2),
    .getlr.getinleft,
    .getlr.getinright {
        width: 100%;
        max-width: 100%;
    }

    .ex-customer ul li:nth-child(1) {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .ex-customer ul li:nth-child(1):after {
        height: 2px;
        border-right: 0;
        border-bottom: 1px dashed #949494;
        width: 100%;
        right: auto;
        top: auto;
        bottom: -5px;
    }

    .getintouch-wrapper {
        flex-direction: column;
    }

    .getlr .headtitle br {
        display: none;
    }

    .getlr.getinleft {
        text-align: center;
    }

    .getlr .headtitle+p {
        width: 70%;
        margin: 0 auto 50px;
    }

    .solfinder-wrapper {
        padding: 50px;
        background: url("https://www.manageengine.com/latam/css/../images/contactus-solution-finder.png") right top/50% no-repeat #fff;
    }

    .generalinquiries-list li {
        width: 100%;
        padding: 35px;
    }

    .ex-customer a {
        position: static;
    }

    .banner-wrap {
        padding-bottom: 140px;
    }
}

@media only screen and (max-width:800px) {
    .solfinder-wrapper {
        background-size: 40%;
    }
}

@media only screen and (max-width:650px) {

    .newex-cutomer.ex-customer,
    .newex-cutomer.new-customer,
    .getinaddress,
    .getlr .headtitle+p {
        width: 100%;
        max-width: 100%;
    }

    .getlr.getinright {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .solfinder-wrapper {
        background-size: 35%;
    }

    .solfinder-wrapper .headtitle br {
        display: none;
    }

    .generalinquiries-list {
        flex-direction: column;
    }

    .generalinquiries-list li:first-child {
        margin: 0 0 15px 0;
    }

    .getinaddress ul li:last-child {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:550px) {

    .accordion-wrapper,
    .country-cols .cols-lr,
    .finder-cta {
        width: 100%;
    }

    .country-cols {
        flex-direction: column;
    }

    .cols-lr .address-lists,
    .cols-lr .address-lists:last-child {
        margin-bottom: 18px;
    }

    .cols-lr:last-child .address-lists:last-child {
        margin: 0;
    }

    .newex-cutomer {
        padding: 40px;
    }

    .solfinder-wrapper {
        padding: 250px 40px 40px;
        background-size: contain;
        text-align: center;
    }

    .custom-type {
        padding: 12px 18px;
    }

    .solfinder-wrapper .headtitle {
        font-size: 1.4em;
    }
}

@media only screen and (max-width:480px) {
    .solfinder-wrapper {
        padding: 200px 40px 40px;
    }

    .custom-type:after {
        right: -37.5px;
        border-width: 42.5px 0 0 39px;
    }
}

.getintouch,.generalinquiries,.ourofficesworldwide{padding: 120px 0;}
section:not(.customerlists) {
    padding: 0px 0;
}
.seprate-line {
    display: block;
    margin: 32px 0 16px;
    border:none;
    border-top: 1px solid rgba(0, 0, 0, 0.22);
}
body{background:#fff}
div * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav-webinars{margin: 15px 8px !important;}