@charset "UTF-8";

body,
html,
p,
ul {
  margin: 0;
  padding: 0;
}

#wrapper,
*,
body,
html {
  -webkit-font-smoothing: antialiased;
}

.f-bolt span,
.rupee:before,
ul li {
  display: inline-block;
}

.rupee:before,
.seo-content h1,
.seo-content h2,
b {
  font-weight: 400;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body,
html {
  border: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  line-height: 1.5;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
  overflow-y: scroll;
  background: #F0F4F5;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin: 0;
}

/*@font-face {
  font-family: sspRegular;
  src: url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Regular.eot?v=9");
  src: url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Regular.eot?#iefix?v=9") format("embedded-opentype"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Regular.woff2?v=9") format("woff2"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Regular.woff?v=9") format("woff"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Regular.ttf?v=9") format("truetype"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Regular.svg?v=9") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: sspLight;
  src: url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Light.eot?v=9");
  src: url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Light.eot?#iefix?v=9") format("embedded-opentype"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Light.woff2?v=9") format("woff2"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Light.woff?v=9") format("woff"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Light.ttf?v=9") format("truetype"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Light.svg?v=9") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: sspBold;
  src: url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Semibold.eot?v=9");
  src: url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Semibold.eot?#iefix?v=9") format("embedded-opentype"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Semibold.woff2?v=9") format("woff2"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Semibold.woff?v=9") format("woff"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Semibold.ttf?v=9") format("truetype"),url("https://s.freecharge.in/mobile/fonts/sourcesanspro/SourceSansPro-Semibold.svg?v=9") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}*/

#wrapper,
body,
html {
  width: 100%;
  overflow: auto;
  /*font-family: sspRegular;*/
  font-size: 12px;
}

b {
  /*font-family: sspBold;*/
}

a,
button,
input,
label {
  -ms-touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

* {
  text-shadow: 1px 1px 1px rgba(0,0,0,.004);
}

.rupee:before {
  content: '\20B9';
  vertical-align: baseline;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  top: 1px;
  right: 1px;
  /*font-family: sspLight;*/
}

.group-title,
.notification {
  font-family: Arial, Helvetica, sans-serif;
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotateZ(0);
  }

  45% {
    -webkit-transform: rotateZ(220deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
  }
}

@-moz-keyframes loader {
  0% {
    -moz-transform: rotateZ(0);
  }

  45% {
    -moz-transform: rotateZ(220deg);
  }

  100% {
    -moz-transform: rotateZ(360deg);
  }
}

@-o-keyframes loader {
  0% {
    -o-transform: rotateZ(0);
  }

  45% {
    -o-transform: rotateZ(220deg);
  }

  100% {
    -o-transform: rotateZ(360deg);
  }
}

@-ms-keyframes loader {
  0% {
    -ms-transform: rotateZ(0);
  }

  45% {
    -ms-transform: rotateZ(220deg);
  }

  100% {
    -ms-transform: rotateZ(360deg);
  }
}

@keyframes loader {
  0% {
    transform: rotateZ(0);
  }

  45% {
    transform: rotateZ(220deg);
  }

  100% {
    transform: rotateZ(360deg);
  }
}

#loadMask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.7);
  z-index: 1000;
  visibility: hidden;
}

.f-bolt,
.f-bolt span {
  position: absolute;
  border-radius: 50%;
}

.f-bolt {
  top: 50%;
  left: 50%;
  width: 75px;
  height: 75px;
  margin-left: -38px;
  margin-top: -38px;
  background: url("https://s.freecharge.in/mobile/images/f-loader2.png?v=9") center no-repeat;
  background-size: auto 55%;
}

.f-bolt span {
  width: 74px;
  height: 74px;
  left: -3px;
  top: -3px;
  border: 3px solid #fff;
  border-right-color: transparent;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-animation: loader 1s infinite linear;
  -moz-animation: loader 1s infinite linear;
  -o-animation: loader 1s infinite linear;
  -ms-animation: loader 1s infinite linear;
  animation: loader 1s infinite linear;
}

.error-block {
  display: none;
  color: #f44336;
  font-size: .85em;
  margin: 15px 0;
}

.notification {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: .9em;
  padding: 10px 35px 10px 10px;
  background-color: rgba(0,0,0,.76);
  color: #fff;
  z-index: 99;
  text-align: left;
}

.notification.icon {
  padding-left: 45px;
  background-repeat: no-repeat;
}

.notification.error {
  color: #E3714D;
}

.notification .close {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 24px;
  width: 24px;
}

.notification .close:after {
  content: '×';
  font-size: 2em;
  height: 24px;
  width: 24px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 24px;
}

.header,
.header .header-wrapper {
  text-align: center;
  position: relative;
}

.seo-content {
  margin-top: 0;
}

.seo-content p {
  color: #7a7a79;
}

.seo-content h1 {
  font-size: 18px;
  text-transform: uppercase;
  color: #7a7a79;
}

.seo-content h2 {
  font-size: 16px;
  text-transform: uppercase;
  color: #7a7a79;
}

.seo-content a {
  color: #464646;
}

.seo-content ul {
  color: #7a7a79;
}

.header {
  width: 100%;
  display: table;
}

.header .header-wrapper {
  display: block;
  background: #fff;
  overflow: hidden;
  color: #fff;
  padding: 15px 15px 10px;
  min-height: 50px;
}

.header .header-wrapper a.logo {
  display: inline-block;
  vertical-align: middle;
  width: 92%;
}

.header .header-wrapper a.login {
  color: #a2a2a2;
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid rgba(162,162,162,.7);
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  padding: 5px 8px;
  width: 60px;
  position: absolute;
  top: 14px;
  right: 10px;
}

.header .header-wrapper .uc-logo {
  display: none;
  background: url("https://s.freecharge.in/mobile/images/UC-browser_white.png?v=9") no-repeat;
  background-size: 21px;
  width: 21px;
  height: 21px;
  vertical-align: middle;
}

.header .img {
  display: inline-block;
  width: 100px;
  height: 22px;
  background: url("https://s.freecharge.in/mobile/images/mobile-logo-theme.png?v=9") no-repeat;
  background-size: 100px;
}

.header .menu-wrapper {
  width: 20px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 15px;
}

.header .menu-wrapper .menu-link {
  height: 100%;
  width: 100%;
  background: url("https://s.freecharge.in/mobile/images/new/menu-dark.png?v=9") center center no-repeat;
  background-size: 20px 14px;
  display: inline-block;
}

.header .menu-wrapper #backBtn {
  height: 100%;
  width: 100%;
  background: url("https://s.freecharge.in/mobile/images/new/dark-arrow-left.png?v=9") center left no-repeat;
  background-size: 10px 20px;
  display: none;
}

