body,html{height:100%}body{font:400 14px/24px 'Poppins',sans-serif;margin:0 auto;background:#f2f2f2;color:#444; background:#f2f2f2;}a{text-decoration:none;color:#333}h1,h2{font-size:3em;font-weight:400;line-height:1.1em;padding:20px 0;margin:0}h3{font-size:2em;font-weight:400;line-height:1em;padding:0 0 10px}.pr{position:relative}.pa{position:absolute}.hidden{overflow:hidden}.hide{display:none}.show{display:block}section{padding:20px 0}.dark{background:#d2d6d8}.lighter{background:#FFF}.txt-left{text-align:left}.txt-right{text-align:right}.txt-center{text-align:center}section a{color:#0099CC}header{height:85px}.solCont p{margin:0;padding:5px 0 15px}.heading-menu{background:none repeat scroll 0 0 #ECEDEE;border-bottom:1px solid #C5CBD4;color:#424F56;font-size:27px;font-weight:300;height:40px;letter-spacing:-1px;line-height:36px;margin-top:111px;overflow:hidden;padding:5px 0;position:relative}.heading-menu h1{display:inline-block}.banner-highlight{background:rgba(0,0,0,.5);border-bottom:1px solid #ddd;padding:10px 0;position:absolute;width:100%;height:85px;bottom:0;left:0;z-index:22}.col-3>div{width:32%;margin-left:2%}.col-3>div:first-child{margin:0}.col-2>div{width:47%;margin-left:5%}.col-2>div:first-child{margin:0}.hl-cont{background:#f1f1f1}.hl-cont:hover{background:#f9f9f9}.hl-cont img{float:left;margin-right:10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;width:75px;height:75px}.hl-cont a{display:block;padding:5px}.hl-cont span{line-height:1.5em;margin-bottom:0;padding:6px 0;font-size:1em;display:block}.hl-cont a:hover{text-decoration:none}.main-sheet ul{list-style:disc inside;padding-left:30px}.home-banner{padding:0}.sol-banner{padding:30px 0 0;height:335px}.sol-banner .container{max-width:100%}.banner-new{background:url(../images/all-solutions.jpg) no-repeat left top;background-size:cover;height:80%}.submenu-inner p{margin:0}ol.main-menu>li{width:200px;position:absolute;padding-left:30px}ol.main-menu>li h2{background:rgba(255,255,255,.8);border:2px solid rgba(255,255,255,.5);color:#2a2a2b;font-weight:400;font-size:18px;padding:5px;line-height:18px;cursor:pointer;border-left:none}.ps-arrow{left:-13px;top:-9px;position:absolute;display:block;width:43px;overflow:hidden}.ps-arrow>span{display:block;background:rgba(255,255,255,.8);border:2px solid rgba(255,255,255,.5);padding:10px;border-radius:100px;color:#9ac969;width:25px;height:25px}ol.main-menu>li:hover .ps-arrow>span,ol.main-menu>li:hover h2{background:rgba(154,201,105,.8);color:#FFF}ol.main-menu>li .ps-arrow>span i{-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);display:block;width:30px;height:30px;overflow:hidden;position:relative;margin:0 0 0 -2px;font:400 50px/25px Arial,Helvetica,sans-serif;font-style:normal}ol.main-menu>li:hover .ps-arrow>span i{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);height:26px}ol.main-menu>li div.submenu{height:0;overflow:hidden;-moz-transition:.7s;-ms-transition:.7s;-o-transition:.7s;-webkit-transition:.7s;transition:.7s;z-index:2;position:relative}ol.main-menu>li:hover div.submenu{height:300px}ol.main-menu>li div.submenu-inner{background:rgba(154,201,105,.8);border:2px solid rgba(255,255,255,.5);color:#FFF;font-size:12px;line-height:16px;margin-top:5px;padding:10px}div.submenu ul{padding-top:10px}div.submenu ul li{padding:4px 10px}div.submenu ul li a{color:#FFF;font-size:12px;line-height:16px}div.submenu ul li a:hover{color:#444}ol.main-menu>li.network{top:62%;left:30%}ol.main-menu>li.security{top:8%;left:9%}ol.main-menu>li.window{top:47%;left:35%}ol.main-menu>li.activedirectory{top:25%;left:47%}ol.main-menu>li.help{top:53%;left:58%}ol.main-menu>li.msp{top:80%;left:80%}ol.main-menu>li.mobile{top:40%;left:15%}ol.main-menu>li.ondemand{top:35%;left:80%}ol.main-menu>li.unified{top:80%;left:10%}ol.main-menu>li.desktop{top:10%;left:70%}ol.main-menu>li.application{top:80%;left:40%;width:225px}.prod-list{padding:10px 0 0}.prod-list>li{width:23%;float:left;margin:0 0 20px}.prod-list>li>a{color:#444;font-size:1.3em;font-weight:300}.prod-list>li>a:hover{text-decoration:underline}.prod-list>li>a span{display:inline-block;padding:23px 0}.sub-sheet{display:none}.sub-sheet.show{display:block}.sub-sheet p{margin-bottom:20px}.sub-sheet h2 .prod-icons{position:absolute;left:-80px;top:14px}.main-sheet h1,h2.mainhead{padding-bottom:0}.icon-close{border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;border:1px solid #DDD;font-size:40px;width:40px;height:40px;padding:10px;display:inline-block;right:0;top:25px;line-height:40px;background:#f1f1f1;cursor:pointer;color:#999}ol.customer-list>li{width:30%;margin-left:4%;min-height:360px;position:relative;padding-bottom:10px}ol.customer-list>li:first-child{margin-left:0}ol.customer-list>li h3{font-size:1.5em;font-weight:600;line-height:1.2em;margin:0;min-height:50px;text-transform:uppercase}ol.customer-list>li p{font-size:.9em;margin:0}ol.customer-list>li p.link-more{position:absolute;right:0;bottom:0}ol.news-list li{padding-bottom:10px}ol.news-list li h4{margin:0;font-size:13px}ol.news-list li p{font-size:11px}.feedburnerFeedBlock .date,.feedburnerFeedBlock .feedItemAuthor,ol.news-list li p,ol.news-list li p a{color:#999}#creditfooter,.feedTitle,.feedburnerFeedBlock ul li>div{display:none}.feedburnerFeedBlock .headline{display:block;font-size:13px;line-height:20px}.feedburnerFeedBlock ul li{padding-bottom:10px;min-height:60px}.feedburnerFeedBlock .date,.feedburnerFeedBlock .feedItemAuthor{display:inline-block;padding-right:5px;font-size:11px}.cus-cont{background:#FFF;padding:20px 20px 10px 0}.cus-cont:hover{background:#F9F9F9}.cus-left{width:40%}.cus-right{width:60%}.but-grn{background:#7bbb2a;padding:10px;font-size:1.5em;color:#FFF;display:inline-block;font-weight:300}.but-grn:hover{background:#8a939b}.cust-logo{padding:0 0 10px;text-align:center}.appcus-list ul li{padding:0 5px}.feature-cont{padding:30px 20px 10px}.icon-toppos{right:10px;top:0;background:url(../images/homepage-sprite.png) no-repeat left top;height:36px;width:47px;display:none}.icon-news{background-position:-286px -109px}.icon-events{background-position:-348px -104px}.icon-something{background-position:-404px -104px}.link-more{font-size:1em;font-weight:300;margin:0}.link-more a:hover{text-decoration:underline}#slides{display:none;height:500px;width:100%}#slides.slides-inner{height:350px}#slides .slidesjs-navigation{margin-top:5px;position:absolute}.slidesjs-container,.slidesjs-control{height:500px!important}a.slidesjs-next,a.slidesjs-play,a.slidesjs-previous,a.slidesjs-stop{background-image:url(../images/btns-next-prev.png);background-repeat:no-repeat;display:block;width:12px;height:18px;overflow:hidden;text-indent:-9999px;float:left;margin-right:5px;z-index:9999;opacity:.5}a.slidesjs-next{right:10px;top:47%;background-position:-12px 0}a:hover.slidesjs-next{background-position:-12px -18px}a.slidesjs-previous{background-position:0 0;left:10px;top:47%}a:hover.slidesjs-previous{background-position:0 -18px}a.slidesjs-play{width:15px;background-position:-25px 0;top:10px;right:10px;visibility:hidden}a:hover.slidesjs-play{background-position:-25px -18px}a.slidesjs-stop{width:18px;background-position:-41px 0;top:10px;right:10px;visibility:hidden}a:hover.slidesjs-stop{background-position:-41px -18px}.slidesjs-pagination{margin:7px 0 0;float:right;list-style:none;position:absolute;top:43%;right:5%;z-index:20}.slidesjs-pagination li{margin:1px 0}.slidesjs-pagination li a{display:block;width:10px;height:10px;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-ms-border-radius:50px;float:left;background:#999;text-indent:-999em;overflow:hidden;margin-bottom:3px}.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active{background:#000}.slidesjs-pagination li a:hover{background:#333}#slides a:link,#slides a:visited{color:#333}#slides a:active,#slides a:hover{color:#9e2020}.slide-inner>img{width:100%}.navbar{overflow:hidden}.sub-head{font-size:1.5em}.testv-img{display:block;margin:0 0 20px}.last-vid .testv-img{margin-bottom:10px}.no-mrg{margin:0!important}.no-bor{border:none!important}.hcase-list{border-left:1px solid #DDD;padding:10px 0 0 20px;min-height:310px}h3.case-head{margin:5px 0 15px}.casestudy-list li{padding:0 0 10px 30px;background:url(../images/homepage-sprite.png) no-repeat -784px -33px}.casestudy-list li a:hover{text-decoration:underline}ul.ft-list{padding:20px 0}ul.ft-list li{float:left;width:32%;padding:10px 0;margin-left:2%;text-align:center}ul.ft-list li:first-child{margin-left:0}.ft-list li a{display:inline-block;position:relative;width:135px;padding-top:120px;background:url(../images/homepage-sprite.png) no-repeat scroll left top transparent}.ft-list li.win-desk a{background-position:-355px -15px}.ft-list li.trouble a{background-position:-510px -15px}.ft-list li.virtualization a{background-position:-650px -15px}ul.ft-list li a:hover{text-decoration:underline}.dwn-arw{top:-2px}.testmonial-block{background:#FFF;padding:10px;margin-bottom:60px}h2.millions{font-size:2.6em}.testmonial-block+h3{font-size:1.9em}.testmonial-block img{max-width:100%;border:1px solid #ddd}.video-scroll{height:335px;overflow-y:scroll}.testmonial-block .link-more{margin-top:10px}.in-icon{margin-top:10px;width:65px}.head-block{max-width:900px}.head-block p{margin-top:0;padding-top:0;font-size:1.2em}.head-block h1{padding-bottom:10px;font-size:2.8em}.solution-list{padding:25px 0 0}.col-25{width:23%}.col-20{width:18.4%}.col-28{width:28%}.col-30{width:32%}.col-50{width:49%}.mrg-left{margin-left:2%}.sol-bg .sol-name{height:169px;position:relative;overflow:hidden}.sol-name img{width:100%;height:100%}.sol-name h2,.sol-name p{font-size:1.8em;background:rgba(0,0,0,.6);font-weight:400;position:absolute;bottom:50px;padding:10px;color:#FFF;left:0;max-width:400px;line-height:1.1em}.sol-name p{font-size:1.1em;background:url(../images/prod-bg.png) no-repeat right top;padding:10px 30px 10px 10px;bottom:10px;color:#FFF;font-weight:400}.sol-name p a{color:#FFF;transition:all .2s ease-in 0s}.sol-name p a:hover{color:#000;text-decoration:none}.sol-bg1 .sol-name h2{color:#7bbb2a}.sol-bg1 .sol-name p{color:#FFF;background:0 0}.sol-desc{padding:20px 0 20px 80px}.sol-details{background:#f1f1f1;padding:10px 0 40px;min-height:210px}ul.feat-list li{padding:3px 3px 3px 25px;background:url(../images/list-icon.png) no-repeat left 5px}.link-learn{position:absolute;right:0;bottom:0;margin:0}.link-learn a{padding:5px 10px;background:#7bbb2a;color:#FFF;font-size:1em;display:inline-block}.sub-box{background:#d9dcdd;height:265px;overflow:hidden}.sub-box h3{background:#424f56;color:#8ab844;padding:20px 10px;margin:0}.subbox-cont{padding:10px;position:relative;top:0;line-height:1.6em}.subbox-cont>div.clearfix{padding-bottom:10px}.case-list a{float:left}.case-title{vertical-align:top}.subbox-cont ul{height:155px;overflow:hidden}ul.cus-story{position:relative}ul.cus-story li{padding-bottom:10px;display:none;position:absolute;top:200px;left:3px;transition:all .4s ease-in 0s}ul.cus-story li.active{top:0}ul.cus-story li p{margin:0;padding:0 0 5px}.cus-name{font-weight:400;margin-bottom:10px;color:#8AB844}.top-links{position:absolute;top:-20px;right:0}.top-links a{display:inline-block;padding:6px 30px 6px 15px;position:relative;color:#FFF!important;font-size:1.3em}.req-call{border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;-o-border-bottom-left-radius:5px;background:#7BBB2A}.req-demo{border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;-o-border-bottom-right-radius:5px;background:#5f6d78}.req-call span,.req-demo span{position:absolute;right:5px;top:8px;width:20px;height:20px}.req-demo span{background:url(../images/homepage-sprite.png) no-repeat -48px -149px}.req-call span{background:url(../images/homepage-sprite.png) no-repeat -6px -149px}.breadcrumb a.req-call:hover,.breadcrumb a.req-demo:hover{text-decoration:none;color:#222!important}#customers{padding:0}.mobileapp-list{background:#f1f1f1;padding:0 30px 10px}.mobileapp-list ul li{ margin-bottom:20px;}.mobileapp-list ul li>div{background:#FFF;padding:10px 10px 10px 8px;height:120px;text-align:left;}.app-icon{width:124px;height:121px;background:url(../images/app-icons.png) no-repeat left top;display:block;text-indent:-9999em;margin:0 10px 0 0;text-align:left; float:left;}.mobileapp-list ul li:hover .app-icon{background-position:left bottom}.mobileapp-list ul li h3{font-size:1em;margin:0;line-height:1.4em;font-weight:600; padding:0;}.mobileapp-list ul li p{margin:5px 0 0; line-height:1.3em;}.app-ad{background-position:-132px top}.mobileapp-list ul li:hover .app-ad{background-position:-132px bottom}.app-sdp{background-position:-268px top}.mobileapp-list ul li:hover .app-sdp{background-position:-268px bottom}.app-fm{background-position:-405px top}.mobileapp-list ul li:hover .app-fm{background-position:-405px bottom}.app-am{background-position:-538px top}.mobileapp-list ul li:hover .app-am{background-position:-538px bottom}.app-nfa{background-position:-676px top}.mobileapp-list ul li:hover .app-nfa{background-position:-676px bottom}.app-dc{background-position:-812px top}.mobileapp-list ul li:hover .app-dc{background-position:-812px bottom}.app-icon span{display:none}.me-nl #dwn-form-alert{left:28px;top:30px}h3.ss-head{font-size:1em;font-weight:400;margin:0;padding:20px 0 10px}.sol-img{width:50%;text-align:right}.sol-img img{margin-right:25%}.sol-caption{width:50%;background:rgba(0,0,0,.3);margin-top:50px;float:right}.sol-caption h2,.sol-caption p{padding:10px!important;color:#FFF}.sol-caption h2{font-size:3em;font-weight:500}.sol-caption p{font-size:2.2em;font-weight:300;line-height:1.4em;margin:10px 0 0}.dsn-z{padding-top:20px;line-height:2.2em}.foot-logo{display:inline-block;background:url(../images/footer-logo.jpg) no-repeat left top;width:91px;height:32px;text-indent:-9999em;margin-top:-2px;position:relative;vertical-align:text-bottom}.popup{background:#FFF;border:1px solid #D2D2D2;display:none;position:relative}.pophead{padding:10px;background:#f1f1f1;border-bottom:1px solid #DDD}.popcont{padding:10px}.popclose{position:absolute;right:5px;top:7px;font-size:16px;width:20px;height:20px;border:1px solid #DDD;border-radius:100px;line-height:18px;padding:3px;color:#333;background:#FFF;text-align:center;cursor:pointer}.v2-list .sol-name{border:1px solid #DDD;border-bottom:none}.v2-list .sol-details{border:1px solid #DDD;border-top:none}.v2ban .sol-caption{background:0 0}.v2-list .sol-name h2{background:0 0;color:#333;margin:20px 0 30px}.v2-list .link-learn a{background:#5F6D78;transition:all .2s ease-in 0s}.v2-list .link-learn a:hover{background:#7BBB2A;text-decoration:none}.link-learn a.comDwn{border-top:2px solid #F2F2F2;color:#333!important;display:inline-block;font-size:16px;padding:5px 0;transition:all .2s ease-in 0s;background:0 0;margin-right:15px}.link-learn a.comDwn:hover,.v2-list .link-learn a.comDwn:hover{background:0 0;color:#7BBB2A;text-decoration:underline}.comDwnSpan{background:none repeat scroll 0 0 #ED1C24;border-radius:20px;float:left;line-height:0;margin-right:10px;padding:5px}.comDwnIcon{background:url(../images/me-common-sprite.png) no-repeat scroll 0 0 rgba(0,0,0,0);display:inline-block;height:15px;width:15px}.v2ban{background:url(../images/solbg-c.jpg) no-repeat left top;background-size:cover}.ftoolBox{padding:20px;float:left;margin:0 0 5px 13px;background:#F1F1F1;color:#424F56;height:200px;width:200px;transition:all 300ms ease 0s;text-align:center;position:relative;overflow:hidden}.ftoolBox:first-child{margin-left:0}.ftoolBox h3{line-height:35px;font-size:16px;padding:0;margin:0}.ftoolBox h3 a{transition:all .2s ease-in 0s;font-weight:400}.ftoolBox p{font-size:12px;margin:5px 0 20px;line-height:20px}.ftoolBox a.moreBtn{background:#5F6D78}.ftoolBox:hover a.moreBtn{background:#7BBB2A}.ftoolBox1 a,.ftoolBox2 a{color:#333!important}.ftoolBox1 a.moreBtn,.ftoolBox2 a.moreBtn{color:#fff!important}.ftoolCont{height:170px;position:relative;overflow:hidden}.ftool-default,.ftool-hover{transition:all 300ms ease 0s;height:170px;position:relative;overflow:hidden}.s12ban .container,.s11ban .container,.s10ban .container,.s1ban .container,.s2ban .container,.s3ban .container,.s4ban .container,.s5ban .container,.s6ban .container,.s7ban .container,.s8ban .container,.s9ban .container{max-width:1200px}.ftoolBox:hover{background:none repeat scroll 0 0 #424F56;color:#FFF}.ftoolBox:hover h3 a{color:#99CD3F!important}.ftoolBox:hover .ftool-default{margin-top:-170px}.ftimg{background:url(../free-tools/images/free-tools-sprite.png) no-repeat scroll 0 0 rgba(0,0,0,0);display:inline-block;height:145px;margin:10px auto 0;width:175px}.win-adm{background-position:-660px -218px}.win-health{background-position:-167px -218px}.ex-health{background-position:-167px -338px}.sql-health{background-position:-304px -215px}.win-admin{background-position:0 -217px}.win-shm{background-position:-660px -345px}.share-health{background-position:-470px -215px}.win-service{background-position:0 -338px}.snmb-mib{background-position:-160px -700px}.ping-tool{background-position:-312px -337px}.pro-traffic{background-position:-470px -340px}.sys-log{background-position:0 -465px}.mob-ping{background-position:-168px -465px}.mib-android{background-position:-304px -465px}.vmware{background-position:-430px 0}.hyperv-perf{background-position:-470px -465px}.fism{background-position:-640px 0}.vm-conf{background-position:0 -712px}.hyperv-conf{background-position:-470px -593px}.xen-server{background-position:0 -590px}.free-azure{background-position:-312px -590px}.free-ec2{background-position:-164px -590px}.s1ban{background:url(../images/me-vs-sw-solution-banner.jpg) no-repeat center top #ebe83c;}.s11ban .sol-caption,.s10ban .sol-caption,.s1ban .sol-caption,.s2ban .sol-caption,.s3ban .sol-caption,.s4ban .sol-caption,.s5ban .sol-caption,.s6ban .sol-caption,.s7ban .sol-caption,.s8ban .sol-caption,.s9ban .sol-caption,.s12ban .sol-caption{float:none;width:60%;margin-top:10px;background:0 0}.s10ban .sol-caption,.s1ban .sol-caption{}.s11ban .sol-caption,.s3ban .sol-caption,.s4ban .sol-caption{padding-top:20px}.s4ban .sol-caption{width: 100%; margin-top: 25px; text-align:center;}.s4ban .sol-caption h2{ padding:0;}.s4ban .sol-caption h2 span{ font-weight:500;}.s4ban .sol-caption p{ margin:0 0 20px 0;line-height:.9em;}.s10ban .sol-caption h2,.s10ban .sol-caption p,.s3ban .sol-caption h2,.s3ban .sol-caption p,.s4ban .sol-caption h2,.s4ban .sol-caption p,.s5ban .sol-caption h2,.s5ban .sol-caption p,.s9ban .sol-caption h2,.s9ban .sol-caption p{color:#000}.s2ban{background:url(../images/solution-banner-apm.jpg) no-repeat left top;background-size:cover}.s3ban{background:url(../images/solution-banner-hdm.jpg) no-repeat left top;background-size:cover}.s4ban{background:url(../images/solution-banner-adm.jpg) no-repeat left top;background-size:cover}.s11ban .sol-caption,.s3ban .sol-caption,.s7ban .sol-caption{padding-left:500px}.s5ban{background:url(../images/solution-banner-dm.jpg) no-repeat left top;background-size:cover}.s6ban{background:url(../images/solution-banner-itsm.jpg) no-repeat left top;background-size:cover}.s7ban{background:url(../images/solution-banner-msp.jpg) no-repeat left top;background-size:cover}.s8ban{background:url(../images/solution-banner-uitm.jpg) no-repeat left top;background-size:cover}.s9ban{background:url(../images/solution-banner-odm.jpg) no-repeat right top;background-size:cover}.s10ban{background:url(../images/solution-banner-mdm.jpg) no-repeat left top;background-size:cover}.s11ban{background:url(../images/solution-banner-server.jpg) no-repeat left top;background-size:cover}.s12ban{background:url(../images/solution-banner-pmp.jpg) no-repeat left top;background-size:cover}.top-sec .dropdown>span{padding:0 5px}.nav .dropdown>span,.nav>li>a{padding:3px 10px;line-height:20px;display:inline-block}.nav .dropopen>span,.nav>li>a:hover,.nav>li>span:hover{background:#7bbb2a;color:#fff}.logo{margin-top:34px}.nav>li{padding:0 0 0 15px}.menu-icon{margin-top:10px}.top-sec>ul>li{position:relative;padding-top:3px}.searchtxt{border:1px solid #DDD;padding:2px 2px 2px 18px;-webkit-transition:width .5s ease-in-out;-moz-transition:width .5s ease-in-out;-o-transition:width .5s ease-in-out;transition:width .5s ease-in-out;width:45px;background:#f9f9f9 url(../images/homepage-sprite.png) no-repeat -784px -1px}.s9ban .container p span{ font-size:40%; vertical-align:top;}.s9ban .container p span.zLogo{ -webkit-transform:scale(.7,.7);-moz-transform:scale(.7,.7);-o-transform:scale(.7,.7); transform:scale(.7,.7); margin-top: 5px;}
.s13ban {
background: url(../images/solution-banner-analytics.jpg) no-repeat left top;
background-size: cover;
}
/* --------------- Floating Icon style --------------- */
.container.foot-copy{ max-width:100%;}
.top-links {
font-size: 14px
}
#fixedbtn,
.top-links {
position: fixed;
right: 0;
top: initial;
bottom: 300px;
z-index: 4
}
#fixedbtn .demo,
.top-links .req-demo {
color: #fff!important;
background: #34ad65;
text-align: center;
display: block;
height: 40px;
font-weight: 500;
font-size: .75em;
line-height: normal;
vertical-align: middle;
border-radius: 0;
width: 55px;
padding: 10px 0 0;
text-transform: uppercase
}
#fixedbtn .demo,
.top-links .req-demo:hover {
cursor: pointer
}
#fixedbtn .contact,
.top-links .req-call {
display: block;
background: #1d2532 url(../images/contact-fix.png) no-repeat center center;
width: 55px;
height: 55px;
text-indent: -99999em;
padding: 0;
border-radius: 0
}
#fixedbtn .contact,
.top-links .req-call:hover {
cursor: pointer
}
#fixedbtn .contact:hover,
.top-links .req-call:hover {
text-decoration: none
}
/* --------------- Popup style --------------- */
div.popup_contains {
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
z-index: 999999;
}
div.req_form_popup {
z-index: -9;
opacity: 0;
}
div.popup_contains.after_active {
z-index: 999999;
opacity: 1;
}
div.popup_boxes {
width: 70%;
background: #fff none repeat scroll 0 0;
margin: 4% auto;
border: 10px solid rgba(11, 11, 11, 0.67);
border-radius: 5px;
position: relative;
overflow-y: scroll;
}
div.popup_boxes div.popup_closeicon {
float: right;
padding: 10px 0 0px 0;
border: 1px solid #34ad65;
border-radius: 30px;
font-size: 32px;
margin: 0;
width: 40px;
height: 30px;
top: 15px;
right: 20px;
position: relative;
background: #fff;
color: #34ad65;
text-align: center;
z-index: 99999;
position: absolute;
font-weight: 100;
cursor: pointer;
}
div.popup_boxes div.popup_closeicon:hover {
cursor: pointer
}
div.popup_boxes div.survey_popups {
text-align: center;
font-size: 3em;
margin: 0px 0;
position: relative
}
div.my-iframe {
position: absolute;
top: -50px;
left: 0;
width: 100%;
height: 500px;
border: none
}
div.me_support_popups {
position: absolute;
top: -50px;
left: 0px;
width: 100%;
height: 480px;
border: none;
z-index: 999;
overflow-y: scroll;
}
div.survey_popups h4.popup_form_heading {
font-size: 22px;
height: auto;
margin: 10px 0 0 15px;
line-height: 2em;
text-align: left;
}
div.popupform_preloader {
width: 100%;
height: 500px;
position: absolute;
background: #fff;
z-index: 99999;
}
div.popupform_preloader p {
text-align: center;
font-size: 16px;
color: #34ad65;
}
div.page_preloader {
width: 100%;
height: auto;
display: block;
}
div.popup_boxes .popupform_preloader img,
div.page_preloader img,
div.preloader_images img {
width: 50px;
height: 50px;
margin: 15% auto 0% auto;
display: block;
-webkit-animation: preloaderanim 1s infinite linear;
-moz-animation: preloaderanim 1s infinite linear;
-o-animation: preloaderanim 1s infinite linear;
animation: preloaderanim 1s infinite linear;
}
div.page_preloader p {
text-align: center;
font-size: 16px;
color: #34ad65;
}
/* --------------- Keyframes style --------------- */
@-webkit-keyframes preloaderanim {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-moz-keyframes preloaderanim {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-o-keyframes preloaderanim {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes preloaderanim {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* Common style start */
.bg-list-grey {
background: #f2f2f2;
}
.container{ max-width:1200px;}
.breadcrumb {
position: absolute;
top: 10px;
margin: 0;
}
#scroll .ftoolBox a.first-free-tools-anchor{
background: #34ad65 !important;
text-transform: uppercase;
}
#scroll .prdBox:hover a, #scroll .prdvideo:hover span, #scroll .prdBox:hover span, #scroll .ftoolBox:hover a{
color: #34ad65!important;
}
#scroll .prdBox, #scroll .prdvideo{
width: 20%;
padding: 20px;
margin: 20px 20px 20px 0;
background: #fff;
border: none;
color:#444;
max-width: none;
-webkit-transition: all .3s ease-in-out;
box-shadow: 0 10px 10px #d8d8d8;
}
#scroll .eventsBox .prdBox{
height: 220px;
}
#scroll .rev{
height: auto;
}
#scroll .prdBox:hover, #scroll .prdvideo:hover{
background: #fff;
color:#444;
box-shadow: 0 15px 15px #bbb;
}
#scroll .prdBox p, #scroll .prdvideo p{
font-size: 1em;
line-height: 1.6em;
}
#scroll img{
max-width: 100%;
max-height: 100%;
}
#scroll .prdBox .prd-hover p{
font-size: .8em;
}
#scroll .prdBox:hover a, #scroll .prdvideo:hover span, #scroll .prdBox:hover span{
color: #444!important;
}
#scroll .prd-learnmore, .ftoolBox .prd-learnmore{
position: absolute;
width: 100%;
bottom: 0;
left: 0;
padding: 5px 0;
transition: all 0.2s ease-in 0s;
}
.ftoolBox .prd-learnmore a{
background: transparent;
color: #34ad65 !important;
padding: 5px 0;
margin:0;
}
#scroll .prd-learnmore .comDwnSpan{
display: none;
}
#scroll .prd-learnmore-news{
border-top: 1px solid #f2f2f2;
padding: 10px 0;
}
#scroll .prd-learnmore-news .combtmSct{
display: inline-block;
text-align: left;
border: none;
padding: 0 10% 0 0;
color: #888;
}
#scroll .prdBox:hover .prd-learnmore-news .combtmSct{
color:#fff;
}
#scroll .prd-learnmore-news .comDwn{
text-align: center;
}
.comDwn {
border: none !important;
font-weight: 300;
font-size: 1em;
}
.combtmSct{
border-top: 1px solid #f2f2f2;
padding: 5px 0 0;
}
.prdBox:hover .prd-learnmore{
background:#ee5e59;
}
.prdBox .prd-learnmore.prd-blue .comDwn{
color: #6fbbf5 !important;
}
.prdBox:hover .prd-learnmore.prd-blue{
background:#6fbbf5;
}
.prdBox .prd-learnmore.prd-yellow .comDwn{
color: #fdcd36 !important;
}
.prdBox:hover .prd-learnmore.prd-yellow{
background:#fdcd36;
}
.ftoolBox:hover .prd-learnmore{
background:#34ad65;
}
.ftoolBox:hover .prd-learnmore a{
color:#fff !important;
}
a.moreBtn, a.moreBtn:hover{
background: #34ad65;
text-transform: inherit;
padding: 5px 10px 3px;
}
.ftoolBox a.moreBtn{
font-size: 1em;
}
.ftoolBox .prd-learnmore a.moreBtn{
display: block !important;
position: static;
}
.ftoolBox:hover a.moreBtn{
color: #fff;
background: none;
}
#scroll .prdBox:hover .prd-learnmore .comDwn, #scroll .ftoolBox:hover .prd-learnmore a.moreBtn{
color:#fff !important;
}
#scroll .prdNav a{
text-decoration: none;
}
.prd-learnmore{text-align:center;}
.filterdrop, #filter, #custList {
position: relative;
float: right;
margin: 20px 20px 0 0;
z-index: 10;
font-size: 12px;
width:auto;
}
select#filter{
background: #fff;
border: none;
margin: 15px 20px 0 0;
height: 35px;
width: 200px;
line-height:35px;
}
.filterdrop > span, #filter > span, #custList > span {
display: block;
padding: 5px 30px 5px 20px;
cursor: pointer;
background: #fff;
border: none;
width: 150px;
border-radius: 5px;
}
#custList > span {
width:220px;
}
.filterdrop > span:hover, #filter > span:hover, #custList > span:hover {
background: #1d2532;
color: #fff;
border-radius: 5px;
}
.filterdrop > span:after, #filter > span:after, #custList > span:after {
position: absolute;
right: 20px;
top: 14px;
display: inline-block;
border-left: 4px solid transparent;
border-top: 4px solid #424f56;
border-right: 4px solid transparent;
content: '';
margin-left: -4px;
}
.filterdrop > span:hover:after, #filter > span:hover:after, #custList > span:hover:after {
border-top: 4px solid #fff;
}
.filterdrop > ul, #filter > ul, #custList > ul {
background: #1d2532;
margin: 0;
padding: 0!important;
list-style-type: none!important;
font-size: 12px;
display: none;
position: absolute;
width: 200px;
right: 0;
}
#custList > ul {
width:270px;
}
.filterdrop > ul li:first-child, #filter > ul li:first-child, #custList > ul li:first-child{
border-top: 1px solid #ccc;
}
.filterdrop > ul li, #filter > ul li, #custList > ul li {
margin: 0;
color: #fff;
cursor: pointer;
padding: 5px 20px;
background: #1d2532;
border: none;
}
.filterdrop > ul li:hover, #filter > ul li:hover, #custList > ul li:hover{
color:#444;
background: #ddd;
}
#custList > ul li a{
color:#fff;
padding: 3px 10px 3px 0px;
}
#custList > ul li:hover a{
background: none;
color: #444;
}
.ftoolBox:hover {
background:#fff;
color: #444;
}
.ftoolBox:hover h3 a {
color: #444!important;
}
.rev .prd-learnmore a{
color: ;
}
.press-contact .per50{
width: 44%;
padding: 2%;
margin: 0 2% 0 0;
float: left;
background: #fff;
}
.press-contact .per50:hover {
box-shadow: 3px 2px 4px #e6e6e6;
}
.press-contact .per30 {
text-align: center;
background: #fff;
margin: 10px;
padding: 20px 10px;
height: 100px;
width: 28%;
}
.press-kit-logo{
text-align: center;
font-size: 1.5em;
margin: 50px 0 10px 0;
}
.facts-list li {
padding: 2% 4% 0;
display: inline-block;
width: 20%;
text-align: center;
vertical-align: top;
margin: 10px;
font-size: 2.7em;
font-weight: 300;
min-height: 200px;
background: #f9f9f9;
line-height: normal;
border-top: 4px solid #f9f9f9;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.facts-list li span {
display: block;
font-size: .6em;
}
.video-categories ul li div.catelists, .video-regions{
background:#fff;
}
.filter-categories {
background: #424f56;
}
.filter-categories > ul li {
color:#fff;
}
.contactBox h3 span {
display: block;
font-size: 2em;
line-height: 1.3em;
color: #000;
}
.contactBox p {
margin: 10px 0 0 0;
font-weight: 300;
}
#scroll .prd-default, #scroll .prd-hover{
transition: none;
}
.com-banner{ position:relative;}
.com-banner img{width:100%;}
.com-banner p{ font-size: 3em;
font-weight: 400;
text-align: center;
position: absolute;
left: 0;
color: #FFF;
z-index: 1;
top: 0;
width: 100%;
padding-top: 4%;}
.com-banner p span{
display: block;
line-height: normal;
font-size: .4em;
font-weight: 300;
padding: 20px 0 0 0;
}
/* Solutions pages style */
#scroll{background:#f2f2f2;}
.breadcrumb, .breadcrumb a {color: #333 !important;}
.banner + section{ padding:0px;}
.sol-details{ background:#FFF;}
.sol-name p a, .sub-box h3,.cus-name { color:#34AD65;}
.v2-list .sol-name, .v2-list .sol-details{ border:none;}
ul.feat-list { list-style: disc outside; padding-left:60px; }
.sol-bg, .sub-box, .ftoolBox{background: #FFF none repeat scroll 0% 0%;border-radius: 3px;border: medium none;color: #000;}
.sol-bg:hover, .sub-box:hover, .ftoolBox:hover{ box-shadow: 3px 2px 4px #E6E6E6;}
.sol-bg .sol-name{ height:auto;}
.v2-list .sol-name h2, .v2-list .sol-name p{margin: 40px 40px 10px; text-align:left;}
.v2-list .sol-name p{ margin-top:10px;}
.sol-name h2, .sol-name p{ position:static; margin:5px 10px; padding:0; max-width:100%;}
.v2-list .sol-name h2{ font-size:1.5em;}
.sol-name img{ display:none;}.sol-name p{ background:none;}
.sol-bot, .sol-bot + section{background: #F2F2F2 none repeat scroll 0% 0%;}
ul.feat-list li{ color:#777; background:none; padding-left:0px; padding-right:20px;}
.sol-bg{ height:380px;}
.sub-box h3{ background:none; font-weight:300;font-size:1.4em;}
.link-learn{ width:100%;}
.v2-list .link-learn a{ width:100%; padding:10px 0; text-align:center; background:#fff; color:#34ad65 !important; transition: all 300ms ease 0s;}
.v2-list .sol-bg:hover .link-learn a{ background:#34ad65; color:#fff !important; }
.ftoolBox:hover a.moreBtn, .v2-list .sol-bg:hover .link-learn a{ opacity:1;color:#fff;}
.head-block{margin: 35px 0 0 0;}
.in-icon {margin-top: 61px;}
.ftoolBox h3{line-height: 22px;}
.ftoolBox{height: 230px;}
.ftimg{height:130px;}
.ftoolCont,.ftool-default, .ftool-hover{height:180px;}
.mobileapp-list{background: none;padding: 0;}
.moblink-learn a{color:#34ad65;}
.add-list > div{ float:left; width:44%; border-left:1px dashed #999; padding-left:30px; min-height:130px;}
.add-list > div:first-child{ margin-right:2%; border:none; padding:0;}
.add-list .num-text{ color:#999; font-size:.8em; display:block; line-height:10px;}
/* Preloader style */
.preloader_images img{display:block;margin:0 auto;}
.cssload-thecube{width:37px;height:37px;margin:0 auto;margin-top:25px;position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg)}
.cssload-thecube .cssload-cube{position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);float:left;width:50%;height:50%;position:relative;transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.cssload-thecube .cssload-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#99cd3f;animation:cssload-fold-thecube 2.04s infinite linear both;-o-animation:cssload-fold-thecube 2.04s infinite linear both;-ms-animation:cssload-fold-thecube 2.04s infinite linear both;-webkit-animation:cssload-fold-thecube 2.04s infinite linear both;-moz-animation:cssload-fold-thecube 2.04s infinite linear both;transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%}
.cssload-thecube .cssload-c2{transform:scale(1.1) rotateZ(90deg);-o-transform:scale(1.1) rotateZ(90deg);-ms-transform:scale(1.1) rotateZ(90deg);-webkit-transform:scale(1.1) rotateZ(90deg);-moz-transform:scale(1.1) rotateZ(90deg)}
.cssload-thecube .cssload-c3{transform:scale(1.1) rotateZ(180deg);-o-transform:scale(1.1) rotateZ(180deg);-ms-transform:scale(1.1) rotateZ(180deg);-webkit-transform:scale(1.1) rotateZ(180deg);-moz-transform:scale(1.1) rotateZ(180deg)}
.cssload-thecube .cssload-c4{transform:scale(1.1) rotateZ(270deg);-o-transform:scale(1.1) rotateZ(270deg);-ms-transform:scale(1.1) rotateZ(270deg);-webkit-transform:scale(1.1) rotateZ(270deg);-moz-transform:scale(1.1) rotateZ(270deg)}
.cssload-thecube .cssload-c2:before{animation-delay:.255s;-o-animation-delay:.255s;-ms-animation-delay:.255s;-webkit-animation-delay:.255s;-moz-animation-delay:.255s}
.cssload-thecube .cssload-c3:before{animation-delay:.51s;-o-animation-delay:.51s;-ms-animation-delay:.51s;-webkit-animation-delay:.51s;-moz-animation-delay:.51s}
.cssload-thecube .cssload-c4:before{animation-delay:.765s;-o-animation-delay:.765s;-ms-animation-delay:.765s;-webkit-animation-delay:.765s;-moz-animation-delay:.765s}
.prdBox.showme{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:scaleUp .65s ease-in-out forwards;animation:scaleUp .65s ease-in-out forwards}
.prdBox.hideme{opacity:0;-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-animation:scaleUp .65s ease-in-out forwards;animation:scaleUp .65s ease-in-out forwards}
.comTtl{font-size: 2em; font-weight: 400;}
/* Common style end */
/* -------------- Responsive styles start ------------------- */
@media screen and (min-width:1600px) {
.container {
max-width: 1400px;
}
}
@media screen and (max-width:1500px) {
#commonHeader + .bg-list-grey{
min-height: 650px;
}
.head-container{
width: 98%;
padding-left: 1%;
padding-right: 1%;
}
}
@media screen and (max-width:1400px) {
.container, .itsm-container{
max-width: 1100px;
}
.facts-list li{
width:21%;
}
.itsm-solutions ul li{
height: 280px;
}
#scroll .prdBox, #scroll .prdvideo{
margin: 20px 13px 20px 0;
}
}
@media screen and (max-width:1280px) {
.sol-caption h2{font-size:2.3em;font-weight: 500;}
.sol-caption p{font-size:1.8em;}
.s3ban .sol-caption{padding-left:650px;}
ul.feat-list li{line-height:18px;}
}
@media screen and (max-width:1080px) {
#scroll1 .container{
max-width: 900px;
}
.breadcrumb{left: 6%;}
.facts-list li{
font-size:2em;
}
#scroll .prdBox, #scroll .prdvideo{
width:25%;
}
.nav-list .suggestion-sec a{
font-size: 0.8em;
}
.sol-listCol4 h2{
font-size: 1.5em;
padding: 0;
line-height: 1.4em;
}
div.nav-submenu ul li a{
font-size: 85%;
}
.menu-inner-right .col-60 p {
font-size: 1.3em;
}
nav ul.header-nav > li:first-child {
padding: 0px 15px 20px 15px;
}
.sol-listCol4 {
padding: 30px;
}
#header-mainsec .header-nav > li:last-child {
display: block;
}
.nav-list .sol-listCol1 ul li a{
font-size:.85em;
}
.products .header-nav{
font-size:.9em;
}
#mobPanel #mobListPrd a span{
font-size: .85em;
color: #34ad65;
padding:0;
display:block;
}
.itsm-solutions ul li{
height:260px;
}
.nav-list .sol-listCol3 .f1{
margin: 20px 0px 0px;
}
.nav-list .sol-listCol3 .f3 a{
margin: 5px 0px 25px;
}
}
@media screen and (max-width:1000px) {
.container {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}
#scroll1{
margin-left: 5%;
}
#scroll1 .container{
max-width: 700px;
}
.breadcrumb{left: 9%;}
#solutions-type-filter ul{
top: 78px;
}
#commonHeader{
min-height: 78px;
}
#comSubTree{
position: static !important;
}
#comSubTreeMenu{
margin:20px 0;
}
footer .container{
width:96%;
}
#scroll .videos-preview p{
font-size: 2.5em;
top: 20%;
}
.menu2ResBlk{
margin-top:20px;
}
.comp-top {
width: 90%;
}
.analyst-reports-mainsec{width:90%!important;}
.analyst-reports-mainsec .filterdrop > span{width:92%;}
#scroll .prdBox{
width:40%;
}
#header-mainsec, #header-mainsec .headerinner.fixed{
top:0;
}
.product-list ul li{
width: 50%;
}
.hor-bor{
left:49.9%;
}
.hor-bor2{
display: none;
}
.hor-bor, .hor-bor2{
height: 520px;
}
.soltions-sec{
height:auto;
}
.soltions-sec ul.tabs li span.icon{
width: 55%;
}
.soltions-sec ul.tabs li.oprations-management span.icon, .soltions-sec ul.tabs li.business-intelligence span.icon{
width:70%;
}
#cse-search-box .newsearchbox{
padding: 10px 0px;
width: 75%;
font-size: 1.3em;
margin: 10px 0;
color:#444;
}
.MEmobListSearch{
margin: 10px 0;
border-radius: 5px;
}
.itsm-solutions ul li, .itsm-solutions ul li.video{
width: 48%;
height:auto;
}
.hl-cont span{
font-size: 0.6em;
padding: 0;
line-height: .5em !important;
}
.itsm-solutions ul li.video p img{
bottom:0;
right:10px;
}
.analyst-reports-banner h2{
top: 5%;
font-size: 1.2em;
}
.filter-containers, #scroll1 .comTtl{
float:none;
}
#solutions-filter ul li p.sicon{
transform: scale(0.7);
}
#solutions-filter ul li{
height:40px;
}
#solutions-filter ul li h3, #solutions-filter ul li.active h3{
display: none;
}
#header-topsec, .header-nav {
display: none;
}
#header-mainsec .headerinner{
padding: 10px;
}
}
@media screen and (min-width: 650px) and (max-width: 1000px){
.itsm-solutions ul li.doc a{
transform: scale(.8);
margin-top: -30px;
}
.itsm-solutions ul li{
height:200px;
}
}
@media screen and (max-width:650px) {
#scroll1{
margin-left: 15%;
width: 80% !important;
}
.me_support_column30 {
width: 100%;
}
.solutionFilter1 > ul, #filter > ul{
left:0;
}
span.me_support_regform{
margin-top: 10%;
}
.popup_boxes {
width: 85%;
}
.me_support_column40, .me_support_column50{
width:80%;
}
.me_support_column60{
width: 95%;
margin: 0px 20px;
}
.me_support_head h1 {
line-height: 35px;
font-size: 1.6em;
}
.me_support_telephone{
margin: 0 0 0 20px;
}
.me_support_column90 h2, .me_support_column50 h2{
font-size: 2em;
}
.timeline-sec .cusQte{
background:#fff;
}
.timeline-sec .cusQte-inner{
margin: 10px auto 50px;
}
.contactBox {
width: 90%;
}
.customer-listing .per30.filr-act ul li {
width: 100%;
}
.customer-listing{
margin: 15% 0px 0px;
}
.customer-listing .per30, .customer-listing .per30:first-child{
width:95%;
}
#custList{
margin: 20px 15% 20px 0;
}
#comSubTree .comSubTree > ul > li{
display: inline-block;
}
#comSubTree .comSubTree{
width:100%;
color: #444;
}
#comSubTree .comSubTree > ul > li a{
color: #444 !important;
}
#scroll .videos-preview p{
font-size:1.6em;
}
#scroll .videos-preview span img{
max-height: 50%;
top: 20%;
}
.com-banner p{
font-size: 1.2em;
top: -13px;
}
.comp-top, .comp-middle, .comp-middle p {
width: 90%;
}
.facts-list li {
width: 55%;
}
.itsm-solutions ul li, .itsm-solutions ul li.video{
width: 95%;
}
.wvbox-inner{
width: 360px;
}
#scroll .prdBox{
width: 88%;
}
.solutionFilter1{
float: none;
}
}
@media screen and (max-width:500px) {
.press-contact .per50 {
width: 80%;
}
#scroll .prdBox {
width: 84%;
margin: 20px 10px 20px 10px;
}
#scroll .src-btn{
top:0;
}
.sucurity-response{
float:none;
text-align: center;
}
}
@keyframes cssload-fold-thecube {
0%,10%{transform:perspective(70px) rotateX(-180deg);opacity:0}
25%,75%{transform:perspective(70px) rotateX(0deg);opacity:1}
90%,100%{transform:perspective(70px) rotateY(180deg);opacity:0}
}
@-o-keyframes cssload-fold-thecube {
0%,10%{-o-transform:perspective(70px) rotateX(-180deg);opacity:0}
25%,75%{-o-transform:perspective(70px) rotateX(0deg);opacity:1}
90%,100%{-o-transform:perspective(70px) rotateY(180deg);opacity:0}
}
@-ms-keyframes cssload-fold-thecube {
0%,10%{-ms-transform:perspective(70px) rotateX(-180deg);opacity:0}
25%,75%{-ms-transform:perspective(70px) rotateX(0deg);opacity:1}
90%,100%{-ms-transform:perspective(70px) rotateY(180deg);opacity:0}
}
@-webkit-keyframes cssload-fold-thecube {
0%,10%{-webkit-transform:perspective(70px) rotateX(-180deg);opacity:0}
25%,75%{-webkit-transform:perspective(70px) rotateX(0deg);opacity:1}
90%,100%{-webkit-transform:perspective(70px) rotateY(180deg);opacity:0}
}
@-moz-keyframes cssload-fold-thecube {
0%,10%{-moz-transform:perspective(70px) rotateX(-180deg);opacity:0}
25%,75%{-moz-transform:perspective(70px) rotateX(0deg);opacity:1}
90%,100%{-moz-transform:perspective(70px) rotateY(180deg);opacity:0}
}
.opm-sol-banner{background:url("../images/solution-banner-npm.jpg");}
.me-vs-sw-sol-caption h2{color:#333; margin-top:40px;}
.me-vs-sw-sol-caption p.sol-banner-navi{padding:10px 10px; background:#68b415; display:inline-block; font-size:18px; color:#fff;}
.me-vs-sw-sol-caption p.sol-banner-navi a{color:#fff;}
.me-vs-sw-sol-caption p.me-vs-sw-bann-desc{width:50%; font-size:11px; line-height:14px;}
@media screen and (max-width:1420px){
#newtopheader .nav > li{padding:0 0 0 12px}
.sol-banner{height:320px!important}
}
@media screen and (max-width:1200px){
#newtopheader .nav > li{font-size:13px;padding:0 0 0 10px}
}
@media screen and (max-width:1080px){
#newtopheader .nav > li,#newtopheader .nav > li.pipe,#newtopheader .nav > li:last-child{font-size:12px;padding:0 0 0 8px;}
}
@media screen and (max-width:1030px){.server-bg .img-banner,.stone-bg .img-banner{min-height:325px}body{font-size:12px}.img-banner img{width:100%;height:auto}#slides .slidesjs-container,#slides .slidesjs-control{width:100%!important}.nav .dropdown>span,.nav>li>a,.top-sec .dropdown>span{padding:5px 15px}.nav>li{padding:0}.menu-icon{margin-top:10px}.sol-banner h2{font-size:2.7em}.sol-banner .me-vs-sw-sol-caption h2{margin-top:0px; font-size:2em;}.sol-banner{ height:230px !important;}.s4ban .sol-caption div img{ width:80%;}.s4ban .sol-caption h2{ font-size:2em;}.s4ban .sol-caption p{ font-size:1em;}.s4ban .sol-caption div img{ width:50%;}}@media screen and (max-width:980px){.sol-banner{height:175px!important; padding-top:0px;}.menu-icon{margin-top:10px}.prod-list>li{width:30%}.lighter{padding:20px 0}.sol-banner h2{font-size:1.8em}.s13ban .sol-caption p{font-size: 1.5em;}.sol-banner p{font-size:1.2em}.sol-banner .sol-caption{margin-top:0}.ftoolBox{width:40%;margin:0 10px 10px 0}.txtfield{width:82px}.banner-highlight{height:50px}.hl-cont span{font-size:.7em;line-height:1.2em}.hl-cont img{width:40px;height:40px}}@media screen and (max-width:801px){.nav-fb,.nav-gp,.nav-ld,.nav-tw,.nav-yt{display:none}}@media screen and (max-width:760px){#slides .slidesjs-container,#slides .slidesjs-control{width:100%!important}.prod-list>li,ul.ft-list li{width:33%}.topheader,header{height:60px}.col-20,.col-28,.col-50{float:none;width:auto;margin:0}.hcase-list{border:none;padding:0}.testmonial-block .col-20>div{float:left;width:30%;margin-left:5%}.testmonial-block .col-20>div:first-child{margin-left:0}.logo{margin:10px}.logo img{max-width:90%}.testmonial-block .col-20>p{clear:both}.sol-banner{height:163px!important}}@media screen and (max-width:600px){h1,h2,h3{margin:0;padding:5px 0}.logo img{max-width:90%}h1,h2{font-size:2em}h3{font-size:1.5em}.col-20,.col-28,.col-50,.sub-box,ol.customer-list>li,ul.ft-list li{float:none;width:auto;margin:0}.mrg-left{margin:10px 0 0}.prod-list>li{width:50%}ul.ft-list li{width:90%;margin:0}.prod-list>li{margin-bottom:10px}.in-icon+div{width:60%}.hl-cont span{font-size:.6em}.banner-highlight{height:40px}.col-2>div{width:100%;margin:0}.col-2 .col-2>div{width:47%}.sol-banner{padding:10px 0}.sol-caption{font-size:.5em;margin-top:20px}.sol-banner .sol-caption p{margin-top:0;padding-top:0;width:50%}.s4ban .sol-caption p{ width:100%;}.head-block{font-size:.7em}.head-block h1{margin-top:20px}.sol-banner .sol-caption{padding-top:0;width:100%!important}.sol-banner .sol-caption h2{padding-top:40px!important}#slides,.banner-highlight,.testmonial-block .col-20{display:none!important}.sol-banner{height:100px!important}.s4ban .sol-caption div img{ display:none;}}@media screen and (max-width:500px){.logo{width:75%}.sol-banner{height:100px!important}.v2-list .sol-name h2{font-size:1.2em}.sol-name p{font-size:1em}.in-icon+div{width:70%}.prod-list>li,ul.ft-list li{width:90%}.prod-list>li{margin:-10px 0 0 0;width:49%;float:left}.prod-list>li a{font-size:1em}.logo img{width:80%}.prod-list>li>a{display:block}.nav{top:45px}.customer-list>li:first-child+li,.customer-list>li:first-child+li+li,.testmonial-block .col-28{display:none}.ftoolBox{float:none;width:auto;margin:0 0 10px}}@media screen and (max-width:350px){.prod-list>li{margin:-10px 0 0 0;width:90%;float:none}.logo{width:64%}.txtfield{width:120px}}