.rhs-cont{width:100%;border:none;padding:0;}
.lhs-tree{display:none;}
.heading-menu {
    background: #ecedee;
    padding: 5px 0;
    min-height: 40px;
    color: #424f56;
    border-bottom: 1px solid #C5CBD4;
    position: relative;
    overflow: hidden;
    clear: both;
}
.heading-menu .menuhead {
    display: inline-block;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 24px;
    line-height: 40px;
}
img {
    width: auto;
    height: auto;
    vertical-align: middle;
    max-width: 100%;
    border: none;
    -ms-interpolation-mode: bicubic;
}
h1, .h1, .pg-head, .hTag1 {
    font-size: 35px;
    line-height: 45px;
    margin: 0 0 30px;
    color: #333;
    letter-spacing: -1px;
    font-weight: 400;
}
.head-container, .container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    transition: all 0.2s ease-in 0s;
}
.inline-photo {opacity: 0;transform: translateY(4em) rotateZ(-5deg);transition: transform 4s .25s cubic-bezier(0,1,.3,1),opacity .3s .25s ease-out;will-change: transform, opacity;}
.inline-photo.is-visible {opacity: 1;transform: rotateZ(0deg);}
.is-visible .main-photo {transform: none;}
.is-visible .heading {transform: translate(-50%, -50%);}