.group-title .bordered {
  position: relative;
  padding-bottom: 5px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.group-title .bordered:after {
  content: "";
  height: 2px;
  width: 20px;
  background-color: #8F24AB;
  /*margin-left: -10px;*/
  position: absolute;
  left: 50%;
  bottom: 0;
}

.sub-title {
  color: #868686;
  font-size: .8em;
  margin-top: -2px;
}

.recharge-form {
  padding: 0 15px;
}

.main-input input {
  background-color: transparent;
  width: 75%;
  padding: 10px;
  border: none;
  outline: 0;
}

.main-input .icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 30px;
  background-size: 20px;
  margin-top: 3px;
}

.main-input .icon.phone {
  background-position: 2px -37px;
  height: 26px;
  margin-top: 0;
  margin-left: 4px;
}

.main-input .tick {
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  width: 36px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAcCAMAAAAz6Z0tAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA10gQPQzs38S+TkE5IBT38OPbs4xlYVpXUyspCcu3rKCHbTUxGAa9ykYyAAAAqUlEQVQoz4XS2w6CMAwG4E0ZTFRA8Qh4PvT939Bp2ghhbf+bLcuXdulmxOQbo2QBcNNEiFgngV+uUg2MVgPSlhNzEktOTFBUrMhRZKw4kphy4oBizYo9CsuKHYpVXyS1i3QpeqKtwDqxS1MCAJktCTcegX0NRBe9Xeh9x/3pHZ91VtDEPPseKa4z/s3+QjFe+h1UQzFn6S+XX1EbKc8gLkbOA7zR0nTx8w9VYyQQmrakEAAAAABJRU5ErkJggg==") center center no-repeat #E3714D;
  background-size: 45%;
}

.border,
.card {
  position: relative;
}

.more-icon,
.prod-icon,
.prod-icon.i-deals {
  background-repeat: no-repeat;
}

.border {
  border: 1px solid #E6E6E6;
  height: 38px;
}

.border.error {
  color: #5A130B;
  border: 1px solid #f44336;
  background-color: rgba(244,67,54,.05);
}

label {
  display: none;
}

.container {
  text-align: left;
}

.container .recharge-form {
  background-color: #fff;
  padding: 15px;
}

.menu_header {
  margin: 0px 0px 0px 0px;
  padding:12px;
  text-transform: uppercase;
  font-size: 14px;
  color: white;
 background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(143,36,171,1) 45%);
border:rgba(143,36,171,1) ;
  font-weight:bold;
}

.group-title {
  margin: 0px 0px 0px 0px;
  padding:12px;
  text-transform: uppercase;
  font-size: 14px;
  color: white;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(143,36,171,1) 45%);
  font-weight:bold;
}

.group-title a {
  font-size: 10px;
  float: right;
  text-decoration: underline;
  margin-right: 20px;
  line-height: 2;
  color: inherit;
}

.group-title1 {
  margin: 0px 0px 0px 0px;
  padding:12px;
  text-transform: uppercase;
  font-size: 14px;
  color: #360303;
background: rgb(7,185,247);
background: linear-gradient(90deg, rgba(7,185,247,1) 0%, rgba(152,164,185,1) 50%);
  font-weight:bold;
}

.group-title1 a {
  font-size: 10px;
  float: right;
  text-decoration: underline;
  margin-right: 20px;
  line-height: 2;
  color: #360303;
}

.money-tran {
  width: 100%;
  background-image: url(../images/strip_new.png);
  height: 35px;
}
.money-tran .i-money-transfer
{
	 background-position: 0 1px;
}
.prod-icon {
width: 100%;
/*  background-image: url("../images/strip-product1.png");*/  
height: 35px;
}


.prod-icon.i-prepaid {
 background-image: url("../images/mobile.png");
 }

.prod-icon.i-electricity {
   background-image: url("../images/electricBill.png");
}

.prod-icon.i-dth {
  background-image: url("../images/dth1.png");
}

.prod-icon.i-metro {
  /*background-image: url("../images/strip-product1.png");*/
}

