.feaImg{background:url(../images/common-sprite.png) no-repeat 0 0;}
.sprImg{background:url(../images/spmp-sprite.png) no-repeat;height:92px;width:100px}
.icon1{background-position:5px -24px;}
.icon2{background-position:-118px -13px}
.icon3{background-position:-327px -20px;margin:0 auto;width:95px}
.icon4{background-position:-220px -20px}
.icon5{background-position:-433px -25px;float:right;width:67px}
.icon6{background-position:11px -170px}
.icon7{background-position:-97px -167px;float:right;height:92px;width:83px}
.icon8{background-position:-398px -154px;float:right;width:80px}

.imgCol{float:left;padding:25px 25px 30px 0;width:20%;}
.colConHea{color:#7bbb2a;font-size:17px;font-weight:500;margin:0px;line-height:24px;}
.rigBor{border-right:1px solid #e6e6e6}

.hmEdi2 .hmEdiFoot a.trynow{background:#4f565e;color:#ffffff;display:inline-block;font-size:30px;font-weight:300;line-height:34px;margin:20px 0 0 0;padding:7px 40px;text-align:center;text-decoration:none;}
.ediTabHea{background:#4f565e;color:#ffffff;font-size:28px;font-weight:300;line-height:32px;padding:12px 20px;text-align:center;}
.ediTabHea .per50{padding:.7% 1.7%}
.ediTabBdy{background:#d9d9d9;height:540px}
.ediTabBdy ul{font-size:14px;margin:30px 5% 0}
.ediTabBdy ul li{padding:5px 0}
.spaRa{font-size:24px;}

.imgRig img{margin:29px 0 0 0;width:100%}
.feature-learnmore{background-color:#ccc;color:#000;display:block;padding:5px 10px;text-align:center;width:100px;}
.ar{padding:0 1.5% 0 1.5% ;margin-top:-1.5%;clear:both;}

/* banner */
.newbnrtxttext-align:center;top:34px !important}
.bannerflex{background:#a4b5bd}
.mBanner1{background:#a9bec5;height:100%;width:100%}
.flexslider{width:100%}
.mLay{margin:0 auto;width:1000px}
.bnrtxt1{font-size:38px;line-height:45px;margin:80px 0 10px 0;width:520px;}
.bnrtxt2{font-size:21px;line-height:30px;margin:0 0 20px;}
.bnrtxt3{font-size:20px;margin:40px 0 0 0;line-height:33px;text-align:center;width:425px}
.bnrDwn{border:2px solid #000;color:#000;font-size:22px;font-weight:400;margin:30px 0 0 0;padding:0 20px;text-align:center;}
.bnrDwn:hover{text-decoration:none}
.mBanner2{background:url(../images/banner-bg.png) repeat-y;background-size:100% auto;}
.mBanner2 .bnrtxt1,
.mBanner2 .bnrtxt3{width:575px}
.bnrImg{margin:0 0 0 8px !important}
.bannerflex{background:#ebedec;margin:0 auto;width:100%;}
.flexMobile{display:none;}
.flexslider{display:block;margin:0 auto;max-height:380px;max-width:100%;overflow:hidden;position:relative;width:1000px;}
.flexslider .flexBnrslides{list-style-type:none !important;margin:0 !important;padding:0 !important;}
.newbnrtxt{top:0}
a.bnrDwn{background:#e9142b;border:none;border-radius:5px;color:#fff;font-size:32px;font-weight:400;line-height:32px;padding:10px 20px 12px 15px}
.nav-dwn-icon{background-position:0 0;display:inline-block;height:20px;line-height:22px;position:relative;top:2px;width:21px;}

.mBanner3 .bnrtxt1,
.mBanner3 .bnrtxt3{width:590px}
.mBanner4 .bnrtxt1{width:560px}
.mBanner4 .bnrtxt1 span{font-size:29px}
.mBanner4 .bnrtxt3{font-size:16px;width:560px}
.flex-control-nav{margin:0 35%;width:30%}

.perOveCon{position:relative}
.overlayConta{background:none;cursor:pointer;height:164px;position:absolute;width:93%;opacity:0;filter:alpha(opacity=0);}
.overlayConta:hover{background:url(../images/wap-sprite.png) -55px -8px #000;height:164px;position:absolute;width:93%;opacity:0.5;filter:alpha(opacity=50);}
.overlayConta a{display:block;height:205px;width:100%}
.iconImgZoom{background:url(../images/wap-sprite.png) -485px -382px;display:inline-block;height:21px;margin:0 3px 0 0;width:19px}
.perOveCon{color:#0087b4;text-decoration:underline}
.imgOverlayi{position:relative}
.imgOverlayi a{display:inline-block;height:220px;position:absolute;width:100%}
.imgOverlayi a:hover{background:url(../images/wap-sprite.png) -1px 20px #000;opacity:0.5;filter:alpha(opacity=50)}
.trimPMar{margin:0 0 15px 0}


.banAliCon{margin:0 auto;width:1000px}
.bnr-head{font-size:38px;line-height:45px;margin:32px 0 10px;width:590px}
.bnrtxt2{margin:0 0 15px}
.bnr-context{font-size:13px;line-height:26px;width:620px;margin-top:15px}
p{text-align:justify}
h4{color:#1989cc;font-weight:500}
.flexslider{max-height:360px}
.bnrtxt3{margin:15px 0 0;text-align:left;font-size:18px;}
.bnr-half{float:left;width:50%}.bnr-half-1{float:left;width:50%}
.bnr-half ul li,.bnr-half-1 ul li{list-style-type:disc;margin-left:0;list-style-position:inside;}
.bnr-half-1 ul li a,.bnr-half ul li a{color:#444}
.bnrDwn{margin-left:170px}
.bgImgCha{height:380px;transition:all .5s;}
.bgImgCha img{transition:all .5s;max-width:none !important;width:auto !important}
.flexslider{width:100%}
.flex-control-nav{margin:0 35%;width:30%;}
.bnrtxt2{font-size:21px;line-height:30px;margin:0 0 20px;}
a.bnrDwn{background:#e9142b;border:none;border-radius:5px;color:#fff;font-size:32px;font-weight:400;line-height:32px;padding:10px 20px 12px 15px;}
.ediTabHea .per50{padding:0;}
.hmEdi2 .hmEdiFoot a.trynow{font-size:20px;padding:3px 32px}
.curHov ul{margin:0 0 0 20px;text-align:justify}
.curHov .per30{cursor:default;transition:all .5s;height:300px}
.curHov .per30:hover{box-shadow:0 4px 16px #e0e0e0;-moz-box-shadow:0 4px 16px #e0e0e0;-webkit-box-shadow:0 4px 16px #e0e0e0;transition:all .5s}

.nav-dwn a,#btmBar .btm-dwn a{width:auto}
.dwn-priv{margin:10px 0}
.cmnFormArea{box-sizing:border-box!important;max-width:600px!important}

/*Features*/
.clo{cursor: pointer;position: absolute;right: 10px;top: 5px;font-size: 22px;font-weight: 500;transform: rotate(45deg);color: #2b115b;}
.ban{background: #19bf64;color: #fff;font-size: 15px;font-weight: 600;padding: 7.5px 20px;display: inline-block;position: absolute;margin-top: 40px;border-radius: 0px 2px 2px 0px;left: -8px;}
.heading-menu{display:none;}
.sec-com{padding: 65px 0 0px 0;}
.sec-com .tit h3{    margin: 0px;text-align: center;color: #333;font-weight: 600;font-size: 28px;}
.sec-com a.cta{background: #2db492;color: #fff;font-size: 15px;font-weight: 600;display: inline-block;padding: 12px 20px;border-radius: 2px;margin-top: 15px;}
.sec-com p{font-size: 15px;line-height: 25px;color: #333;}
.per50{    width: 45%;padding: 2.5%;}
.inlink-main{background: #1d2632;    z-index: 9;float: left;width: 100%;position: relative;top: 0px;left: 0px;right: 0px;}
.inlink-main.act{position:fixed;top:100px;transition: all 0.5s ease;}
.inlink-main .container {max-width: 1150px;}
.inlink{}
.inlink ul{}
.inlink ul li{float: left;width: 11.1%;}
.inlink ul li div{text-align: center;position: relative;border-bottom: 5px solid #1d2632;padding: 18px 5px 12px 5px;transition: all 0.5s ease;}
.inlink ul li div:hover{border-bottom: 5px solid #636d7b;background: #2c3542;}
.inlink ul li div.act{border-bottom: 5px solid #e86567;background: #2c3542;}
.inlink ul li div a{position: absolute;    color: #1d2632;left: 0px;right: 0px;top: 0px;bottom: 0px;}
.inlink ul li div span{    background: url(../images/spmp-features-icon-sprite.png) no-repeat;width: 40px;height: 40px;display: inline-block;background-size: 350px;}
.inlink ul li div h5{font-size: 16px;line-height: 26px;font-weight: 500;color: #fff;}
.inlink ul li div span.ic-1{background-position: 0px 0px;}
.inlink ul li div span.ic-2{background-position: -38px 0px;}
.inlink ul li div span.ic-3{background-position: -76px 0px;}
.inlink ul li div span.ic-4{background-position: -114px 0px;}
.inlink ul li div span.ic-5{background-position: -161px 0px;}
.inlink ul li div span.ic-6{background-position: -202px 0px;}
.inlink ul li div span.ic-7{background-position:-242px 0px;}
.inlink ul li div span.ic-8{background-position: -284px 0px;}
.inlink ul li div span.ic-9{background-position: 0px -41px;}
.inlink-main.act .inlink ul li div span{display:none;}

.h2{font-size:22px;line-height:34px;}

@media screen and (max-width:768px){
.inlink-main.act{position:relative;}
.inlink ul li{width:33%;}
}
@media screen and (max-width:500px){
.cmnFormArea{padding:5px!important}
.cmnFormArea table td input[type="submit"],.cmnFormArea table td input[type="reset"]
{width:100%;box-sizing:border-box;margin:5px 0}
.cmnFormArea table td{padding:5px;width:100%!important;display:block}
.inlink ul li{width:50%;}
}
@media screen and (max-width:350px){
.inlink ul li{width:100%;}
}
@media only screen and (min-width:1440px){
.bgImgCha img{display:none !important}
.bgImgCha{background:url(../images/making-sharepoint-easy-banner-bg.png) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size: cover;height:380px;transition:all .5s}
.newbnrtxt{top:0 !important}
}

.dwn-menu{display:block}
.dwn-menu > span{margin:0 0 0 1px;padding:8px 0;width:24.8%;position:relative;float:left;background:#C4C8CC;text-align:center;font-size:18px;cursor:pointer;display:inline-block}
.dwn-menu > span:first-child{margin:0;}
.dwn-menu > span a{display:block;color:#000}
.dwn-menu > span.act{background:#f1f1f1}
.dwn-cont-div{padding:40px}
[data-dirshow]{display:none;text-align:center}
[data-dirshow].dirshow{display:block}
.percent{margin:0 auto;width:60%}
.other-option-head span{padding:5px 20px;font-size:18px;line-height:28px;cursor:pointer;display:inline-block}
.other-option-head span.act{background:#fff}
.other-option{background:#fff;padding:20px 2%}
.other-option-cont{display:none}
.other-option-cont .otr-dwn-cont li{font-size:14px}

@media screen and (max-width: 1025px){
.container{width:98%!important;box-sizing:border-box;padding:0 0 !important}

}