@media screen and ( min-width:761px){ .rhs-cont { width: 67% !important; } .lhs-tree { width: 28% !important; } } 
#survey{display:none !important}
.thanks{display:none;font-size: 20px;color: #fff;vertical-align: middle;margin: 138px auto;text-align: center;}
.pt1 {padding-top:15px;}
.introUl {display:block;margin:0 0 0 40px;padding:0;} .introUl > li {list-style-type:disc;line-height:35px;} .introUl > li > ul {margin:0 0 0 35px;}
.hglt2{background:#e4f2ff;}
.nav-dwn, #survey, #btmBar{display:none}
.card-flex{display:flex;-webkit-display:flex;flex-wrap:wrap;justify-content:center;}
.card-flex > div {background:#fff;margin:10px;width:40%;box-shadow:0 2px 2px 0 #ccc;-webkit-box-shadow:0 2px 2px 0 #ccc;}
.card-flex > div > p {padding:15px;}
.card-title{  color: #000; padding: 10px; background: #e0f7c2;  /*background: -webkit-gradient(linear, left top, right top, from(#470b49), to(#085078)); background: linear-gradient(to right, #470b49, #085078);*/}

.mt1{margin-top:25px;} .pad1 {padding:0 35px;} ul.ulPts {list-style-type:disc;margin:15px;padding:15px;} ul.ulPts li {line-height:35px;} .pt0 {padding-top:0;}

.banner-img {position: relative;}
.banner-img > img {width: 60%;  position: relative;}
.banner-img > ul {position:absolute;bottom:17%;width: 82%; left: 15%; list-style-type: none; margin: 0; padding: 0;}
.banner-img > ul li > img {width: 46%;}

.banner-img ul > li { padding: 0; text-align: center; position: relative; opacity: 0; }
.hglt1{background:#f1f4ff;}
.banner-img > ul > li:nth-child(1) { -webkit-animation-delay: .5s; animation-delay: .5s; }
.banner-img > ul > li:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.banner-img > ul > li:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.anim1 { opacity: 0; animation: fadeIn1 5s infinite;}
.anim2 { opacity: 0; animation: fadeIn2 5s infinite;}
.anim3 {opacity: 0; animation: fadeIn3 5s infinite;}

.br-left{border-left: 1px solid #ececec;}
.br-bottom-none .icon-block .at-icon-box{border-bottom:none;}

.ct-hglt {background: #470b49;  background: -webkit-gradient(linear, left top, right top, from(#470b49), to(#085078)); background: linear-gradient(to right, #470b49, #085078);}
.ct-hglt p{color:#fff;font-size:16px;}

@-webkit-keyframes fadeIn1 {
0% {opacity: 0;top: 50px;}
25% {opacity: 0.5;top: 0;}
40% {opacity: 1;top: 0;}
50% {opacity: 1;top: 0;}
60% {opacity: 0.8;top: 0;}
65% {opacity: 0.3;}
100% {opacity: 0;}}

@-webkit-keyframes fadeIn2 {
0% {opacity: 0;top: 50px;}
25% {opacity: 0.5;top: 0;}
30% {opacity: 1;top: 0;}
50% {opacity: 1;top: 0;}
55% {opacity: 0.8;top: 0;}
60% {opacity: 0.3;}
100% {opacity: 0;}}

@-webkit-keyframes fadeIn3 {
0% {opacity: 0;top: 50px;}
25% {opacity: 1;top: 0;}
50% {opacity: 1;top: 0;}
55% {opacity: 0.8;top: 0;}
70% {opacity: 0.1;}
100% {opacity: 0;}}

.sec-flex { display: -webkit-box; display: -ms-flexbox; display: flex;flex-wrap:wrap;}
.sec-flex > .flex-col > p { padding: 5px 25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.flex-ct { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; }
.flex-ct > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center;background: #fff; padding: 10px;}
.flex-ct > div > div.div-img { background: #fff; padding: 22px; display: inline-block; border-radius: 50%;    border: 1px solid #f5f5f5; box-shadow: 0px 5px 25px 0px rgba(148, 146, 245, 0.15); }
.flex-ct > div > div.div-img > img { width: 100%; max-width: 50px; vertical-align: middle;    transition: all 350ms ease-out; }
.flex-ct > div:hover img{transform: scale(1.2);}
.feedback-con h2 {font-size:30px;}


.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide img{width:90%;box-shadow:0px 0px 1px 1px #ccc;-webkit-box-shadow:0px 0px 1px 1px #ccc;-moz-box-shadow:0px 0px 1px 1px #ccc;}
.swiper-slide{text-align:center}
.swiper-button-next, .swiper-button-prev {  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.swiper-pagination-bullet-active{background:#000;}
.swiper-pagination{position:inherit;}
.swiper-pagination-bullets{bottom: 0 !important;}

.apply-head{text-align: center;margin: 40px 0px 30px;}
.license-list{background: #fbf6e3; padding: 20px 20px 20px 20px; border: 1px solid #f1f1f1;}
.license-list li{list-style-type: disc;margin-left: 20px;margin-bottom: 8px;}


.form-fixed h2{font-size:23px}
.opm-hglt {color:#f7d21e;font-size:40px;}
#customer-logo ul li {border:solid 1px #ececec;margin:5px;}
/* feedback styles begin */
.cus-feedback {position: relative;    width: 90%;    margin: 0 auto;}
.cus-feedback:before, .cus-feedback:after {content: " “ ";position:absolute;font-size:180px;font-family:arial;color:#b3b3b3;}
.cus-feedback:before {left: 0; top: 40px;}
.cus-feedback:after {right: 0; bottom: 140px;transform:rotate(-180deg)}
.cus-feedback p{width:80%;text-align:center;margin:0 auto;padding:15px 0;font-size:15px;}
.cus-det {    text-align: center;border-top: solid 1px #d6d6d6; padding: 10px 0; width: 70%; margin: 0 auto;margin-bottom:25px;}
.cus-feedback .cus-det p {margin:0 auto;padding:0;font-size:11px;text-align:center;line-height:19px;font-style:italic;color:#424242;}
.cus-feedback .cus-det p > strong {font-size:12px;}

.ncm-slider-heading { text-align: center;}
.ncm-slider-heading h2{margin-bottom: 30px;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-slide img{width:70%;}
.swiper-slide{text-align:center}
.swiper-button-next, .swiper-button-prev {  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.swiper-pagination-bullet-active{background:#000;}
/* feedback styles ends */



.mgnt{margin-top:50px;}
.banner-bg {background: #8fe8ec;  background: -webkit-gradient(linear, left top, right top, from(#fcfff3), to(#ffe1e5)); background: linear-gradient(to right, #fcfff3, #ffe1e5); padding: 20px 0; position: relative;    border-bottom: 1px solid #e5e5e5;}
.banner .col-left {padding: 0}


.banner-con {text-align:center;padding:20px 5px 20px;position:relative;animation:bannerCon 1.8s ease-in;}
.banner-con h1 > img { width: 100%; max-width: 30px; position: relative; padding-right: 7px; }
.banner-con h1 span{color: #7bbb2a; font-size: 30px;}
.banner-con h2, .banner-con h1 {margin:0 0 8px 0;position:relative;} 
.banner-con h1 {font-size:25px;  line-height:45px;margin-bottom: 30px;}
.banner-con h2 {font-size:18px;}
.btn-yel:link, .btn-yel:visited {background:#ffe109;color:#000;padding:10px 20px;border-radius:15px;text-decoration:none;margin-top:10px;
transition:all .35s ease-in-out;-webkit-transition:all .35s ease-in-out;display:inline-block;font-size:16px;position:relative;}
.btn-yel:hover{background:#fbae4c}

@-webkit-keyframes animH2 { 0% {left: -100px;}  100% {left:0;}}
@keyframes animH2 { 0% {left: -100px;}  100% {left:0;}}

@-webkit-keyframes animH1 { 0% {right: -100px;}  100% {left:0;}}
@keyframes animH1 { 0% {right: -100px;}  100% {right:0;}}

@-webkit-keyframes animA { 0% {bottom: -50px;}  100% {bottom:0;}}
@keyframes animA { 0% {bottom: -50px;}  100% {bottom:0;}}


.form-div h2, .form-div p{margin:0;color:#fff;} .form-div p{font-size: 12px;line-height: 20px;padding: 15px 0;} .form-sec {margin-top:25px;}
.input-row {padding:7px 0;}
.input-row input, .input-row select{width:100%;border:solid 1px #f3f3f3;border-radius:6px;padding:5px 10px ;outline:none;height:40px;box-sizing:border-box;background:#fff;font-size:13px;transition:all .3s ease-in-out;}
.input-row input:hover, .input-row select:hover{box-shadow:0 0 10px 0 #2a6569;-webkit-box-shadow:0 0 10px 0 #2a6569;}
.input-row input[type="submit"]{background:#ec1131;color:#fff;margin-top:10px;font-size:11px;font-weight:700;cursor:pointer;}
.btn-div a{position:relative;background: #ec1131; color: #fff; padding: 10px 15px; border-radius: 6px; text-decoration: none; margin: 25px 15px;display:inline-block;} .btn-div a:link, .btn-div a:visited{ transition:all .5s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.btn-div a:hover{box-shadow:0 5px 10px 0 #8a8a8a;-webkit-box-shadow:0 5px 10px 0 #8a8a8a;}
.dwn-priv{margin-top:0;color:#fff} .dwn-priv a {color:#e8ea5c;}

.feature-highlight {
    background: #FAFBFC;
    padding: 5px 5px 5px 110px;
    border-left: 3px solid #4da4d4 !important;
    border: 1px solid #eaf1f9;
    margin: 25px 0px 25px;
    position: relative;
    transition: transform .3s cubic-bezier(.68, -.55, .265, 1.55);
}
.feature-highlight h3{margin:10px 0 10px;}
.feature-highlight .div-img{position: absolute;left: 20px;top: 17px;}
.feature-highlight .div-img img{max-width: 60px;}
.feature-highlight:hover{box-shadow: 0px 5px 25px 0px rgba(148, 146, 245, 0.15);transform: translateY(-6px); }

.row {
    display: flex;
    flex-wrap: nowrap;
}
.col-1 { width: calc(5.5em + (100% - 6em)); padding-left: 0.25em; padding-right: 0.25em; }
.col-1.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; }
@media only screen and (min-width: 600px) { .col-1 { width: calc(((100% - 6em) / 12 * 1)); padding-left: 0.25em; padding-right: 0.25em; }
  .col-1.no-padding { width: calc(0.5em + ((100% - 6em) / 12 * 1)); padding-left: 0; padding-right: 0; } }
.col-2 { width: calc(5.5em + (100% - 6em)); padding-left: 0.25em; padding-right: 0.25em; }
.col-2.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; }
@media only screen and (min-width: 600px) { .col-2 { width: calc(0.5em + ((100% - 6em) / 12 * 2)); padding-left: 0.25em; padding-right: 0.25em; }
  .col-2.no-padding { width: calc(1em + ((100% - 6em) / 12 * 2)); padding-left: 0; padding-right: 0; } }
.col-3 { width: calc(5.5em + (100% - 6em)); padding-left: 0.25em; padding-right: 0.25em; }
.col-3.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; }
@media only screen and (min-width: 600px) { .col-3 { width: calc(1em + ((100% - 6em) / 12 * 3)); padding-left: 0.25em; padding-right: 0.25em; }
  .col-3.no-padding { width: calc(1.5em + ((100% - 6em) / 12 * 3)); padding-left: 0; padding-right: 0; } }
.col-4 { width: calc(5.5em + (100% - 6em)); padding-left: 0.25em; padding-right: 0.25em; }
.col-4.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; }
@media only screen and (min-width: 600px) { .col-4 { width: calc(1.5em + ((100% - 6em) / 12 * 4)); padding-left: 0.25em; padding-right: 0.25em; }
  .col-4.no-padding { width: calc(2em + ((100% - 6em) / 12 * 4)); padding-left: 0; padding-right: 0; } }
.col-5 { width: calc(5.5em + (100% - 6em)); padding-left: 0.25em; padding-right: 0.25em; }
.col-5.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; }
@media only screen and (min-width: 600px) { .col-5 { width: calc(2em + ((100% - 6em) / 12 * 5)); padding-left: 0.25em; padding-right: 0.25em; }
  .col-5.no-padding { width: calc(2.5em + ((100% - 6em) / 12 * 5)); padding-left: 0; padding-right: 0; } }
.col-6 { width: calc(5.5em + (100% - 6em)); padding-left: 0.25em; padding-right: 0.25em; }
.col-6.no-padding {/* width: calc(6em + (100% - 6em)); */padding-left: 0;padding-right: 0;}
@media only screen and (min-width: 600px) { .col-6 {/* width: calc(2.5em + ((100% - 6em) / 12 * 6)); */padding-left: 0.25em;padding-right: 0.25em;}
  .col-6.no-padding {/* width: calc(3em + ((100% - 6em) / 12 * 6)); */padding-left: 0;padding-right: 0;} }
.col-7 { width: calc(5.5em + (100% - 6em)); padding-left: 0.25em; padding-right: 0.25em; }
.col-7.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; }
@media only screen and (min-width: 600px) { .col-7 { width: calc(3em + ((100% - 6em) / 12 * 7)); padding-left: 0.25em; padding-right: 0.25em; }
  .col-7.no-padding { width: calc(3.5em + ((100% - 6em) / 12 * 7)); padding-left: 0; padding-right: 0; } }
.col-8 { width: calc(5.5em + (100% - 6em)); padding-left: 0.25em; padding-right: 0.25em; }
.col-8.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; }
@media only screen and (min-width: 600px) { .col-8 { width: calc(3.5em + ((100% - 6em) / 12 * 8)); padding-left: 0.25em; padding-right: 0.25em; }
  .col-8.no-padding { width: calc(4em + ((100% - 6em) / 12 * 8)); padding-left: 0; padding-right: 0; } }
.col-9 { width: calc(5.5em + (100% - 6em)); padding-left: 0.25em; padding-right: 0.25em; }
.col-9.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; }
@media only screen and (min-width: 600px) { .col-9 { width: calc(4em + ((100% - 6em) / 12 * 9)); padding-left: 0.25em; padding-right: 0.25em; }
  .col-9.no-padding { width: calc(4.5em + ((100% - 6em) / 12 * 9)); padding-left: 0; padding-right: 0; } }
.col-10 { width: calc(5.5em + (100% - 6em)); padding-left: 0.25em; padding-right: 0.25em; }
.col-10.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; }
@media only screen and (min-width: 600px) { .col-10 { width: calc(4.5em + ((100% - 6em) / 12 * 10)); padding-left: 0.25em; padding-right: 0.25em; }
  .col-10.no-padding { width: calc(5em + ((100% - 6em) / 12 * 10)); padding-left: 0; padding-right: 0; } }
.col-11 { width: calc(5.5em + (100% - 6em)); padding-left: 0.25em; padding-right: 0.25em; }
.col-11.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; }
@media only screen and (min-width: 600px) { .col-11 { width: calc(5em + ((100% - 6em) / 12 * 11)); padding-left: 0.25em; padding-right: 0.25em; }
  .col-11.no-padding { width: calc(5.5em + ((100% - 6em) / 12 * 11)); padding-left: 0; padding-right: 0; } }
.col-12 {/* width: calc(5.5em + (100% - 6em)); */padding-left: 0.25em;padding-right: 0.25em;}
.col-12.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; }
@media only screen and (min-width: 600px) { .col-12 {/* width: calc(5.5em + (100% - 6em)); */padding-left: 0.25em;padding-right: 0.25em;}
  .col-12.no-padding { width: calc(6em + (100% - 6em)); padding-left: 0; padding-right: 0; } }

  .tab-block .row{padding: 0px 0px;}
.icon-block { display: flex; flex-wrap: wrap; }
.icon-block .at-icon-box.confi-1::after { background-position:-14px -5px; }
.icon-block .at-icon-box.confi-2::after { background-position:-140px -7px; }
.icon-block .at-icon-box.confi-3::after { background-position:-255px -7px; }
.icon-block .at-icon-box.confi-4::after { background-position: -14px -98px; }
.icon-block .at-icon-box.confi-5::after { background-position:-140px -105px }
.icon-block .at-icon-box.confi-6::after { background-position: -254px -107px; }


.icon-block .at-icon-box { position: relative; color: #000; line-height: 1; top: 0; max-height: 100%; height: auto; transition: all 0.2s ease-out; padding: 45px 110px 45px 28px; opacity: 0.9; border-bottom: 1px solid #ececec;}
.icon-block .at-icon-box::after { width: 90px; height: 90px; background-image: url("https://www.manageengine.com/latam/netflow/images/fwa-nfa-document.svg"); background-repeat: no-repeat; background-size: 350px; display: block; content: ''; position: absolute; bottom: 20px; right: 13px; z-index: 0; filter: contrast(1) contrast(1); transition: all 0.5s ease; }
.icon-block .at-icon-box:hover { opacity: 1; }
.icon-block .at-icon-box:hover::after { transform: scale(1.1); bottom: 30px; right: 20px; }
.icon-block .at-icon-box .link { position: absolute; left: 0; right: 0; width: 100%; height: 100%; }
.icon-block .at-icon-box-text { font-weight: 300; vertical-align: middle; display: table-cell; z-index: 2; }
.icon-block .at-icon-box-text h4 { font-size: 20px; font-weight: 600; margin: 0 0 10px;line-height:30px; }
.icon-block .at-icon-box-text p { font-size: 14px; line-height: 1.5; margin-bottom: 0; }
.icon-block .at-icon-box-icon { display: table-cell; vertical-align: top; padding-left: 10px; width: 110px; height: 110px; }


.br-left{border-left: 1px solid #ececec;}
.br-bottom-none .icon-block .at-icon-box{border-bottom:none;}
  
.div-row {position:relative;} .div-row .flex-container {width:100%;max-width:1400px; margin:0 auto; display:flex;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;flex-wrap:wrap;}


.col-left {width:65%;}
.col-fixed{position:sticky;right:0;width:450px;height:100%;padding:25px;margin:25px 0;background:#fff;border-radius:6px}
.form-fixed {position: fixed;background: #535970;width: 300px;min-height: 300px;margin: 35px 0 0 45px;padding: 25px;border-radius: 6px;z-index:1;}
.form-container {width:100%;}

.div-row .content-sec {max-width:1400px;margin:0 auto;padding:0;}
.content-sec .col-left {width:68%;}

#VideosAndLogos, .opmRelPrd, #scroll {display:none;}
.icon-con{display:inline-block;width:50px;height:50px;border-radius:50%;border:solid 1px #ddd;} .p0{padding:0;}
.sec-hglt1 {background:#f9f9f9;} .card-bg{background:#fff;box-shadow:0 2px 3px 0 #ccc;-webkit-box-shadow:0 2px 3px 0 #ccc;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto; margin-top: 40px !important;}
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
  .swiper-slide{text-align:center}
.swiper-button-next, .swiper-button-prev {  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.swiper-pagination-bullet-active{background:#000;}
.slide-content{width:85%;margin:0 auto;display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;align-items:center;flex-wrap:wrap;padding-bottom:10px;}
.slide-content div:nth-child(1) {width: 15%; padding: 10px 30px; border-right: solid 1px #d0d0d0;}
 .slide-content div:nth-child(2) {  width: 60%; text-align: left; padding: 10px 30px; }
.bannerbg{background:#011215;text-align:center;} 
.col-content {width:100%;vertical-align:top;} .col-form {width:40%;height:96vh;float:left;vertical-align:top;position: -webkit-sticky; position: sticky;top:100px;}
.form-con{width:100%;height:92vh;background:#fff;padding:20px;margin:0 20px;}
.bg-dark {color:#000;box-shadow:0 2px 3px #ccc;-webkit-box-shadow:0 2px 3px #ccc;    border-top: solid 1px #ececec; border-top-left-radius: 5px;  border-top-right-radius: 5px;  border-bottom: solid 1px #f7f7f7;} .bg-dark h2{color:#383838;}  .row-pad {padding:2px 15px;} .row-pad h3, .row-pad h2 {display:inline-block;margin:0;}
.row-nopad h3{margin:0;padding:10px;display:inline-block;font-size:30px;color:#4c4c4c;}

.bg-l-grey{background:#f7f7f7;}
.heading-menu{display:none;}
.pb0{padding-bottom:0 !important;} .bg1{background:#fdfdef;padding:20px 30px;border:solid 1px #e6e6cf;border-radius:10px;}
.bgcolor{ background-color:#f5f5f5 !important;}


@media (min-width:1401px){
.col-left {width:71%;}.swiper-slide img{width:80%;} 
}

@media screen and (max-width: 1400px) {
.col-left {width:65%;}
}

@media (max-width:1200px){
.col-left, .content-sec .col-left {width:60%;} 
#AwardsHonors ul li {margin:5px;width:40%;}

}

@media screen and (max-width: 1024px){
.col-left, .col-right {width:100%;} .banner .col-left {padding:40px;} 
.form-fixed {position: relative;margin: 0 auto;margin-bottom: 50px;}
.content-sec .col-left {width:95%;margin:0 auto;}

}
@media (max-width:650px){
.slide-content div:nth-child(1), .slide-content div:nth-child(2) {width:95%;text-align:center;}
.slide-content div:nth-child(1) {border-right: 0;border-bottom: solid 1px #d0d0d0;padding:35px 0;}
.swiper-button-next, .swiper-button-prev {height:20px;}
.swiper-slide img{width:85%;}
.flex-ct {flex-wrap:wrap;}
.flex-ct > div { flex:auto;-webkit-flex:auto; }
.card-flex > div {width: 100%;}
.feature-highlight{padding: 75px 5px 5px 30px;}
.row{display: block;}
.banner-con{padding: 5px 5px 5px;}

.banner-con h1 {font-size: 16px;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 38px;}
.banner-con h1 span{font-size: 20px;margin-top: 0px;}
.content-sec .flex-ct{display: block;}
.banner .col-left{padding: 10px 20px 20px;}
.banner-img > img{width:100%;}

.br-bottom-none .icon-block .at-icon-box{border-bottom: 1px solid #ececec;}

}