.prod-icon.i-datacard {
   background-image: url("../images/dataCard.png");
}

.prod-icon.i-gas {
   background-image: url("../images/gas.png");
}

.prod-icon.i-landline {
   background-image: url("../images/landLine.png");
}

.prod-icon.i-broadband {
   background-image: url("../images/broadBand.png");
}

.prod-icon.i-postpaid {
  background-image: url("../images/postPaid.png");
}

.prod-icon.i-show-more {
  /*background-position: 0 -267px;*/
  height: 22px;
  margin-top: 13px;
  transform: scale(.75);
}

.prod-icon.i-water {
   background-image: url("../images/water.png");
}

.prod-icon.i-mutualfunds {
 background-image: url("../images/policy.jpg");
}

.prod-icon.i-lic {
 background-image: url("../images/lic.png");
}

.prod-icon.i-gp {
 background-image: url("../images/gp.png");
}

.prod-icon.tax-icon {
  /*background-image: url("https://s.freecharge.in/mobile/images/tax_icon.png?v=9");*/
  background-size: 90% auto;
}

.prod-icon.shopping-icon {
  /*background-image: url("https://s.freecharge.in/mobile/images/ic_shopping.png?v=9");*/
  background-size: 90% auto;
}

.prod-icon .i-axisAsap {
  margin-bottom: 6px;
}

.prod-icon.i-deals {
  background-position: center;
  background-image: url("https://s.freecharge.in/mobile/images/deals.png?v=9");
  background-size: 46px;
}

.shopping-icon,
.tax-icon {
  background-size: 90% auto;
}

.tax-icon {
  background-image: url("https://s.freecharge.in/mobile/images/tax_icon.png?v=9");
}

.shopping-icon {
  background-image: url("https://s.freecharge.in/mobile/images/ic_shopping.png?v=9");
}

.card {
  background-color: #fff;
  overflow: hidden;
  margin: 0 10px;
}

.card.product-nav {
  margin: 0;
}

.card li.product-holder {
  width: 25%;
  min-height: 81px;
  border: 1px solid #F0F4F5;
  border-left: none;
  border-top: none;
  float: left;
  text-align: center;
  position: relative;
  font-size: 11px;
  display: inline-block;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
}

.card li.product-holder:nth-child(n+5) {
  border-bottom: 1px solid #F0F4F5;
}

.card li.product-holder:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.card li.product-holder a {
  position: absolute;
  display: block;
  width: 100%;
  height: 56px;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  margin-top: -28px;
  text-align: center;
  color: #868686;
}

.card li.product-holder a .product-img {
  width: 30px;
  display: inline-block;
}

.more-icon {
  background-position: 0 0;
  background-image: url("https://s.freecharge.in/mobile/images/more-icon.png?v=9");
}

.notifications {
  margin: 10px;
}

.notifications ul.notifList {
  position: relative;
  height: 100px;
  max-width: 350px;
  margin: 0 auto;
}

.notifications ul.notifList li {
  display: inline-block;
  width: 100%;
  background: #fff;
  padding: 10px;
  color: #666;
  font-size: 11px;
  position: absolute;
  transform: scale(.95);
  opacity: .75;
}

.notifications ul.notifList li:first-of-type {
  box-shadow: 0 0 4px rgba(0,0,0,.15);
}

.notifications ul.notifList li:last-of-type {
  top: 14px;
  transform: scale(1);
  opacity: 1;
  box-shadow: 0 0 4px rgba(0,0,0,.15);
}

.notifications ul.notifList li>p {
  display: block;
  padding-left: 50px;
  margin-left: 5px;
}

.notifications ul.notifList li img {
  width: 50px;
  margin-right: 5px;
  margin-top: 10px;
  margin-left: -2px;
  float: left;
}

.notifications ul.notifList li>p:last-of-type {
  width: auto;
  position: absolute;
  right: 7px;
  top: 5px;
}

.notifications ul.notifList li>p * {
  display: block;
}