.parallax {position:relative;z-index:0}
div.parallax:before {content:""; background: url(https://www.manageengine.com/products/firewall/images/fms-parallax-bg.jpg) no-repeat top;position:absolute;width:100%;height:100%;background-size:cover;top:0;z-index:-1;opacity:.09;background-attachment:fixed;}

.btn-arrow {display:inline-block;position:relative;background:#f6e2fb;color:#6919b1;text-transform:uppercase;padding:10px 30px;border-radius:30px;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.btn-arrow:before {position: absolute;bottom:-12px;left: 50%;content: '';width: 16px;height: 16px;margin: -12px 0 0 -8px;border-left: 3px solid #740ca5;border-bottom: 3px solid #740ca5;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);box-sizing: border-box;  -moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite; animation: bounce 2s infinite;}
.btn-arrow:hover {text-decoration:none;background:#e1b4ec;}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0) rotate(-45deg); }
  40% { transform: translateY(-10px) rotate(-45deg); }
  60% { transform: translateY(-15px) rotate(-45deg); }
}

.heading-menu ,#scroll, .mbH{display:none}
.hglt1{background:#4f1688;} .fnt-white {color:#fff;} .mt1 {margin-top:70px;} .ct-ht {min-height:400px;} .fnt-xl {font-size:65px;} .min-ht-auto{min-height:auto !important;}

 html, body{padding: 0; margin: 0; font-family: "zoho_puvi_regular"; font-size: 14px;}
h1, .h1, h2, h3, h4, h5, h6 {font-family:"zoho_puvi_bold";}
.fnt-regular {font-family:"zoho_puvi_regular"} .fnt-light {font-family:"zoho_puvi_light"} .fnt-bold {font-family:"zoho_puvi_bold"}


.no-gutter [class*="col-"] {padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
.col-1 {width: calc(1 / 12 * 100%);}
.col-2 {width: calc(2 / 12 * 100%);}
.col-3 {width: calc(3 / 12 * 100%);}
.col-4 {width: calc(4 / 12 * 100%);}
.col-5 {width: calc(5 / 12 * 100%);}
.col-6 {width: calc(6 / 12 * 100%);}
.col-7 {width: calc(7 / 12 * 100%);}
.col-8 {width: calc(8 / 12 * 100%);}
.col-9 {width: calc(9 / 12 * 100%);}
.col-10 {width: calc(10 / 12 * 100%);}
.col-11 {width: calc(11 / 12 * 100%);}
.col-12 {width: calc(12 / 12 * 100%);}
[class*="col-"] {padding: 15px;box-sizing: border-box;-webkit-box-sizing: border-box;}

.row::after {content: "";clear: both;display: table;}
.row{display: -ms-flexbox;display: -webkit-flex; display: flex;flex-wrap: wrap;align-items:center;}

.banner {background: #e7cafb url(https://www.manageengine.com/products/firewall/images/fms-banner-bg.svg) no-repeat top; background-size:cover;background-position:right;border-bottom:solid 3px #e7cafb;}
.banner-title {padding:75px 0;position:relative; -webkit-animation: bannerCtAnim 3s ease-in-out;animation: bannerCtAnim 3s ease-in-out;} .banner-title a {margin-top:20px;}

@-webkit-keyframes bannerCtAnim { 0% {transform:translateY(-20px);opacity:0;}  100% {transform:translateY(0px);opacity:1;}}
@keyframes bannerCtAnim { 0% {transform:translateY(-20px);opacity:0;}  100% {transform:translateY(0px);opacity:1;}}

.bannerImg {-webkit-animation:bannerImgAnim 3s ease-in-out;animation:bannerImgAnim 3s ease-in-out;position:relative;}

@-webkit-keyframes bannerImgAnim { 0% {transform:translateY(20px);opacity:0;}  100% {transform:translateY(0px);opacity:1;}}
@keyframes bannerImgAnim { 0% {transform:translateY(20px);opacity:0;}  100% {transform:translateY(0px);opacity:1;}}


.banner .h1, .sec-title {font-size:40px;line-height:55px;}
.banner p {font-size:21px;line-height:35px;font-family:"zoho_puvi_light";}
.fnt-l {font-size:19px;line-height:35px;font-family:"zoho_puvi_light";}
a.btn:link, a.btn:visited {display: inline-block;padding: 10px 25px;border: 2px solid #6d1da5;border-radius: 25px;background: #6b1da2;color: #5708af;font-size: 19px;text-decoration: none;transition: all .3s ease-in-out;line-height:25px;color:#fff;}
a.btn:hover {background:#fff;color:#6b1da2;border-color: #6b1da2;}

.body-wrapper .sec-pTB .row {min-height:400px;}
.body-wrapper .sec-pTB:nth-child(even) .row {flex-direction:row-reverse;}
.body-wrapper .sec-pTB .row .col-5 > img {max-width:445px;width:100%;}
.body-wrapper .sec-pTB:nth-child(odd) {background:#f6effb;}
.body-wrapper .sec-pTB:nth-last-child(1) {background:#fff;}
.body-wrapper {font-family:"zoho_puvi_light";}
.body-wrapper p {font-size:19px;line-height:35px;}
.body-wrapper  h2 {font-size:35px;line-height:40px}

.txt-hglt {color:#7613c5;}
.dwn-form {background:#f9f9f9;padding:35px;-webkit-box-shadow:5px 5px 5px 0 #ececec;box-shadow:5px 5px 5px 0 #ececec;width:70%}
input[type="submit"], input[type="reset"] {display: inline-block;width: 40%;margin-right:10px; cursor:pointer;}
.form-title{font-weight:bold;margin-top:0;margin-bottom: 5px;}

input[type="submit"]{background:#e31721; color: #fff; border-color: #e31721;}
input[type="submit"]:focus, input[type="submit"]:hover{opacity:0.9;}
.leadForm inputgroup{margin-bottom:10px; display: flex; flex-direction: column; flex-wrap: wrap;}
.leadForm inputgroup.two-btn{flex-direction: row; }
.leadForm inputgroup .error-field,.leadForm inputgroup .error-field1{display:none}
.leadForm inputgroup sup{color:#bbb;font-size:10px}
.leadForm inputgroup input.input,.leadForm inputgroup select{padding:10px;display:block;outline:none;border:1px solid #eee;transition:all ease .5s;background:#fff;width:95%;box-sizing:border-box;}
.leadForm inputgroup select{height: 35px;}
.sub-title{font-weight:bold;}

.bbtm{border-bottom:1px solid #e5d5ef;} .padb {padding-bottom:60px;} .padtb {padding:70px 0;}

a.btn-dwnload > span {display:inline-block;width:35px;height:30px;margin-right:25px;border-right:1px solid #fff;padding-right:15px;} a.btn-dwnload > span > img {width:25px;}
a.btn-dwnload:link, a.btn-dwnload:visited {display:inline-block;background:#e31521;color:#fff;text-decoration:none;padding:10px 25px;font-weight:bold;font-size:19px;border-radius:25px;vertical-align:middle;line-height:30px;transition:all ease-in-out .3s}
a.btn-dwnload:hover {background:#f00;}

@media screen and (max-width: 600px) {
	[class*="col-"] {width: 100%;}
}
@media screen and (max-width: 768px) and (min-width: 601px) {
	[class*="col-"] {width: 50%;}
}




@media (min-width: 1200px) {
.container {max-width:1170px;}
}