#scroll, .heading-menu{display:none;}
.main-contents h2, .main-contents h3, .main-contents h4, .main-contents h5, .main-contents h6{color:#000;}
.bnr-img {text-align: center;margin-top: 40px !important;}
.bnr-img img {width: 65%;}
html{overflow-x:hidden;scroll-behavior:smooth}
html.no-scroll{overflow:hidden}
#backToTop{display:none!important}
.main-contents *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.main-contents ul,.main-contents ol{list-style-type:none}
.main-contents a{text-decoration:none}
.main-contents h1,.main-contents h2,.main-contents h3,.main-contents h4,.main-contents h5,.main-contents h6{font-weight:400}
.main-contents p{font-family:'Zoho_Puvi_Regular',sans-serif;font-size:16px;line-height:30px;margin:0}
.main-contents p a {position: relative;z-index: 10;}
.main-contents span{font-family:inherit;font-size:inherit;font-weight:inherit}
.main-contents .sprite, .main-contents .tc-image * {
    display: inline-block;
    background-image: url(images/fea-22-bg.png);
    background-size: 667px;
    background-repeat: no-repeat;
}
.main-contents #backToTop{display:none!important}
.main-contents .float-left{float:left}
.main-contents .float-right{float:right}
.main-contents .clearfix{clear:both}
.main-contents .clearfix::before,.main-contents .clearfix::after{display:table;line-height:0;content:''}
.main-contents .clearfix::after{clear:both}
.main-contents .container{width:90%;max-width:1230px;margin:0 auto}
.main-contents .btn{display:inline-block;border:0;outline:0;cursor:pointer;text-align:center;transition: all 0.4s ease;}
p{font-family:'Zoho_Puvi_Regular',sans-serif}
.banner-section{background-color:#ffd369;padding:60px 0 70px;text-align:center;position:relative;z-index:1;overflow:hidden}
.banner-section h1{font-size: 40px;line-height: 60px;color:#000;font-weight: 300;}
.banner-section h4{padding: 0px 0 12px 0;position: relative;height: 80px;}
.banner-section h4 i{
    width: 1px;
    height: 48px;
    background: #f00;
    display: inline-block;
    position: absolute;
    /* right: 1px; */
    margin: 8px 0px 0px -53px;
    animation: blink .7s infinite;
}
@keyframes blink {
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
    }
.banner-section h4 i:before, .banner-section h4 i:after{content:'';position:absolute;width: 20px;height: 1px;background: #f00;left: -9px;}
.banner-section h4 i:before{}
.banner-section h4 i:after{
    bottom: 0px;
}
.banner-section span.js-typed-text{display: inline-block;font-size: 46px;font-weight: 600;height: 66px;line-height: 50px;padding: 7px 60px 7px 50px;}
.banner-section p{font-size: 24px;line-height: 36px;color:#333;margin:0 auto 42px}
.banner-btn{height:50px;width:220px;background-color:#dd0c00;border-radius:2px;font-family:'Zoho_Puvi_Medium',sans-serif;color:#fff;font-size:18px;padding:14px 0}
.banner-btn:hover,.banner-btn:active,.banner-btn:focus{background-color:#dd0021;box-shadow:0 3px 12px rgba(0,0,0,0.25)}
.banner-topright{background-position:-5px -5px;width:662px;height:190px;position:absolute;z-index:-2;top:0;right:0}
.banner-bottomleft{background-position:-5px -200px;width:633px;height:158px;position:absolute;z-index:-2;bottom: -15px;left:0}
@media screen and (max-width: 767px) {
.banner-section h1{font-size: 28px;line-height: 40px;}
.banner-section p{font-size: 20px;line-height: 30px;7}
}
.tabs-section{margin-top:14px;position:relative}
.tabs-section .ts-container{width:95%}
.tabs-section .feature-tabs{position:absolute;z-index:5;top:0;bottom:auto;width:1230px;padding-right:920px;left:0;right:0;margin:35px auto;transition: all 0.7s ease;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;}
.tabs-section .feature-tabs li{margin-bottom:6px;width:310px}
.tabs-section .feature-tabs.is-fixed{position:fixed}
.tabs-section .feature-tab{height:52px;width:310px;background-color:#fff;text-align:left;border-radius:6px;border:1.75px solid #d7d7d7;font-family:'Zoho_Puvi_Regular',sans-serif;font-size:13px;line-height:17px;color:#000;padding:16px 0 16px 65px;position:relative}
.tabs-section .feature-tab.is-active{font-family:'Zoho_Puvi_SemiBold',sans-serif;border-color: #0b60f6;}
.tabs-section .feature-tab.feature-tab-1.is-active{border-color: #0b60f6;}
.tabs-section .feature-tab.feature-tab-2.is-active{border-color: #d98720;}
.tabs-section .feature-tab.feature-tab-3.is-active{border-color: #c4471d;}
.tabs-section .feature-tab.feature-tab-4.is-active{border-color: #009677;}
.tabs-section .feature-tab.feature-tab-5.is-active{border-color: #4d22d5;}
.tabs-section .feature-tab.feature-tab-6.is-active{border-color: #008a90;}
.tabs-section .feature-tab.feature-tab-7.is-active{border-color: #691999;}
.tabs-section .feature-tab.feature-tab-8.is-active{border-color: #d7005e;}
.tabs-section .feature-tab.feature-tab-9.is-active{border-color: #a86100;}
.tabs-section .feature-tab.feature-tab-1.is-active:after{border-left: 6px solid #3b5ac7;}
.tabs-section .feature-tab.feature-tab-2.is-active:after{border-left: 6px solid #d98720;}
.tabs-section .feature-tab.feature-tab-3.is-active:after{border-left: 6px solid #c4471d;}
.tabs-section .feature-tab.feature-tab-4.is-active:after{border-left: 6px solid #009677;}
.tabs-section .feature-tab.feature-tab-5.is-active:after{border-left: 6px solid #4d22d5;}
.tabs-section .feature-tab.feature-tab-6.is-active:after{border-left: 6px solid #008a90;}
.tabs-section .feature-tab.feature-tab-7.is-active:after{border-left: 6px solid #691999;}
.tabs-section .feature-tab.feature-tab-8.is-active:after{border-left: 6px solid #d7005e;}
.tabs-section .feature-tab.feature-tab-9.is-active:after{border-left: 6px solid #a86100;}
.tabs-section .feature-tab::before{content:'';display:inline-block;background-image: url(/sites/meweb/images/fr/dns-dhcp-ipam/images/ddi-features.svg);background-size: 240px;background-repeat:no-repeat;position:absolute;top:0;bottom:0;left:15px;margin:auto;filter: grayscale(1);width: 45px;height: 35px;opacity: 0.5;}
.tabs-section .feature-tab.is-active::before{filter: grayscale(0);opacity: 1;}

.feature-tab-1::before{background-position: 0px -3px;}
.feature-tab-2::before{background-position: -45px -6px;}
.feature-tab-3::before{background-position: -90px -6px;}
.feature-tab-4::before{background-position: -134px -6px;}
.feature-tab-5::before{background-position: -174px -6px;}
.adsec-pro{width:100%;}

.tabs-section .feature-tab:after{content:'';position: absolute;border-left: 6px solid #3b5ac7;border-top: 6px solid #3330;border-bottom: 6px solid #3330;right: 12px;top: calc(38% - 1px);transition: all 0.5s ease;opacity: 0;transform: translateX(-5px);}
.tabs-section .feature-tab.is-active:after{opacity: 1;transform: translateX(0px);}
.tab-content:last-child{margin-bottom: 0px;}
.scroll-popup-fade{display:none}
.tab-content{padding: 40px 0 0px;border-bottom: 30px solid #fff;position:relative;overflow:hidden;border-radius: 0 10px 10px 0;margin-bottom: 50px;}
.tab-content .tab-container{max-width:1230px;padding-left:395px;margin:auto}
.tab-content h2{font-family:'Zoho_Puvi_Bold',sans-serif;font-size:38px;line-height:50px;margin-bottom: 10px;position: relative;z-index: 10;}
.tab-content > p{font-size:20px;line-height:32px}
.tab-content > p a{color:#1e3ab2}
.tab-content .learn-btn{font-family:'Zoho_Puvi_Medium',sans-serif;font-size:17px;line-height:17px;padding:8px 0;color:#e01616;border:2px solid #e01616;border-radius:5px;height:36px;width:135px;margin-top: 30px;position:relative;z-index:10;transition: all 0.4s ease;}
.tab-content .learn-btn:hover,.tab-content .learn-btn:active,.tab-content .learn-btn:focus{color:#fff;background-color:#e01616;box-shadow:0 3px 12px rgba(0,0,0,0.25)}
.tab-content a[href$="#"]{display:none!important}
.tab-content .col-layout{margin-top:40px;width:100%}
.tab-content .half-col{float:left;width:50%}
.tab-content .feature-box{padding-left: 26px;margin-bottom:50px;position:relative;z-index:10}
.feature-box h3{font-family:'Zoho_Puvi_Bold',sans-serif;font-size:18px;line-height:23px;margin-bottom:12px}
.feature-box p{font-size:15px;line-height:23px;max-width:346px}
.feature-box p a{color:#1e3ab2}
.feature-box .learn-link{text-align:left;font-family:'Zoho_Puvi_Regular',sans-serif;font-size:16px;line-height:23px;position:relative;color:#1e3ab2;width:100px;margin-top:18px;text-decoration:underline}
.feature-box .learn-link::after{content:'';display:inline-block;background-image:url(images/log360-features-page-sprite.png);background-size:2500px 1250px;background-repeat:no-repeat;position:absolute;background-position:-451px -403px;width:7px;height:9px;top:7px;right:0}
.feature-box::before{content:'';display:inline-block;background-image: url(/sites/meweb/images/fr/dns-dhcp-ipam/images/ddi-features.svg);background-size: 220px;background-repeat:no-repeat;position:absolute;top: 3px;left: 0px;background-position: -206px -19px;width:14px;height:15px}
.tab-content-1, .tab-content-10{background-color: #f2f8ff;border: 1px solid #d9e4f2;}
.tab-content-2{background-color:#fffbef;border: 1px solid #f5f0e0;}
.tab-content-3{background-color:#fff7f5;border: 1px solid #f1e2df;}
.tab-content-4{background-color:#eefdf7;border: 1px solid #d9efe5;}
.tab-content-5{background-color:#f7f7fd;border: 1px solid #e1e1ec;}
.tab-content-6{background-color: #e9fbfd;border: 1px solid #d3e9ee;}
.tab-content-7{background-color: #f8eff9;border: 1px solid #e5d5e7;}
.tab-content-8{background-color: #ffeff4;border: 1px solid #f0dce1;}
.tab-content-9{background-color: #fffbf5;border: 1px solid #eee8e0;}
.tab-content-11{background-color:#e9fbfd}
.tab-content-11 > p{max-width:780px}
@keyframes shake {
from{-moz-:;-ms-:;-webkit-:; transform:translateY(-10px)}
to{-moz-:;-ms-:;-webkit-:;transform:translateY(10px)}
}
.dwn-priv{color:#fff;}
.tabs-section .feature-tabs.tab-sm li {
    margin-bottom: 2px;
}

.tabs-section .feature-tabs.tab-sm li a {
    padding: 9px 0 9px 65px;
    height: 38px;
}


@keyframes jump {
    0%{-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-webkit-transform:translateY(-8px);transform:translateY(-8px)}
    100%{-moz-transform:translateY(8px);-ms-transform:translateY(8px);-webkit-transform:translateY(8px);transform:translateY(8px)}
    }
@keyframes shakebot {
    0%{-moz-transform: rotate(5deg);-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);}
    100%{-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
    }  
@keyframes rotate {
    from{-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to{-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkittransform: rotate(360deg)-;transform: rotate(360deg);}
    }  
@keyframes rotateopo {
    from{-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    to{-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    }    
@keyframes bugrun {
    0%{-moz-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);}
    50%{-moz-transform: translate(50px, -10px);-ms-transform: translate(50px, -10px);-webkit-transform: translate(50px, -10px);transform: translate(50px, -10px);}
    100%{-moz-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);}
    } 
@keyframes grap {
    0%{width:0px;}
    100%{width:129px;}
    } 
@keyframes grapver {
    0%{height:0px;}
    100%{height:77px;}
    }                    
.tc-com{
    float: left;
    width: 100%;
    display: block;
    background: url('images/fea-sec-com-bg.png') no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
    height: 292px;
    position: relative;
    z-index: 6;
    margin-top: 80px;
}
.tc-com .inn{
    position: relative;
    margin: 0 auto;
    display: table;
}
.tc-com span{
    background-image: url('images/fea-22-sprite.png');
    background-size: 1050px;
    position: absolute;
    background-repeat: no-repeat;
}
.tc-thred{
}
.tc-thred-1{
    width: 334px;
    height: 204px;
    background-position: -4px -270px;
    left: 258px;
    bottom: 64px;
}
.tc-thred-2{
    background-position: -1px -2px;
    width: 255px;
    height: 239px;
    left: 571px;
    bottom: 29px;
    animation: jump 2s linear 0.5s infinite alternate;
}
.tc-thred-3{
    width: 95px;
    height: 64px;
    background-position: -290px -28px;
    left: 207px;
    bottom: 87px;
    animation: jump 1.8s ease-in-out 0s infinite alternate;
}

.tc-thred-4{
    width: 120px;
    height: 150px;
    background-position: -265px -107px;
    left: 382px;
    bottom: 15px;
    animation: shakebot 1.8s ease-in-out 0s infinite alternate;
    transform-origin: bottom center;
}
.tc-atta{
    height: 295px;
}
.tc-atta .inn{
    width: 445px;
    height: 300px;
}
.tc-atta-1{
    width: 135px;
    height: 121px;
    background-position: -410px -107px;
    left: 300px;
}
.tc-atta-2{
    width: 164px;
    height: 147px;
    background-position: -400px -240px;
    left: 0px;
    top: 131px;
}
.tc-atta-3{
    width: 281px;
    height: 200px;
    background-position: -571px -54px;
    left: 90px;
    top: 44px;
}
.tc-atta-4{
    width: 227px;
    height: 179px;
    background-position: -946px -71px;
    left: 227px;
    background-size: 1162px !important;
    top: 127px;
    animation: bugrun 10s 1.3s linear infinite;
}
.tc-atta-5{
    width: 31px;
    height: 31px;
    background-position: -919px -8px;
    left: 257px;
    top: 150px;
    animation: bugrun 10s linear infinite;
}
.tc-atta-6{
    width: 80px;
    height: 80px;
    background-position: -403px -2px;
    left: 0px;
    top: 24px;
    animation: rotateopo 10s linear infinite;
    transform-origin: center;
}
.tc-atta-7{
    width: 64px;
    height: 64px;
    background-position: -491px -1px;
    left: 67px;
    top: -4px;
    animation: rotate 10s linear infinite;
    transform-origin: center;
}

.tc-dlp{
    height: 281px;
}
.tc-dlp .inn{
    width: 450px;
}
.tc-dlp-1{
    width: 410px;
    height: 282px;
    background-position: -635px -250px;
}
.tc-dlp-2{
    width: 103px;
    height: 97px;
    background-position: -448px -403px;
    right: 38px;
    top: 0px;animation: jump 2s linear 0.5s infinite alternate;
}

.tc-casb{
    height: 260px;
}
.tc-casb .inn{
    width: 432px;
}
.tc-casb-1{
    width: 432px;
    height: 242px;
    background-position: -4px -500px;
}
.tc-casb-2{
    width: 46px;
    height: 52px;
    background-position: -486px -636px;
    right: 31px;
    top: 58px;
    animation: jump 2s linear 0.5s infinite alternate;
}
.tc-casb-3{
    width: 92px;
    height: 116px;
    background-position: -462px -510px;
    left: 150px;
    top: 86px;
    animation: shakebot 1.8s ease-in-out 0s infinite alternate;
    transform-origin: bottom center;
}
.tc-casb-4{}

.tc-realtime{
    height: 327px;
}
.tc-realtime .inn{
    width: 400px;
}
.tc-realtime-1{
    width: 287px;
    height: 328px;
    background-position: -2px -765px;
    left: 75px;
}
.tc-realtime-2{
    width: 80px;
    height: 86px;
    background-position: -324px -904px;
    left: -15px;
    top: 30px;
    animation: rotateopo 10s linear infinite;
    transform-origin: center;
}
.tc-realtime-3{
    width: 51px;
    height: 58px;
    background-position: -322px -1009px;
    left: 375px;
    top: 40px;
    animation: jump 2.4s linear 1s infinite alternate;
}
.tc-realtime-4{
    width: 119px;
    height: 110px;
    background-position: -324px -777px;
    left: 250px;
    top: 216px;
    animation: jump 2s linear 0.5s infinite alternate;
}

.tc-soar{
    height: 255px;
}
.tc-soar .inn{
    width: 480px;
}
.tc-soar-1{
    width: 418px;
    height: 203px;
    background-position: -591px -574px;
    left: 52px;
}
.tc-soar-2{
    width: 55px;
    height: 55px;
    background-position: -564px -807px;
    left: 9px;
    top: -12px;
    animation: jump 2s linear 0.2s infinite alternate;
}
.tc-soar-3{
    width: 55px;
    height: 83px;
    background-position: -655px -800px;
    left: 437px;
    top: -36px;
    animation: jump 2.2s linear 0.4s infinite alternate;
}
.tc-soar-4{
    width: 66px;
    height: 72px;
    background-position: -738px -805px;
    left: 00px;
    top: 166px;
    animation: jump 2.4s linear 0.6s infinite alternate;
}
.tc-soar-5{
    /* width: 66px; */
    /* height: 72px; */
    width: 46px;
    height: 52px;
    background-position: -840px -813px;
    left: 446px;
    top: 140px;
    animation: jump 2.6s linear 0.8s infinite alternate;
}

.tc-compmang{
    height: 263px;
}
.tc-compmang .inn{
    width: 500px;
}
.tc-compmang-1{
    width: 308px;
    height: 262px;
    background-position: -738px -990px;
    left: 130px;
}
.tc-compmang-2{
    width: 131px;
    height: 149px;
    background-position: -914px -816px;
    top: 121px;
    animation: shakebot 1.8s ease-in-out 0s infinite alternate;
    transform-origin: bottom center;
}
.tc-compmang-3{
    width: 57px;
    height: 86px;
    background-position: -564px -904px;
}
.tc-compmang-4{
    width: 59px;
    height: 59px;
    background-position: -654px -918px;
    left: 440px;
    top: -14px;
    animation: jump 2s linear 0.2s infinite alternate;
}
.tc-compmang-5{
    /* width: 57px; */
    /* height: 59px; */
    width: 46px;
    height: 52px;
    background-position: -748px -913px;
    left: 510px;
    top: 100px;
}

.tc-ueba{
    height: 280px;
    margin-top: 135px;
}
.tc-ueba .inn{
    width: 500px;
}
.tc-ueba-1{
    width: 498px;
    height: 336px;
    background-position: 8px -1098px;
}
.tc-ueba-2{
    width: 80px;
    height: 80px;
    background-position: -512px -1051px;
    border-radius: 50%;
    left: 276px;
    top: -50px;
    animation: jump 2s linear 0.2s infinite alternate;
}
.tc-ueba-3{
    width: 49px;
    height: 49px;
    background-position: -606px -1054px;
    border-radius: 50%;
    left: 119px;
    top: -8px;
    animation: jump 2.2s linear 0.4s infinite alternate;
}
.tc-ueba-4{
    width: 46px;
    height: 46px;
    background-position: -607px -1123px;
    border-radius: 50%;
    left: 187px;
    top: 7px;
    animation: jump 2.4s linear 0.6s infinite alternate;
}
.tc-ueba-5{
    width: 67px;
    height: 67px;
    background-position: -519px -1156px;
    border-radius: 50%;
    left: 177px;
    top: -83px;
    animation: jump 2.6s linear 0.8s infinite alternate;
}
.tc-soc{
    height: 382px;
}
.tc-soc .inn{
    width: 629px;
}
.tc-soc-1{
    width: 629px;
    height: 380px;
    background-position: -420px -1282px;
    left: 97px;
}
.tc-soc-2{
    width: 116px;
    height: 77px;
    background-position: -64px -1486px;
    left: 109px;
    top: initial;
    animation: grapver 5s linear infinite;
    transition: height 2s ease-in-out;
    bottom: -259px;
}
.tc-soc-3{
    width: 0;
    height: 63px;
    background-position: -219px -1500px;
    left: 350px;
    top: 109px;
    animation: grap 10s linear infinite;
}
.tc-soc-4{}
.tab-content-10 .tc-soar-2{
    background-position: -738px -805px;
    width: 68px;
    height: 68px;
}
.tab-content-10 .tc-soar-3{
    background-position: -128px -310px;
    background-size: 424px;
    height: 51px;
    left: 348px;
    top: 20px;
}
.tab-content-10 .tc-soar-4{
    background-position: -5px -1601px;
    width: 119px;
    height: 98px;
    left: -67px;
    top: 140px;
}
.tab-content-10 .tc-soar-5{
    background-position: -564px -807px;
    width: 58px;
}

@media screen and (min-width: 2560px) {
.tabs-section .feature-tabs{padding-right:calc(10% + 920px)}
}
@media screen and (max-width: 1440px) {
.tabs-section .feature-tabs{margin:10px auto}
}
@media screen and (max-width: 1250px) {
.tabs-section{width:100%;    overflow: hidden;}
.tabs-section .feature-tabs{padding-left:15px}
.tab-content .half-col{width:100%;float:none}
.tab-content .half-col:first-child:not( :only-child ) .feature-box:last-child{margin-bottom:50px}
}
@media screen and (max-width: 1023px) {
.tabs-section .ts-container {
    width: 100%;
}
.tabs-section {
    margin-top: 0;
}
.tabs-section .feature-tabs, .tc-com{display:none}
.tab-content .half-col {
    width: 50%;
    float: left;
}
.tab-content .tab-container{padding:0 20px}
.tab-content{padding:50px 20px}
}
@media screen and (max-width: 767px) {
.tab-content h2{font-size:28px;line-height:1.6}
.banner-section span.js-typed-text{font-size: 30px;
    padding: 9px 40px 7px 30px;}
    .banner-section h4 i{    margin: 8px 0px 0px -22px;}
.banner-section {
    padding: 100px 0 70px;
}
}
@media screen and (max-width: 600px) {
    .tab-content .half-col {
        width: 100%;
        float: none;
    }
    .feature-box p{    max-width: initial;} 
    .tab-content .tab-container {
        padding: 0;
    }
}