.notifications ul.notifList li>p b {
  font-size: 13px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notifications ul.notifList li>p .amount {
  color: #E3714D;
}

.notifications ul.notifList li>p .amount.rupee:before {
  line-height: 1;
}

.notifications ul.notifList li>p .justification {
  font-size: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.notifications ul.notifList li>p .dueDate {
  padding: 3px 7px;
  color: #868686;
  line-height: 1;
  float: right;
  margin-bottom: 5px;
  margin-top: 5px;
}

.notifications ul.notifList li>p .btns {
  margin-top: 7px;
}

.notifications ul.notifList li>p .btns>a {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 9px;
  text-align: center;
  border: 1px solid;
  border-radius: 3px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
}

.notifications ul.notifList li>p .btns>a:first-of-type {
  margin-right: 5px;
}

.notifications ul.notifList li>p .btns>a:before {
  display: inline-block;
  vertical-align: baseline;
  font-size: .9em;
  line-height: 1.5;
  position: relative;
  top: 0;
  margin-right: 2px;
}

.notifications ul.notifList li>p .btns>a.pay {
  color: #fff;
  background: #E3714D;
}

.notifications ul.notifList li>p .btns>a.ignore {
  color: #fff;
  background: #868686;
}

.branding {
  /*font-family: sspRegular;*/
  font-size: 14px;
  color: #AEAEAE;
  text-align: center;
  padding-bottom: 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
  .prod-icon {
    background-image: url("https://s.freecharge.in/mobile/images/strip-new-product@2x.png?v=9");
    background-size: 100% auto;
  }

  .prod-icon.i-prepaid {
   /* background-position: 50% 2px;*/
  }

  .prod-icon.i-dth {
   /* background-position: 50% -68px;*/
  }

  .prod-icon.i-datacard {
   /* background-position: 50% -134px;*/
  }

  .prod-icon.i-gas {
   /* background-position: 50% -169px;*/
  }

  .prod-icon.i-landline {
   /* background-position: 50% -203px;*/
  }

  .prod-icon.i-broadband {
   /* background-position: 50% -234px;*/
  }

  .prod-icon.i-metro {
   /* background-position: 50% -102px;*/
  }

  .product-avatar,
  .round-icon,
  .turbo-avatar {
    background-image: url("https://s.freecharge.in/mobile/images/newprod-strip@2x.png?v=9");
  }
}

.prod-icon {
  margin-top: 0;
}

.card li.product-holder a .porduct-img {
  height: auto;
}

.profile-carrier {
  width: 57.5%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 35px;
}

.profile-carrier .profile-avatar {
  float: left;
  margin-right: 7px;
  width: 50px;
  height: 50px;
  background: url("https://s.freecharge.in/mobile/images/avatar.png?v=9") -1px 0 no-repeat;
  background-size: 110% auto;
  border-radius: 50%;
}

.balance-holder {
  width: 88px;
  float: right;
  margin-top: 0;
  text-align: center;
}

.balance-holder>div {
  display: inline-block;
  vertical-align: middle;
}

.balance-holder .add-money {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  background: url("https://s.freecharge.in/mobile/images/new/home_add_money.png?v=9") center no-repeat;
  background-size: 50px;
}

.gradient-header {
  padding: 12px 15px;
  background-color: #E3714D;
  background-position: 12px 24px;
  background-repeat: no-repeat;
}

.page-home.loggedin .header-wrapper {
  text-align: left;
  padding: 10px 15px;
  background: #fff;
}

.wrapper[data-login-status=true] .header-wrapper {
  display: none;
}

.transactions-header {
  background: #fff;
  padding: 12px 15px;
  position: relative;
  height: auto;
  margin-bottom: 10px;
  display: none;
}

.transactions-header .number {
  position: relative;
}

.transactions-header .number .bbps {
  width: 55px;
  height: 25px;
  background: url("https://s.freecharge.in/mobile/images/bbps-logo.png?v=9") no-repeat;
  background-size: 55px;
  right: -5px;
  position: absolute;
  top: 0;
  z-index: 1;
  display: none;
}

.transactions-header .header-productname,
.transactions-header .turbo-details,
.transactions-header .turbo-number {
  color: #a2a2a2;
}

.transactions-header .turbo-details,
.transactions-header .turbo-number {
  display: block;
  text-align: center;
  margin: 0 50px 0 15px;
}

.transactions-header .turbo-number {
  /*font-family: sspBold;*/
  color: #464646;
  font-size: 15px;
}

.transactions-header .turbo-details {
  text-transform: uppercase;
  font-size: 10px;
}

.transactions-header .header-productname {
  text-transform: uppercase;
  padding: 1px 8px;
  font-size: 9px;
  margin: 0 5px;
  border: 1px solid #a2a2a2;
  background-color: rgba(255,255,255,.14);
  /*font-family: sspRegular;*/
}

.transactions-header #backToHome {
  background-image: url("https://s.freecharge.in/mobile/images/new/dark-arrow-left.png?v=9");
  background-size: 10px 20px;
}

.product-avatar {
  position: static;
  margin: 0 auto;
  display: none;
}

.product-avatar.mobile-avatar,
.product-avatar.mobilepostpaid-avatar {
  background-position: 0 0;
  background-image: url("https://s.freecharge.in/mobile/images/mobile.png?v=9");
  background-repeat: no-repeat;
}

.product-avatar.electricity-avatar {
  background-position: 0 -51px;
}

.product-avatar.dth-avatar {
  background-position: 0 -102px;
}

.product-avatar.metro-avatar {
  background-position: 0 -151px;
}

.product-avatar.datacard-avatar {
  background-position: 0 -201px;
}

.product-avatar.gas-avatar {
  background-position: 0 -251px;
}

.product-avatar.landline-avatar {
  background-position: 0 -301px;
}

.product-avatar.googleplay-avatar {
  background: url("data:image/png;base64,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") center center no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
  .profile-avatar {
    background: url("https://s.freecharge.in/mobile/images/avatar@2x.png?v=9") -1px 0 no-repeat;
    background-size: 106% 106%;
  }
}

.page-fulfilment .menu-link,
.page-home .menu-link {
  display: block;
}

.profile-holder {
  width: 64%;
  float: left;
}

.profile-details {
  width: 100%;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-details.name {
  /*font-family: sspBold;*/
  font-size: 15px;
  margin-top: 5px;
  color: #464646;
  margin-bottom: -2px;
}

.profile-details.email {
  font-size: 10px;
  color: #a2a2a2;
}

.clear {
  clear: both;
}

.recent-billdetails,
.recent-details {
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: 96.3% center;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #E6E6E6;
  padding: 15px 10px;
}

.recent-billdetails .recent-holder,
.recent-details .recent-holder {
  width: 30%;
  color: #666;
  margin-left: 11px;
  display: inline-block;
  vertical-align: middle;
}

.recent-billdetails .recent-holder .turbo-number,
.recent-details .recent-holder .turbo-number {
  /*font-family: sspBold;*/
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.recent-billdetails .recent-holder .turbo-other,
.recent-details .recent-holder .turbo-other {
  height: 20px;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.recent-billdetails .recent-transactions,
.recent-details .recent-transactions {
  float: right;
  margin-top: 5px;
}

.recent-billdetails .recent-transactions .recent-transaction-form,
.recent-details .recent-transactions .recent-transaction-form {
  display: inline-block;
}

.recent-billdetails .recent-transactions span,
.recent-details .recent-transactions span {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  text-transform: uppercase;
  border: 1px solid #E6E6E6;
  width: 40px;
  height: 40px;
  line-height: 39px;
  margin-left: 2px;
  /*font-family: sspBold;*/
  font-size: 12px;
  color: #191919;
}

.recent-billdetails .recent-transactions span a,
.recent-details .recent-transactions span a {
  color: #191919;
  /*font-family: sspBold;*/
}

@media only screen and (min-width:375px) {
  .recent-billdetails .recent-transactions span,
  .recent-details .recent-transactions span {
    margin-left: 7px;
  }
}

.recent-billdetails .recent-transactions .add-new-amount,
.recent-details .recent-transactions .add-new-amount {
  font-size: 30px;
  /*font-family: sspLight;*/
  line-height: 1.2;
  color: #a2a2a2;
}

.turbo-avatar {
  display: inline-block;
  vertical-align: middle;
}

.turbo-avatar.electricity-avatar {
  background-position: 0 -55px;
}

.turbo-avatar.dth-avatar {
  background-position: 0 -104px;
}

.turbo-avatar.metro-avatar {
  background-position: 0 -156px;
}

.turbo-avatar.datacard-avatar {
  background-position: 0 -208px;
}

.turbo-avatar.gas-avatar {
  background-position: 0 -262px;
}

.turbo-avatar.landline-avatar {
  background-position: 0 -317px;
}

.turbo-avatar.mobile-avatar {
  background-position: 0 -422px;
}

.turbo-avatar.broadband-avatar {
  background-position: 0 -474px;
}

.turbo-avatar.water-avatar {
  background-position: 0 -526px;
}



.new-recharge {
  /*font-family: sspRegular;*/
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  font-size: 1em;
  padding: 10px 8px;
  margin-top: 10px;
  border: 1px solid #E6E6E6!important;
  outline: 0;
}

.confirm-billpay a,
.plans-holder .confirm-billpay a,
.previous a,
.tabs-container ul.tabs li {
 /* font-family: sspBold;*/
}

.plans-holder .confirm-recharge,
.plans-holder .plans,
.previous {
  height: 50px;
  width: 50px;
  line-height: 49px;
  text-transform: uppercase;
  text-align: center;
}

.new-recharge.error {
  outline: #f44336 solid 1px;
  background: rgba(244,67,54,.05);
}

.previous {
  border-radius: 50%;
  border: 1px solid #E6E6E6;
  color: #868686;
  font-size: 13px;
  margin-right: 10px;
}

.previous a {
  color: #191919;
}

.recent-lvl .card {
  padding: 10px;
  background-color: #fff;
  overflow: hidden;
  margin: 0 10px;
}

.plans-holder {
  float: right;
}

.plans-holder .confirm-recharge,
.plans-holder .plans {
  float: left;
  border-radius: 50%;
  border: 1px solid #E6E6E6;
  color: #868686;
  font-size: 13px;
  display: inline-block;
}

.plans-holder .confirm-recharge a,
.plans-holder .plans a {
  color: #191919;
  /*font-family: sspBold;*/
}

.plans-holder .plans {
  margin-right: 10px;
  font-size: .8em;
  text-align: center;
}

.plans-holder .confirm-recharge {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAcCAMAAAAz6Z0tAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA10gQPQzs38S+TkE5IBT38OPbs4xlYVpXUyspCcu3rKCHbTUxGAa9ykYyAAAAqUlEQVQoz4XS2w6CMAwG4E0ZTFRA8Qh4PvT939Bp2ghhbf+bLcuXdulmxOQbo2QBcNNEiFgngV+uUg2MVgPSlhNzEktOTFBUrMhRZKw4kphy4oBizYo9CsuKHYpVXyS1i3QpeqKtwDqxS1MCAJktCTcegX0NRBe9Xeh9x/3pHZ91VtDEPPseKa4z/s3+QjFe+h1UQzFn6S+XX1EbKc8gLkbOA7zR0nTx8w9VYyQQmrakEAAAAABJRU5ErkJggg==") center center no-repeat #d4d4d4;
  border: none;
  background-size: 20px;
}

.confirm-billpay,
.plans-holder .confirm-billpay {
  line-height: 49px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
}

.plans-holder .confirm-billpay {
  color: #868686;
  font-size: 13px;
  font-size: .9em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAcCAMAAAAz6Z0tAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA10gQPQzs38S+TkE5IBT38OPbs4xlYVpXUyspCcu3rKCHbTUxGAa9ykYyAAAAqUlEQVQoz4XS2w6CMAwG4E0ZTFRA8Qh4PvT939Bp2ghhbf+bLcuXdulmxOQbo2QBcNNEiFgngV+uUg2MVgPSlhNzEktOTFBUrMhRZKw4kphy4oBizYo9CsuKHYpVXyS1i3QpeqKtwDqxS1MCAJktCTcegX0NRBe9Xeh9x/3pHZ91VtDEPPseKa4z/s3+QjFe+h1UQzFn6S+XX1EbKc8gLkbOA7zR0nTx8w9VYyQQmrakEAAAAABJRU5ErkJggg==") center center no-repeat #d4d4d4;
  border: none;
  background-size: 50% auto;
}

.plans-holder .confirm-billpay a {
  color: #191919;
}

.confirm-billpay {
  float: left;
  color: #868686;
  font-size: 13px;
  font-size: .9em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAcCAMAAAAz6Z0tAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA10gQPQzs38S+TkE5IBT38OPbs4xlYVpXUyspCcu3rKCHbTUxGAa9ykYyAAAAqUlEQVQoz4XS2w6CMAwG4E0ZTFRA8Qh4PvT939Bp2ghhbf+bLcuXdulmxOQbo2QBcNNEiFgngV+uUg2MVgPSlhNzEktOTFBUrMhRZKw4kphy4oBizYo9CsuKHYpVXyS1i3QpeqKtwDqxS1MCAJktCTcegX0NRBe9Xeh9x/3pHZ91VtDEPPseKa4z/s3+QjFe+h1UQzFn6S+XX1EbKc8gLkbOA7zR0nTx8w9VYyQQmrakEAAAAABJRU5ErkJggg==") center center no-repeat #E3714D;
  border: none;
  background-size: 50% auto;
}

.confirm-billpay a {
  color: #191919;
}

.product-avatar,
.round-icon,
.turbo-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-size: 100% auto;
  background-image: url("https://s.freecharge.in/mobile/images/newprod-strip@2x.png?v=9");
}

#backToHome {
  position: absolute;
  left: 15px;
  top: 22px;
  width: 10px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODkwRTlEMjI4Njk1MTFFNUE4NERCODdFQzg1NjBFOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODkwRTlEMjM4Njk1MTFFNUE4NERCODdFQzg1NjBFOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCODkxRDJFMzg2MTgxMUU1QTg0REI4N0VDODU2MEU5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCODkxRDJFNDg2MTgxMUU1QTg0REI4N0VDODU2MEU5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqLV/sIAAAIJSURBVHjarNfrSxRRGMfxXdPM8oJXDAnDyBuKiIj4d/hSLIIgKSIQTQhEQYSNxAviG1+JgigogqJIFEVRENG73vUHdLUStYup6/fYHHg47OrMszPwGZgzsz/OzJl5ztloPB6PhLQVoDI9pLBCjOFjWghheRhFO4pS7WEORtDhHWen0sNcPMJ17/gQHyJmUBRyMYn9+P/tANPI14aN458Im0Xh8RujCBvGXy/sEHMosdcECctBTISZbQEX5XV+w7IxiN8ibAmX3Gv9hJ3HAH6JsGVcTnT9aWFZeIBdEbaKK8l+c1LYOdzHtghbR9VJnUh24iy6sCXCHqP2tEeUqDEdd/FDhD1FvZ8BdBvScAffRdhzNPh9vdyGW9gUYS/RFOTllwc38VWEvUZz0E/T7KK4gS8i7C1aNIXD7NqcZ/YejcoqFDH10EwqB6LORaGvk17yNXwSvXyHVu0tW+Y5fhahbzTP0W1wR/pV0JF2G8yId+KbCH0RZJASNZ7BbWfkn/n9WpKdyMA9/BShT1CnDTQy0e1UnA3UaANtge11auIarmoD7RTQhx0RuoIKbaBxAf0J5pVybaCd+YacmW8RZdpAOzc/xB8ROo9SbaANHcGes3oo1gbaJcmEs76ZQYE20PbUXYHFUgm0oVPebR8vT1JdEm+jBzNeod4NY9G+hS6v0m9GQ/5bUX0kwAArNtZGPaurtQAAAABJRU5ErkJggg==");
  background-size: 10px 20px;
  background-position: center left;
  z-index: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
  .prod-icon {
    background-image: url("https://s.freecharge.in/mobile/images/strip-new-product@2x.png?v=9");
    background-size: 100% auto;
  }

  .prod-icon.i-prepaid {
    background-position: 0 2px;
  }

  .prod-icon.i-dth {
   /* background-position: 0 -68px;*/
  }

  .prod-icon.i-datacard {
   /* background-position: 0 -135px;*/
  }

  .prod-icon.i-gas {
    /*background-position: 0 -169px;*/
  }

  .prod-icon.i-water {
   /* background-position: 0 -287px;*/
  }

  .prod-icon.i-landline {
   /* background-position: 0 -203px;*/
  }

  .prod-icon.i-broadband {
   /* background-position: 0 -234px;*/
  }

  .prod-icon.i-show-more {
   /* background-position: 0 -267px;*/
    transform: scale(.75);
    height: 23px;
    margin-top: 12px;
  }

  .prod-icon.i-metro {
   /* background-position: 0 -102px;*/
  }

  .prod-icon.i-mutualfunds {
  /*  background-position: 0 -320px;*/
  }

  .prod-icon.i-deals {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("https://s.freecharge.in/mobile/images/deals.png?v=9");
    background-size: 46px;
  }

  .random-class-to-burst-cache,
  .tax-icon {
    background-size: 90% auto;
  }

  .tax-icon {
    background-image: url("https://s.freecharge.in/mobile/images/tax_icon.png?v=9");
  }

  .product-avatar,
  .round-icon,
  .turbo-avatar {
    background-image: url("https://s.freecharge.in/mobile/images/newprod-strip@2x.png?v=9");
  }
}

.viewport {
  position: relative;
  overflow: hidden;
}

.viewport .reel {
  width: 400%;
  margin-left: 0;
  -moz-transition: margin .5s ease-in-out;
  -o-transition: margin .5s ease-in-out;
  -ms-transition: margin .5s ease-in-out;
  -webkit-transition: margin .5s ease-in-out;
  transition: margin .5s ease-in-out;
}

.viewport .reel li {
  width: 25%;
  float: left;
}

.viewport .reel li,
.viewport .reel li>a {
  display: inline-block;
}

.viewport .reel li img {
  width: 100%;
  height: auto;
}

.controls {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 20px;
  bottom: 0;
  left: 0;
}

.controls .control {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  background-color: #F0F4F5;
}

.controls .control.active {
  background-color: rgba(0,0,0,.14);
}

#box-tabs {
  padding: 15px 5px;
  background-color: #fff;
}

#box-tabs a {
  text-decoration: none;
  display: inline-block;
  color: initial;
}

