/* tab section css start*/
        .pageTabSec h2{font-size:29px !important;font-weight:600 !important;text-align:center;margin-bottom:30px !important; color: #333;font-family: 'ZohoPuvi';}
 .pageTabSec{max-width:974px;margin:0 auto;margin-bottom:40px;}
 .pageTabSec ul.pageTab{padding:0 30px;border-bottom:1px solid #e7e7e7;text-align:center;box-sizing:border-box;}
 .pageTabSec ul.pageTab li{padding:12px 20px;box-sizing:border-box;margin:0 20px;display:inline-block;font-size:15px;color:#8c9ca2;cursor:pointer;font-weight:300;}
 .pageTabSec ul.pageTab li.active{border-bottom:2px solid #055367;color:#055367;font-weight:500;}
 .pageTabSec ul.pageTab li:hover{color:#055367;}
 .pageTabSec .pageTabView{padding:30px 0;display:none;}
 .pageTabSec .pageTabView.active{display:block;}
 .pageTabSec .pageTabView ul{width:32%;display:inline-block;padding-left:20px;box-sizing:border-box;list-style:disc;color:#93bac9;vertical-align:text-top;}
 .pageTabSec .pageTabView.solutions-tab ul{width:25%;float:left;}
 .pageTabSec .pageTabView.solutions-tab ul:nth-child(1){width:27%;}
 .pageTabSec .pageTabView.solutions-tab ul:nth-child(2){width:26%;}
 .pageTabSec .pageTabView.solutions-tab ul:nth-child(3){width:28%;}
 .pageTabSec .pageTabView.solutions-tab ul:nth-child(4){width:19%;}
 .pageTabSec .pageTabView ul li a{color:#333;}
 .pageTabSec .pageTabView ul li a:hover{ text-decoration: underline; }
 .pageTabSec .pageTabView ul li{padding:6px 0;margin:0;list-style-type:disc !important;color:#93bac9;}
 @media(max-width:1024px){.pageTabSec .pageTabView{padding:30px 20px }
 }
 @media(max-width:1023px){.pageTabSec ul.pageTab{padding:0 10px;}
 .pageTabSec ul.pageTab li{padding:12px 10px;margin:0 10px;font-size:13px;}
 .pageTabSec .pageTabView ul{font-size:13px;}
 .pageTabSec .pageTabView{padding:20px;}
 }
 @media (max-width:991px){.pageTabSec .pageTabView.solutions-tab ul{width:25% !important;}
 }
 @media (max-width:767px){.pageTabSec{display:none !important;}
 }
 .nonClick{cursor: text;}

        /* tab section css end */

   .bg-l-grey,
            .heading-menu {
                display: none
            }
    
    .bannerSec {
        background: -moz-linear-gradient(top, rgba(213, 243, 255, 0.79) 0%, rgba(213, 243, 255, 0.53) 36%, rgba(213, 243, 255, 0.25) 59%, rgba(213, 243, 255, 0.11) 74%, rgba(213, 243, 255, 0.03) 88%, rgba(213, 243, 255, 0.01) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(213, 243, 255, 0.79) 0%, rgba(213, 243, 255, 0.53) 36%, rgba(213, 243, 255, 0.25) 59%, rgba(213, 243, 255, 0.11) 74%, rgba(213, 243, 255, 0.03) 88%, rgba(213, 243, 255, 0.01) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(213, 243, 255, 0.79) 0%, rgba(213, 243, 255, 0.53) 36%, rgba(213, 243, 255, 0.25) 59%, rgba(213, 243, 255, 0.11) 74%, rgba(213, 243, 255, 0.03) 88%, rgba(213, 243, 255, 0.01) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9d5f3ff', endColorstr='#03d5f3ff', GradientType=0);
        /* IE6-9 */
    }
    body{}
    .bannerSec, body{font-weight: 300;}
    .bannerText h1 {text-align: center;font-weight: 600;font-size: 32px;line-height: 50px;color: #333;padding-top: 60px;margin-bottom: 0;}
    .bannerText p {font-size: 20px;line-height: 50px;color: #333;margin: 0;text-align: center;}
    .tableWrapper{position: relative; display: inline-block; width: 100%; margin-top: 56px; box-shadow: 0 0 24px rgba(0,0,0,.03);}
    .pageContent .container{max-width: 1100px;}
    .tablel{width: calc(50% - 90px); float: left; background: #fff; border-bottom-left-radius: 4px;border-top-left-radius: 4px; padding: 45px; text-align: left;}
    .tabler{width: calc(50% - 90px); float: right; background: #103f4a; border-bottom-right-radius: 4px;border-top-right-radius: 4px; color: #fff; font-size: 17px; padding: 45px;}
    .tlWrapper p{font-size: 18px; margin: 0 0 31px;font-weight: 500;}
    .sliderBox{margin-bottom: 50px; display: inline-block; width: 100%;}
    .slideValBox{position: relative; height: 42px; width: 138px; border: 2px solid #c5d3da; font-size: 23px; font-weight:500; display: inline-block; vertical-align: top;}
    #slideVal{color: #333333;
    float: left;
    margin: 10px 0 0 15px;
    width: 77px;
    border: 0px;
    font-size: 18px;
    font-weight:400;outline: none;}
    #type{color: #2483aa; float: right; margin: 10px 15px 0 0;    font-size: 18px;}
    #type1{     color: #2483aa;outline: none;
    float: right;
    margin: 11px 0px 0 -5px;
    border: 0px;
    font-size: 20px;
    font-weight:500;
    background: none;}
    .dataGrowBox{padding-bottom: 43px; border-bottom: 2px solid #eaf4f6;}
    .dataGrowVal{font-size: 18px; font-weight:500; color: #333333; position: relative;}
    .dataGrowVal span{position: relative; margin-right: 18px;    font-weight: 400;}
    .dataGrowVal span:last-of-type{margin-right: 0;}
    .dataGrowVal span::before{content: ""; position: absolute; left: 0; top: 0; height: 16px; width: 16px; border: 2px solid #c5d3da; border-radius: 2px;}
    .dataGrowVal span::after{content: ""; position: absolute; left: 5px; top: 5px; height: 10px; width: 10px; background: url(https://www.manageengine.cn/file-analysis/images/rot-calculator-sprite.png) no-repeat; background-size: 130px; background-position: -97px -3px; opacity: 0;}
    .dataGrowVal span.active::after{opacity: 1;}
    .grwothVal{height: 20px; width: 20px; background: transparent; border: 2px solid #c5d3da; margin: -6px 10px 0 0px; opacity: 0; z-index: 1; cursor: pointer; position: relative;}
    .tlBottom{margin-top: 45px;}
    .tlBottom h4{font-size: 20px; margin: 0; font-weight:500;}
    .tlBottom ul{font-size: 16.5px; margin: 35px 0 43px; line-height: 39px; list-style-type: none;}
    .tlBottom li{padding-left: 29px; position: relative;}
    .tlBottom li::before{content: ""; position: absolute; height: 14px; width: 14px; left: 0; top: 12px; background: url(https://www.manageengine.cn/file-analysis/images/rot-calculator-sprite.png) no-repeat; background-size: 130px; background-position: -53px -1px;}
    .tlBottom a{background: #e71b33; font-size: 16px; border-radius: 5px; padding: 13px 28px; color: #fff; text-decoration: none; cursor: pointer; transition: .3s;font-weight: 400;}
    .tlBottom a:hover{background: #d3172d;}
    .trTitle{position: relative; margin-bottom: 50px;}
    .trTitle h4{margin: 0; font-size: 18px; color: #fff;     font-weight: 500;}
    .trTitle a{position: absolute; font-size: 16px; color: #fff; background: #598fa5; padding: 6px 21px; border-radius: 5px; right: 0; top: -8px;font-weight: 400;}
    .trTitle a:hover{text-decoration: none;}
    .trVal{padding-bottom: 27px; border-bottom: 1px solid #0b2c34; margin-bottom: 22px; position: relative;}
    .trVal p{font-size: 16px; display: inline-block; width: 45%; vertical-align: top; margin: 0;}
    .trVal span{float: right; vertical-align: top; color: #a4c5d4; font-size: 20px;font-weight:500;width: 158px;
    overflow: hidden;
    text-align: right;}
    .trVal span.fontFix{font-size: 18px;font-weight: 400; margin-top: 7px;}
    .trVal span.greenVal{    color: #37e38c;
    font-size: 28px;
    width: 152px;
    overflow: hidden;
    text-align: right;}
    .trVal i.icon{height: 15px; width: 15px; background: url(https://www.manageengine.cn/file-analysis/images/rot-calculator-sprite.png) no-repeat;background-size: 130px; background-position: -73px -1px; vertical-align: middle; cursor: pointer;float: none;margin: 0;}
    .popup{position: absolute; width: 260px; height: auto; padding: 13px; background: #fff; color: #333; top: 0; border-radius: 10px; font-size: 13px; line-height: 18px; opacity: 0; transition: .3s; z-index: -1;}
    .ques1{top: -64px; left: 25px;}
    .ques2{top: -101px; left: 46px;}
    .popup::before{content: ""; position: absolute; height: 16px; width: 16px; border-bottom-left-radius: 3px; background: #fff; transform: rotate(-45deg); bottom: -8px; left: 15%;}
    .popup.active{opacity: 1; z-index: 1;}
    .trVal4{padding-bottom: 52px;}
    .trVal2 span, .trVal3 span, .trVal5 span{margin-top: 12px;}
    .trVal5{border-bottom: 0;}
    .trBot{text-align: center; margin-top: 24px;}
    .trBot p{line-height: 29px; font-size: 17px; margin-bottom: 35px;}
    .trBot p span{font-weight:500;}
    .ctaBtns{margin-bottom: 4px;}
    .ctaBtns a{border: 1px solid #2cbaf5; border-radius: 5px; padding: 8px 25px 8px 46px; font-size: 16px; font-weight:400; transition: .3s; position: relative; color: #2cbaf5}
    .ctaBtns a:hover{background: #2cbaf5; color: #fff; text-decoration: none;}
    .ctaBtns a::before{content: ""; position: absolute; height: 20px; width: 15px; background: url(https://www.manageengine.cn/file-analysis/images/rot-calculator-sprite.png) no-repeat; background-size: 130px; background-position: -115px 1px; left: 20px; top: 9px;}
    .ctaBtns a:hover::before{background-position: -114px -18px;}
    .ctaBtns a#quo{padding: 8px 20px 8px 36px;}
    .ctaBtns a#quo::before{background-position: -55px -26px; left: 15px;}
    .ctaBtns a#quo:hover::before{background-position: -71px -26px;}
    .ctaBtns a:first-of-type{margin-right: 11px;}
    .referenceContent{margin-top: 34px;}
    .referenceContent h5{font-size: 16px; margin-bottom: 20px;}
    .referenceContent ol{margin: 0; list-style-type: decimal; padding-left: 15px;}
    .referenceContent li{font-size: 13px; line-height: 24px;}
    .referenceContent li a{color: #333; text-decoration: underline;}
    .referenceContent li a:hover{color: #333; text-decoration: underline;}
    .disclaimer p{margin: 55px 0 20px; font-size: 13px; line-height: 24px;}
    .disclaimer p strong{font-weight:500;}
    .sliderBarWrapper{float: right; width: 250px;}
    .slideBar{width: 250px; height: 45px; background: url(https://www.manageengine.cn/file-analysis/images/rot-calculator-slider-bg.png) no-repeat center; background-size: 90%;}
    #rslide{width: 100%;-webkit-appearance: none;height: 45px; margin-top: -2px; background: transparent; outline: none; -webkit-transition: .2s; transition: opacity .2s; border: 0;}
    #rslide::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 35px; height: 35px; border: 0; background: url('https://www.manageengine.cn/file-analysis/images/rot-calculator-sprite.png') no-repeat; background-size: 140px; background-position: -10px -5px; cursor: pointer; } 
    #rslide::-moz-range-thumb {width: 35px; height: 35px; border: 0; background: url('https://www.manageengine.cn/file-analysis/images/rot-calculator-sprite.png') no-repeat; background-size: 140px; background-position: -10px 0; cursor: pointer; }
    .slideMarker{text-align: center; font-size: 10px; color: #333;}
    .slideMarker span{width: calc(100%/6); float: left;}
    @media screen and (max-width: 1240px){
        .pageContent .container{max-width: 90%;}
        .trVal span.fontFix{margin-top: 7px;}
    }
    @media screen and (max-width: 1110px){
        .slideValBox{width: 105px;}
        #slideVal{width: 50px;}
        .dataGrowVal span{display: inline-block; margin-bottom: 15px;}
    }
    @media screen and (max-width: 992px){
        .tablel, .tabler{width: calc(100% - 90px);}
        .tablel{border-bottom-left-radius: 0; border-top-right-radius: 5px;}
        .tabler{border-bottom-left-radius: 5px; border-top-right-radius: 0;}
        .tlBottom{text-align: center;}
        .tlBottom h4, .tlBottom ul{text-align: left;}
        .bannerText{padding: 0 20px;}
    }  
    @media screen and (max-width: 575px){
        .sliderBarWrapper{float: none; margin-top: 40px;}
        .trTitle{margin-bottom: 80px;}
        .trTitle a{position: relative; top: 25px;}
        .trVal span{float: none; display: block;}
        .trVal p{width: 95%;}
        .trVal span{margin-top: 12px;}
        .trVal4 br{display: none;}
        .trVal4{padding-bottom: 30px;}
        .ctaBtns a{display: block;}
        .ctaBtns a:first-of-type{margin: 0 0 15px 0;}
        .bannerText h1{    font-size: 28px;line-height: 36px;}
        .bannerText p{font-size: 20px;line-height: 30px;padding-top: 10px;}
        .ques2 {left: -27px;}
        .popup.ques2::before{left: 41%;}
        .ques1 {top: -82px;left: -44px;}
    }
.footer-new{background: #fff;}
.btmBar, .heading-menu, #scroll{display: none;}
