@charset "utf-8";.banner h1,.banner h2{color:#FFF;text-shadow:2px 2px 3px rgba(89,89,89,1);text-align:center}.banner h1,.banner h2,.banner h3,.banner p,.feature h4{text-align:center}.inner h6,.install h6{text-transform:uppercase}.jssora031,.jssorb05{position:absolute}@font-face{font-family:'Roboto Condensed';src:url(../font/robotocondensed-regular.woff2) format('woff2'),url(../font/robotocondensed-regular.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:'Roboto', sans-serif;src:url(../font/roboto-light.woff2) format('woff2'),url(../font/roboto-light.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:robotomedium;src:url(../font/roboto-medium.woff2) format('woff2'),url(../font/roboto-medium.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:robotothin;src:url(../font/roboto-thin.woff2) format('woff2'),url(../font/roboto-thin.woff) format('woff');font-weight:400;font-style:normal}body{margin:0;padding:0;font-family:'Roboto', sans-serif;}.banner p,.inner p,.w30 p{font-family:'Roboto', sans-serif}.clear{clear:both}.header-wrapper{width:100%;background:#FFF}.header-wrapper .header{max-width:1000px;width:100%;margin:0 auto;padding:1% 0}.header .logo{width:166px;height:44px}.banner-holder{width:100%;height:auto;background:url(../images/banner-bg.jpg) center center no-repeat;background-size:cover}.banner-holder-hindi{width:100%;height:auto;background:url(../images/banner-bg-hin2.jpg) center center no-repeat;background-size:cover}.banner-holder-tamil{width:100%;height:auto;background:url(../images/banner-bg-tam.jpg) center center no-repeat;background-size:cover}.banner-holder .banner{max-width:1000px;width:100%;margin:0 auto;padding:2% 0}.banner-holder-hindi .banner{max-width:1000px;width:100%;margin:0 auto;padding:2% 0}.banner-holder-tamil .banner{max-width:1000px;width:100%;margin:0 auto;padding:2% 0}.banner .icon{width:128px;height:128px;margin:0 auto;display:block}.w30,.w40{height:auto}.banner h1{width:100%;margin:0 auto;font-size:6em;font-weight:bolder;letter-spacing:-5px}.banner h2{width:100%;margin:0 auto;font-size:2.5em;letter-spacing:-1px}.banner h3{width:100%;margin:0 auto;color:#fff000;font-size:3em;letter-spacing:-2px;padding-top:3%}.banner-holder-tamil .banner h3{width:100%;margin:0 auto;color:#FFFF00;font-size:3em;letter-spacing:-2px;padding-top:3%}.banner p{width:100%;margin:0 auto;color:#FFF;font-size:1.5em}.feature h4,.w30 h5{font-size:3em;letter-spacing:-2px}.googleplaybutton{max-width:291px;min-height:86px;margin:2% auto}.feature-holder{width:100%;background:url(../images/feature-bg.jpg) repeat-x #ddd;height:auto}.feature-holder-hindi{width:100%; background-color:#FFFFFF; height:auto}.feature-holder-tamil{width:100%; background-color:#FFFFFF; height:auto}.feature-holder .feature{max-width:1000px;width:100%;padding:2% 0;margin:0 auto}.feature-holder-hindi .feature{max-width:1000px;width:100%;padding:2% 0;margin:0 auto}.feature-holder-tamil .feature{max-width:1000px;width:100%;padding:2% 0;margin:0 auto}.feature-holder .feature h4{width:100%;margin:0 auto;color:#209ba3;padding:3% 0;display:none}.feature-holder-hindi .feature h4{width:100%;margin:0 auto;color:#7B1A02;padding:3% 0;display:none}.feature-holder-tamil .feature h4{width:100%;margin:0 auto;color:#A40C00;padding:3% 0;display:none}.w100{width:100%}.w30{width:30%;float:left;padding-top:5%}.w30 .box{width:100%;padding:5% 0}.w40{width:40%;float:left;display:block}.w40 .phone-feature{max-width:362px;min-height:636px;float:left}.w30 .icons{width:97px;height:97px;margin:0 auto}.w30 h5,.w30 p{width:100%;margin:0 auto;text-align:left}.feature-holder .w30 h5{color:#1b658a;padding:1% 0}.feature-holder .w30 p{color:#333;font-size:1.2em}.feature-holder-hindi .w30 h5{color:#7B1A02;padding:1% 0}.feature-holder-hindi .w30 p{color:#000000;font-size:1.2em}.feature-holder-tamil .w30 h5{color:#A40C00;padding:1% 0}.feature-holder-tamil .w30 p{color:#000000;font-size:1.2em}.inner h6,.inner p{margin:0 auto;text-align:center;width:100%}.slider-holder{width:100%;background:#22a8a7}.slider-holder-hindi{width:100%;background:#884204}.slider-holder-tamil{width:100%;background:#F09018}.slider-holder .inner{max-width:1000px;height:auto;margin:0 auto;width:100%}.slider-holder-hindi .inner{max-width:1000px;height:auto;margin:0 auto;width:100%} .slider-holder-tamil .inner{max-width:1000px;height:auto;margin:0 auto;width:100%}.slider-holder .inner h6{color:#fff000;font-size:3em;letter-spacing:-2px;padding:3% 0}.slider-holder-hindi .inner h6{color:#FAB032;font-size:3em;letter-spacing:-2px;padding:3% 0} .slider-holder-tamil .inner h6{color:#A40C00;font-size:3em;letter-spacing:-2px;padding:3% 0}.inner p{color:#FFF;font-size:1.2em}.inner .slider{width:100%;height:auto}.slider .img{float:left;width:40%;min-height:518px;padding-top:5%}.slider .content{width:60%;float:left;padding:5% 0}.content h5,.content p{width:100%;text-align:left;margin:0 auto;font-family:'Roboto', sans-serif}.slider-holder .content h5{color:#fff000;font-size:3em;letter-spacing:-2px;padding:30% 0 3%}.slider-holder-hindi .content h5{color:#FAB032;font-size:3em;letter-spacing:-2px;padding:30% 0 3%}.slider-holder-tamil .content h5{color:#A40C00;font-size:3em;letter-spacing:-2px;padding:30% 0 3%}.content p{color:#FFF;font-size:1.2em}.footer p,.install h6{width:100%;text-align:center}.install-holder,.install-holder-hindi,.install-holder-tamil{width:100%;background:#FFF}.install-holder .install{max-width:1000px;margin:0 auto;padding:2% 0}.install-holder .install h6{margin:0 auto;color:#186f8c;font-size:3em;letter-spacing:-2px;padding:3% 0}.install-holder-hindi .install h6{margin:0 auto;color:#7B1A02;font-size:3em;letter-spacing:-2px;padding:3% 0}.install-holder-tamil .install h6{margin:0 auto;color:#A40C00;font-size:3em;letter-spacing:-2px;padding:3% 0}.footer-holder{width:100%;background:#CCC}.footer-holder .footer{max-width:1000px;width:100%;padding:2% 0;margin:0 auto}.footer p{color:#666;font-size:1.2em;font-family:'Roboto', sans-serif}.footer p a{color:#666;text-decoration:none}.slidercss{width:1300px;height:800px}.jssorb05 .av,.jssorb05 div,.jssorb05 div:hover{position:absolute;width:16px;height:16px;background:url(../img/b05.png) no-repeat;overflow:hidden;cursor:pointer}.jssorb05 div{background-position:-7px -7px}.jssorb05 .av:hover,.jssorb05 div:hover{background-position:-37px -7px}.jssorb05 .av{background-position:-67px -7px}.jssorb05 .dn,.jssorb05 .dn:hover{background-position:-97px -7px}.jssora031{display:block;cursor:pointer}.jssora031 .a{fill:#fff}.jssora031:hover{opacity:.8}.jssora031.jssora031dn{opacity:.5}.jssora031.jssora031ds{opacity:.3;pointer-events:none}@media screen and (max-width:984px){.banner-holder,.banner-holder-hindi,.footer-holder,.header-wrapper,.install-holder,.slider-holder,.w100{/*width:90%;*/padding:0 5%}.w30,.w40{width:50%}.w40{float:right}.w40 .phone-feature{padding-top:80%}} @media screen and (max-width:640px){.content h5,.content p,.w30 h5,.w30 p{text-align:center}.header-wrapper .header{padding:3% 0}.header .logo{float:none;margin:0 auto}.banner h1{font-size:2.5em;letter-spacing:-1px}.banner h2{font-size:1.3em;letter-spacing:0}.banner h3,.feature h4,.install-holder .install h6,.w30 h5,.install-holder-hindi .install h6,.w30 h5,.install-holder-tamil .install h6,.w30 h5{font-size:1.8em;letter-spacing:0}.feature h4{display:block}.banner p{font-size:1em}.banner .icon,.w40{display:none}.w100,.w30{width:100%;padding:2% 5%}.w30 .box{border-bottom:solid 1px #999}.slider .img{width:100%;max-width:none;min-height:0}.slider .content{width:100%;padding:0}.slider-holder .content h5{padding:3% 0; font-size:2.8em;}.slider-holder-hindi .content h5{padding:3% 0; font-size:2.8em;}.slider-holder-tamil .content h5{padding:3% 0; font-size:2.8em;}.slidercss{width:345px;height:900px}.jssorb05{visibility:hidden}.content p {font-size: 1em;}}
/* Home page css */
#wrapper{ margin: 0px auto; width: 980px; padding-bottom:20px; }
#banner{ background-color:#00a8e7; margin:0 auto; height:auto; display:block; }
.banner-pos{padding-top: 25px;}
.bannerimg{display:block; margin:auto; /*\width:100%;*/}
.paddingtop20{ padding-top:20px; }
.txtlf{ text-align:left; }
h1{ text-align:center;color:#2f3192;  }
h2{ color:#00A8E7; text-transform:uppercase; padding: 10px 0px 10px 0px; }
h2 a{ color:#00A8E7; }
h3 a{ color:#000000; }
.width100{ width:100%; }
.features{ box-sizing: border-box; }
.featurerow:after{ content: ""; display: table; clear: both; }
.bodybggrey{ background-color:#e6e6e6; }
.column {
    float: left;
    width: 31.5%;
    padding: 10px;
    height: 220px; /* Should be removed. Only for demonstration */
	margin-top:50px;
	margin-bottom: 15px;
	background-color:#FFFFFF;
	text-align:center;
}
.column2 {
    float: left;
    width: 2.5%;
    padding: 10px;
    height: 250px; /* Should be removed. Only for demonstration */
}
.blockico {
  margin-top:-50px; /*border-radius: 50%;*/
  box-shadow: 0 0 0 5px #FFFFFF, 0 0 0 15px #e6e6e6;
}
.clear {clear:both;}
.w100 {width:100%; float:left}
.heading1{margin:5px;padding-top: 10px;}
.offer_container { max-width:100%; height:auto; margin:0 auto; width:100%}
.banner_family {width:100%;float:left;display:block;text-align: center;background-color:#2aa7f0;}
.banner2 {width:100%; max-width:100%; float:left; margin: 10px 0; display:none;text-align:center;}
.banner .buynow {width:180px; height:64px; float:right; margin:0 0; padding:278px 42px 0 0}
.banner_family_img{width: 980px;width: 100%;}
#bnr-img{width: 980px;text-align:center;max-width:100%;margin:0 auto;}
.crumbanchor {color: #FFF;text-decoration: none;font-weight: 700;}
.step-holder {width:100%; height:auto; float:left; padding:0 0; margin:0 0; }
.step-holder .heading {width:100%; height:50px; float:left;    border-bottom-style: groove;
    border-bottom-color: #e1e6e61a;}
.step-holder .boxes {width:23%; height:auto; float:left; padding:3% 2% }
.arrow { float:left; width:17px; height:190px;background-position:0 0 ; display:block}
.icon-step1 {width:90px; height:100px;background-position:-18px 0 ;margin:0 auto}
.icon-step2 {width:90px; height:100px;background-position:-108px 0 ;margin:0 auto}
.icon-step3 {width:80px; height:100px;background-position:-197px 0 ;margin:0 auto}
.icon-step4 {width:120px; height:100px;background-position:-263px 0 ;margin:0 auto}
.step-holder .boxes p {width:98%;min-height:100px; float:left;padding:1%;text-align:center}
.offer_container .family-feature-holder {width:56%; height:auto; border-right: dashed 1px #CCC; float:left; margin:3% 0 0 0; padding:0 1% 0 0;background: none !important;}
.offer_container .review-holder {width:39%; height:auto; float:left; margin:3% 0 0 0; padding:0 0 0 3%; }
.review-holder p { color:#000; float:left; padding:0 0; margin:0 0; }
.family-feature-holder  h1 {width:100%;float:left; margin:0 0; padding:0 0;  color:#000;}
.family-feature-holder  h3 {color:#08b1f2;}
.family-feature-holder  h2 {width:100%;float:left; margin:0 0; padding:5px 0; color:#25a4e7; font-weight:normal;}
.family-feature-holder  p {width:100%; height:auto; float:left; margin:0 0; padding:0 0;}
.review-holder   h2 {width:100%;float:left; margin:0 0; padding:5px 0; color:#25a4e7; font-weight:normal;}
.review-holder .reviews {width:100%; height:auto; float:left; margin:0 0; padding:10px;background-color: #ece8e8;}
.reviews p { width:100%; float:left; margin:0 0; padding:0 10px;}
.rvwbuttons {display: table;margin:0 auto;}
.slideborder{border-bottom:1px solid #000; }
#slider {width:100%;height:165px;padding:20px;margin:10px 0px ;position:relative;float:left;background-color: #fff;}
.left-button, .right-button {position:absolute;top:50%;margin-top:-50px;height:100px;}
.left-button {left:-28px;}
.right-button {right:-28px;}
#responseimg{padding-right:5px;text-align:center;display:none;}
#responsetext{text-align: center;}
.paymeth{width:100%; max-width:380px;display: table;margin: 0 auto;}
.userreviews{color:#08b1f2;font-weight:bold;}
.pop-up-holder {width:100%; max-width:100%; margin:0 0; padding:0 0; float:left; }
.pop-up-holder .pop-up {width:98%; background:#FFF; border: 1px solid #a0c7ff;border-radius:5px;height:auto; padding:1%;margin-bottom: 10px;}
.pop-up-holder .img {width:14px; height:16px;float:left; margin:0 50%}
.pop-up-holder .close {width:16px; height:16px;float:right; padding:3px}
.pop-up p { width:96%; float:left; padding:1% 2%;color:#666; margin:0 0; text-align:center}
.pop-up .textarea { width:50%; height:25px; float:left; padding:1%; color:#666; margin:1% 0;}
.pop-up .phone-number { width:100%; height:25px; float:left; color:#666; margin:0 0; text-align:center; background:#eeeeee; margin:5px 10px; line-height:25px; font-weight:bold;}
.pop-up .buttonholder { width:100%; height:auto; float:left; padding:0; margin:0 0;}
.pop-up .continue-button {width:45%; background:#73a6ff; text-align:center; color:#FFF; line-height:25px;
border-radius:3px; padding:1% 2%;display: table;margin: 10px auto;}
.continue-button a {text-decoration:none; color:#FFF;cursor: pointer;}
.continue-button a:hover {text-decoration:none; color:#039;cursor: pointer;}
.arrw{float: left;cursor: pointer;}
#cc-dc,#cp-nb{cursor:pointer;}
#hr{margin-top:10px;}
#email,#phone{width:98%; height:25px;}
@media screen and (max-width: 960px)
{
.index h1{ text-align:center;color:#FFFFFF; background-color:#00A8E7; font-size: 1.5em; padding:10px 0px; }
.index h2{ text-align:center; text-transform:capitalize; padding:15px 0px; }
.h21{ background-color:#FFFFFF; }
.h22{ background-color:#22a8a7; color:#FFFFFF; }
.h22 a{ color:#FFFFFF; }
.h23{ background-color:#f99b48; color:#FFFFFF; }
.h23 a{ color:#FFFFFF; }
.features{ width: 90%; margin: 0 auto; padding-top:10px; }
#banner{ display:none; }
#wrapper { margin: 0px auto; width: 100%;  padding-bottom:0px; }
.column{ width: 100%; height:auto; margin-bottom:15px; }
.column2{ /*width: 0%; height: 0px;*/ display:none; }
}

@media screen and (max-width: 984px)  {
.offer_container {  width:96%;}
.step-holder {width:94%; margin:0 3%; }

}

@media screen and (max-width: 768px)  {

.step-holder .boxes {width:96%; height:auto; border-bottom:solid 1px #CCCCCC}
.step-holder .heading {text-align: center;}
.arrow {display:none}
.step-holder .boxes p {min-height:0; height:auto}
.offer_container .family-feature-holder {width:94%;margin:5% 3%; border-right:none;}
.offer_container .review-holder {width:96%;margin:0% 2%; padding:0; }
.review-holder .reviews {width:100%;padding:5%;}
.reviews p { width:100%;padding:2% 0; text-align:center}
#slider {width:85%;height:auto; padding:0; margin:0 5%;}

.left-button {left:-18px;}
.right-button {right:-28px;}
.pop-up-holder {width:90%; max-width:none; margin:2% 5%;}
.pop-up .textarea { width:96%; margin:2%}
.pop-up .continue-button {width:65%; margin:1% 16%  }
}

@media screen and (max-width: 640px) {
.banner_family {display:none;}
.banner2 {display:block;}
#slider{height: 200px;}

}