.tabs-container {
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  overflow-x: auto;
}

.tabs-container ul.tabs {
  font-size: 0;
  white-space: nowrap;
}

.tabs-container ul.tabs li {
  color: #7a7a79;
  font-size: 12px;
  padding: 5px 0;
  display: inline-block;
  border-bottom: 2px solid transparent;
  line-height: 1;
  margin: 0 5px;
  text-transform: uppercase;
  white-space: nowrap;
}

.tabs-container ul.tabs li.active {
  border-bottom-color: #E3714D;
}

.tabs-container ul.tabs li a {
  color: #7a7a79;
}

.tabs-container ul.tabs li:active a,
.tabs-container ul.tabs li:first-of-type a {
  color: #6B6969;
  /*font-family: sspBold;*/
}

.tabs-container ul.tabs li:first-of-type a {
  margin-left: 0;
}

.box-container {
  overflow-x: scroll;
}

.boxes {
  white-space: nowrap;
}

.boxes .img-cont {
  position: relative;
  width: 100%;
  height: 100px;
}

.boxes .img-cont img {
  max-width: 95%;
  max-height: 90px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.boxes li {
  white-space: nowrap;
  width: 135px;
  background: #fff;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  border: 1px solid #E6E6E6;
}

.boxes li a {
  white-space: initial;
}

.boxes li .prod-details {
  padding: 0 10px 10px;
}

.boxes li .discount {
  background: #00A000;
  color: #fff;
  border-radius: 3px;
  display: inline-block;
  padding: 0 3px;
  font-size: 10px;
}

.boxes li .product-name {
  line-height: 1.2;
  margin: 7px 0 0;
  height: 30px;
  overflow: hidden;
}

.boxes li .star-rating {
  margin: 0;
  color: #7a7a79;
}

.boxes li .star-rating .star-rate {
  display: inline-block;
  vertical-align: middle;
  width: 55px;
  height: 12px;
  background: url("https://s.freecharge.in/mobile/images/starrating.png?v=9") no-repeat;
  background-size: 100%;
  margin-right: 5px;
}

.header-lvl,
.plansModal {
  display: none;
}

.boxes li .star-rating .star-rate.zero {
  background-position-y: 0;
}

.boxes li .star-rating .star-rate.half {
  background-position-y: -12px;
}

.boxes li .star-rating .star-rate.one {
  background-position-y: -24px;
}

.boxes li .star-rating .star-rate.one-half {
  background-position-y: -39px;
}

.boxes li .star-rating .star-rate.two {
  background-position-y: -51px;
}

.boxes li .star-rating .star-rate.two-half {
  background-position-y: -63px;
}

.boxes li .star-rating .star-rate.three {
  background-position-y: -75px;
}

.boxes li .star-rating .star-rate.three-half {
  background-position-y: -87px;
}

.boxes li .star-rating .star-rate.four {
  background-position-y: -99px;
}

.boxes li .star-rating .star-rate.four-half {
  background-position-y: -111px;
}

.boxes li .star-rating .star-rate.five {
  background-position-y: -124px;
}

.boxes li .price {
  margin: 0;
  color: #7a7a79;
  font-size: 13px;
}

.boxes li .price b {
  color: #393939;
  margin-right: 5px;
}

.card.spotlight {
  padding: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #F0F4F5;
}

.center {
  text-align: center;
}

.header .menu-wrapper {
  top: 29px;
}

.header .menu-wrapper.not-logged {
  top: 20px;
}

.plansModal {
  position: absolute;
  z-index: 1;
  top: 10%;
  left: 2%;
  height: 80%;
  width: 96%;
  overflow: hidden;
  background-color: #fff;
}

.plansModal .plansModal-content {
  background-color: #fefefe;
  margin: auto;
}

.header-lvl .backBtn {
  height: 16px;
  width: 20px;
  background: url("https://s.freecharge.in/mobile/images/new/dark-arrow-left.png?v=2?v=9") center left no-repeat;
  background-size: 10px 20px;
}

.header-lvl .menu-wrapper {
  width: 20px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 15px;
  top: 20px;
}

.header-lvl .header-info-wrapper {
  display: inline-block;
  width: 100%;
}

#showMoreBtn {
  padding: 7px 25px 7px 10px;
  color: #666;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
  display: block;
  background-color: #fff;
  text-align: center;
  outline: 0;
  border: 0;
  margin: 0 10px;
}

