@media screen and (max-width:500px){
.notiSty{display:none !important} 
}
.fixed_bar_scontainer{margin:485px 0 0;}
.fixed_bar_hcontainer{margin:484px -89px 0; }
.hideAnimation{margin:484px -89px 0 0;}
.showAnimation{margin:484px 0 0;}

/*New update start*/
.heading-menu, #footerLnks, #admpcutomerlogos{display:none}
section#allFea {
    background: #fff;
}
body{margin:0;padding:0;background:#f6fcff}
.af{font-family:ZohoPuvi;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0}
.af a,.af label,.af li,.af p,.af span,.af td{line-height:24px;font-size:14px}
.af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0}
.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 a,.af div,.af h1,.af h2,.af input,.af li,.af p,.af span,.af ul{box-sizing:border-box}
.af div{box-sizing:border-box}
.af{width:100%;display:inline-block}
.ac{margin:0 auto;position:relative;max-width:1200px}
div:after{content:"";clear:both;display:table}
img{-ms-interpolation-mode:bicubic;display:inline-block;height:auto;max-width:100%;vertical-align:middle}
.ban{background:#000;text-align:center;padding:80px 0 200px 0}
.ban h1{color:#fff;font-size:40px;font-weight:400}
.ban h1 span{display:block;font-size:70px;color:#ffe44d;line-height:82px;font-weight:700}
.ban-tag{background:#fff;border-radius:20px;padding:40px 70px;text-align:center;box-shadow:0 1px 8px -5px #33333357;margin-top:-130px}
.ban-tag p{font-size:16px;font-weight:300;line-height:26px}
.ban-tag:after,.ban-tag:before{content:'';position:absolute;background:url('https://www.manageengine.cn/products/ad-manager/images/roi-calculator-sprite-23.png') no-repeat;background-size:706px 607px}
.ban-tag:before{background-position:-90px -4px;width:99px;height:104px;left:0;top:-122px}
.ban-tag:after{background-position:-223px -10px;width:99px;height:74px;right:20px;top:-74px}
.user{background:#fff;border-radius:20px;padding:40px 45px;text-align:center;box-shadow:0 1px 8px -5px #33333357;margin-top:50px;text-align:left;position:relative}
.user h3{font-size:20px;font-weight:500;padding:0 0 15px 5px}
.user-panel{float:left;width:65%;border:1px solid #a7b7ed;background:#f8faff;border-radius:20px;padding:40px 40px 25px 40px;position:relative}
.user-panel ul li{margin-bottom:20px;width:100%;float:left}
.user-panel ul li .lab{float:left;width:calc(100% - 225px);display:table;height:42px;padding:0 30px 0 0}
.user-panel ul li .lab label{display:table-cell;vertical-align:middle;font-size:16px;font-weight:400}
.user-panel ul li .fild{width:225px;float:left;position:relative}
.user-panel ul li .fild input{width:100%;height:42px;border:1px solid #d5e0ee;font-size:16px;font-weight:400;font-family:ZohoPuvi;padding:4px 4px 4px 12px;border-radius:4px}
.user-panel ul li .fild .plachold{position:absolute;right:30px;color:#586583;top:11px;border-left:1px solid #d5e0ee;line-height:18px;padding-left:10px;font-size:11.5px}
.err{
    color: #ff5722;
    font-size: 12px;
    position: absolute;
    left: 1px;
    bottom: -28px;
    display: none;
    text-align: center;
    padding: 8px 0;
    border-radius: 7px;
}
.user-calc{float:left;width:35%;padding:120px 0 0 70px}
.user-calc .ic-calc{background:url('https://www.manageengine.cn/products/ad-manager/images/roi-calculator-sprite-23.png') no-repeat -363px -1px;background-size:706px 739px;width:162px;height:185px;display:table;margin:0 auto;margin-bottom:30px}
.user-calc .calcroi{background:#3b8e4c;color:#fff;text-align:center;width:100%;display:block;border-radius:3px;font-size:18px;font-weight:400;cursor:pointer;padding:15px 30px 15px 10px;position:relative;transition:all .5s ease}
.user-calc .calcroi:before{content:'';position:absolute;background:url(https://www.manageengine.cn/products/ad-manager/images/roi-calculator-sprite-23.png) no-repeat -3px -3px;background-size:706px;width:23px;height:13px;margin:6px 0 0 125px;transition:all .5s ease}
.user-calc .calcroi:hover{background:#1f7330}
.savi{background:#161d3d;border-radius:20px 20px 0 0;box-shadow:0 1px 8px -5px #33333357;padding:0;margin-top:120px;position:relative}
.savi:after,.savi:before{content:'';position:absolute;background:url('https://www.manageengine.cn/products/ad-manager/images/roi-calculator-sprite-23.png') no-repeat;background-size:706px}
.savi:before{background-position:-550px -15px;width:90px;height:88px;top:-71px;left:50px}
.savi:after{background-position:-259px -130px;width:35px;height:43px;right:-20px;top:200px}
.savi .tit{background:#19224a;border-radius:20px;padding:20px 35px;text-align:center;color:#fff}
.savi .tit h2{font-size:26px;font-weight:500; color: #fff;}
.finl-res .tit{background:#081F8D;border-radius:0px;padding:20px 35px;text-align:center;color:#fff}
.finl-res .tit h2{font-size:26px;font-weight:500; color: #fff}
.all-sav{padding:40px 100px 30px 100px;color:#fff}
.all-sav ul li{float:left;width:50%}
.all-sav .sav-box{position:relative;padding:30px}
.all-sav .sav-box i{background-image:url('https://www.manageengine.cn/products/ad-manager/images/roi-calculator-sprite-23.png');background-repeat:no-repeat;background-size:706px;width:94px;height:94px;display:inline-block;float:left;transition:all .5s ease}
.cir-min{background-position:-20px -222px}
.cir-usd{background-position:-145px -224px}
.cir-tot{background-position:-287px -215px;width:110px!important;height:110px!important}
.cir-cost-1{background-position:-447px -215px}
.all-sav .sav-box div{padding:5px 30px 0 60px;float:left;width:calc(100% - 120px)}
.all-sav .sav-box div h4,.all-sav .sav-box div h4 span{font-size:18px;font-weight:600;padding-bottom:6px; color:#fff;}
.finl-res .sav-box div h4, .finl-res .sav-box div h4 span{ font-size: 22px;}
.all-sav .sav-box div p{font-size:14px;font-weight:300;color:#dcdfec;margin:0}
.finl-res{background:#0026a8;border-radius:0 0 20px 20px;box-shadow:0 1px 8px -5px #33333357;padding:0;margin-bottom:70px;position:relative}
.all-sav .sav-box div h3,.all-sav .sav-box div h3 span{font-size:22px;color:#fcbe45;font-weight:500}
.total{padding:0 30px 40px 30px}
.total div{float:left;width:40%;background:#fff;margin:0 5%;padding:25px 35px;border-radius:2px;box-shadow:0 1px 8px -5px #33333357}
.total div h2{font-weight:500;font-size:24px;text-align:center}
.total div h2 span{font-weight:500;font-size:24px;margin-left:32px;border-left:1px solid #a8acbc;padding-left:30px;line-height:26px;display:inline-block}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}

.coin{background:url('https://www.manageengine.cn/products/ad-manager/images/roi-calculator-sprite-23.png') no-repeat -40px -2px;background-size:706px 607px;width:33px;height:41px;position:absolute}
.coin1{left:-16px;bottom:10%}
.coin2{right:-16px;bottom:14%}



.result-section {
    position: relative;
    display: none;
}

.result-section.gated .blur {
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 0;
}

.result-gating-form {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
/*    backdrop-filter: blur(11px);*/
    border-radius: 10px;
    overflow: hidden;
    display: none;
}
.result-section.gated .result-gating-form {
display: block;
}
.ffw-form {
    padding: 35px;
    max-width: 400px;
    width: 90%;
    background: #171D3B;
    border: 1px solid #B2FFAA;
    border-radius: 8px;
    display: table;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
.ffw-form h3{font-weight: 500;font-size: 20px;line-height:30px;text-align:center;color: #fff;margin-bottom:22px}
.ffw-form form ul li{margin-bottom:12px;position:relative}
.ffw-form form ul li:last-child{margin-bottom:0}
.ffw-form form ul li input,.ffw-form form ul li select{height: 42px;line-height:27px;background-color:#fafafa;border:none;padding:7px 10px 5px 35px;display:block;width:100%;font-size:14px;color:#000;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;font-weight:300;border:.5px solid #d0d0d0;border-radius: 5px;font-family:ZohoPuvi}
.ffw-form form ul li input:focus,.ffw-form form ul li select :focus,.ffw-form form ul li textarea:focus{border:.5px solid #1e66c2;outline:0}
.ffw-form form ul li input[type=submit]{background: #E82121;color:#fff;font-weight:500;font-size:18px;height: 47px;border:none;padding-left:0;padding-right:0;margin-top: 15px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;border-radius: 3px;}
.ffw-form form ul li input[type=submit]:hover{background:#db0a0d;-webkit-box-shadow:4px 8px 15px rgba(227,54,57,.35);box-shadow:4px 8px 15px rgba(227,54,57,.35)}
.ffw-form.showing-state form ul li select{width:49%;display:inline-block}
.ffw-form.showing-state form ul li #country_state{padding-left:12px;margin-left:2%}
.ffw-form .misc-field textarea{display:none}
.ffw-form textarea{width:100%;font-family:ZohoPuvi;padding:11px 14px 14px 11px;font-size:14px;font-weight:300;border:.5px solid #b6c0c1;border-radius:4px;height:77px;resize:none}
.ffw-form form ul li.ffw-ic::before{content:"";position:absolute;background: url('https://www.manageengine.cn/products/ad-manager/images/roi-form-sprite.png') no-repeat;background-size: 103px;width: 16px;height: 15px;left: 14px;top: 50%;transform: translateY(-50%);}
.ffw-form form ul li.ic-name:before{background-position: -6px -6px;width: 14px;height: 15px;}
.ffw-form form ul li.ic-email:before{background-position: -26px -7px;}
.ffw-form form ul li.ic-phone:before{background-position: -46px -8px;}
.ffw-form form ul li.ic-country:before{background-position: -63px -7px;}
.ffw-errmsg{display:none;position:absolute;background:red;color:#fff;padding:2px 3px;border-radius:3px;font-size:11px;top:-8px;left:11px;line-height:11px}
.ffw-form #meGDPRMessage, .ffw-form .ffw-privacy, .ffw-form #meGDPRMessage label, .ffw-form .ffw-privacy span{font-weight:300;font-size:11px;line-height:18px;color: #fff;margin-top:8px}
.ffw-form .ffw-privacy a{text-decoration:underline;color: #fff;font-size: inherit;line-height: inherit;font-weight: inherit;}
.ffw-form .ffw-privacy strong{font-weight:500}
#meGDPRMessage span.checkmarkgdpr.enableCheckgdpr:before{top: .5px !important;left: 2.5px !important;}
#meGDPRMessage .checkmarkgdpr{top:1px}
.ffw-form select{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-image:-o-linear-gradient(45deg,transparent 50%,#5a5a5a 50%),-o-linear-gradient(315deg,#5a5a5a 50%,transparent 50%),-o-linear-gradient(left,#fff0,#fff0);background-image:linear-gradient(45deg,transparent 50%,#5a5a5a 50%),linear-gradient(135deg,#5a5a5a 50%,transparent 50%),linear-gradient(to right,#fff0,#fff0);background-position: calc(100% - 20px) calc(1em + 6px),calc(100% - 15px) calc(1em + 6px),calc(100% - 2.5em) .5em;background-size:6px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}
.ffw-form .thanks-msg{display:none}
.ffw-form .thanks-msg p{text-align:center;font-weight:300;font-size:15px;line-height:24px;margin-top:0}
.ffw-form .thanks-msg p a{text-decoration:underline}
.ffw-form .thanks-msg h3{margin-bottom:20px}
.ffw-form .close{width:14px;height:14px;display:inline-block;position:absolute;right:15px;top:15px;background:0 0;cursor:pointer;border-radius:50%}
.ffw-form .close::after,.ffw-form .close::before{content:"";position:absolute;width:1px;height:100%;background:#DB232B;left:6.5px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.ffw-form .close:hover::after,.ffw-form .close:hover::before{width:2px}
.ffw-form .close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
::-webkit-input-placeholder{color:#9b9b9b;font-weight:300}
:-ms-input-placeholder{color:#9b9b9b;font-weight:300}
::-moz-placeholder{color:#9b9b9b;font-weight:300}
::-ms-input-placeholder{color:#9b9b9b;font-weight:300}
::placeholder{color:#9b9b9b;font-weight:300}
.ffw-form:before{
    content:"";
    background: url('https://www.manageengine.cn/products/ad-manager/images/roi-form-sprite.png') no-repeat -48px -35px;
    background-size: 103px;
    width: 35px;
    height: 43px;
    position: absolute;
    right: -18px;
    top: -7px;
}
.ffw-form:after{
    content:"";
    background: url('https://www.manageengine.cn/products/ad-manager/images/roi-form-sprite.png') no-repeat -8px -34px;
    background-size: 103px;
    width: 33px;
    height: 41px;
    position: absolute;
    left: -18px;
    bottom: -7px;
}

.ffw-form form ul li input[type="checkbox"] {
    width: 14px;
    height: 14px;
    display: inline-block;
    box-sizing: border-box;
    padding: 0px;
    border-radius: 0;
    appearance: auto;
    -webkit-appearance: auto;
    vertical-align: middle;
    margin-right: 8px;
}

.ffw-form form ul li.ffw-checkbox label {
    color: #fff;
    font-size: 11px;
    line-height: 24px;
}


@media screen and (max-width:1200px){
  .total div{padding: 25px 10px;}
  .total div h2, .total div h2 span{font-size:20px}
}
@media screen and (max-width:1100px){
.ac{max-width:90%}
.all-sav{padding:40px 50px 30px 50px}
.all-sav .sav-box div{padding:40px 0 0;float:left;width:100%}
}
@media screen and (max-width:992px){
.mob-hide,.user-calc .ic-calc{display:none}
.user-panel{width:100%;border-radius:20px 20px 0 0}
.user-calc{width:100%;padding:0}
.ban h1{font-size:30px}
.ban h1 span{font-size:48px;line-height:55px}
.ban{padding:50px 0 170px 0}
.total div h2,.total div h2 span{font-size:16px}
.total div{margin:0;width:50%;padding:25px 10px;    border: 3px solid #0026a8;}
}
@media screen and (max-width:767px){
.savi .tit h2{font-size:22px;font-weight:500;line-height:30px;padding-top:10px}
.finl-res .tit h2{font-size:22px;font-weight:500;line-height:30px;padding-top:10px}
.total{padding:0 30px 40px 30px}
.total div{width:100%;margin-bottom:10px}
.ban-tag{padding:25px 35px}
.total div h2, .total div h2 span{
  margin-left: 5px;
    padding-left: 8px;font-size: 14px;
}
.total div h2 span{}
}
@media screen and (max-width:600px){
.user{padding:20px}
.all-sav ul li{width:100%}
.all-sav .sav-box i{margin:0 auto;display:table;float:initial}
.all-sav .sav-box{text-align:center}
.user-panel ul li .lab{width:100%;padding:0}
.user-panel ul li .fild{width:100%}
.ban-tag:after,.ban-tag:before{display:none}
}
@media screen and (max-width:500px){
.ds-list li{width:100%}
}
.wobble{-webkit-animation:wobble-hor-bottom .8s both;animation:wobble-hor-bottom .8s both;animation-delay: 1500;animation-iteration-count: 2;}
@-webkit-keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}@keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}

    