#showMoreBtn span {
  background-image: url("https://s.freecharge.in/mobile/images/new/arrow-down-new.png?v=9");
  background-size: 10px 7px;
  width: 10px;
  height: 7px;
  position: absolute;
  margin-top: 5px;
  margin-left: 5px;
  background-repeat: no-repeat;
}

#overlay.visible {
  visibility: visible;
  opacity: 1;
}

.kyc-modal {
  /*font-family: sspRegular;*/
  position: fixed;
  bottom: 0;
  max-height: 100%;
  width: 100%;
  background: #fff;
  z-index: 30;
  text-align: center;
  padding: 30px 15px 5px;
  color: #464646;
  transition: all .3s ease-in-out;
}

.kyc-modal h3,
.unifiedCreditView {
  /*font-family: sspBold;*/
}

.kyc-modal.hidden {
  bottom: -350px;
}

.kyc-modal .close {
  font-size: 25px;
  text-align: right;
  position: absolute;
  padding: 5px 15px;
  right: 0;
  top: 0;
}

.kyc-modal form {
  display: initial;
}

.kyc-modal h3 {
  margin: 10px;
  font-size: 18px;
}

.kyc-modal p {
  margin: 5px 0 20px;
  padding: 5px 25px;
  font-size: 15px;
}

.kyc-modal .kyc-doc {
  margin: 0 auto 20px;
  background: url("https://s.freecharge.in/mobile/images/kyc.png?v=9") 0 0/116px 82px no-repeat;
  width: 116px;
  height: 82px;
}

.kyc-modal .kyc-btn {
  background: #fff;
  padding: 10px 5px;
  border: 1px solid #E3714D;
  color: #E3714D;
  border-radius: 2px;
  text-transform: uppercase;
  width: 130px;
  width: calc(50% - 15px);
  margin: 5px 5px 15px;
  font-size: 13px;
  font-size: 4vw;
}

.kyc-modal .kyc-btn.primary {
  background: #E3714D;
  color: #fff;
}

.unifiedCreditView {
  background: url("https://s.freecharge.in/mobile/images/new/arrow-right-dark.png?v=9") 93% 49% no-repeat #262e44;
  color: #fff;
  display: inline-block;
  width: 100%;
  padding: 13px 20px 8px;
  line-height: 1.4;
  margin: 10px 0 0;
  background-size: 7px;
}

.unifiedCreditView div.logo {
  float: left;
  margin-right: 19px;
}

.unifiedCreditView div.logo img {
  width: 42px;
  margin-top: 13px;
}

.unifiedCreditView .rightSection {
  float: left;
}

@media (max-width:350px) {
  .unifiedCreditView .rightSection {
    width: 180px;
  }
}

.unifiedCreditView .rightSection .top {
  border-bottom: 1px solid #fff;
  margin-bottom: 5px;
}

.unifiedCreditView .rightSection .top h1 {
  font-size: 14px;
  margin-bottom: 4px;
}

.unifiedCreditView .rightSection .top h1 span {
  font-size: 10px;
  text-transform: uppercase;
  padding: 0 5px;
  border: 1px solid;
  margin-left: 11px;
  color: #f4c180;
  line-height: 1.4;
  vertical-align: middle;
}

.unifiedCreditView .rightSection .top h2 {
  font-size: 10px;
  padding-bottom: 12px;
}

.unifiedCreditView .rightSection .bottom p {
  font-size: 13px;
  /*font-family: sspRegular;*/
}

div#deepLinkBanner {
  background: #fff;
  border-bottom: 1px solid #efefef;
  display: none;
  position: relative;
}

div#deepLinkBanner a.close {
  height: 64px;
  width: 44px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

div#deepLinkBanner a.close img {
  position: relative;
  top: 20px;
  left: 10px;
}

div#deepLinkBanner a.open {
  background: #de724e;
  color: #fff;
  padding: 7px 25px;
  border-radius: 3px;
  margin-top: 13px;
  display: inline-block;
}

div#deepLinkBanner img.banner {
  display: flex;
  width: 100%;
}

.deal-list {
  padding: 0 0 10px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow-x: auto;
  align-items: flex-start;
  margin: 0 0 5px;
}

.deal-list>li {
  flex: 0 0 auto;
  margin-right: 3px;
  background: #fff;
}

.deal-detail-wrapper {
  overflow: hidden;
  width: 82px;
  height: 90px;
  padding: 5px 0;
  text-align: center;
}

.deal-image {
  border-radius: 50%;
  height: 46px;
  width: 46px;
}

.deal-wrapper {
  margin: 0 10px;
}

.deal-subtitle {
  color: #e3714d;
  font-size: 11px;
  line-height: 14px;
}

.deal-title {
  color: #3c3c3c;
  font-size: 12px;
  line-height: 14px;
}

.ellipsis {
  text-overflow: ellipsis;
  width: 75px;
  white-space: nowrap;
  overflow: hidden;
  margin: auto;
}