@font-face {
    font-family: 'Lato-Regular';
    src: url('../font/Lato-Regular.eot');
    src: url('../font/Lato-Regular.woff') format('woff'),
        url('../font/Lato-Regular.ttf') format('truetype'),
        url('../font/Lato-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Lato-Light';
  src: url('../font/Lato-Light.eot');
  src: url('../font/Lato-Light.woff') format('woff'), 
       url('../font/Lato-Light.ttf') format('truetype'), 
       url('../font/Lato-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Lato-heavy';
    src: url('../font/Lato-Heavy.eot');
    src: url('../font/Lato-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../font/Lato-Heavy.woff2') format('woff2'),
        url('../font/Lato-Heavy.woff') format('woff'),
        url('../font/Lato-Heavy.ttf') format('truetype'),
        url('../font/Lato-Heavy.svg#Lato-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'LatoBlack'; 
    src: url('../font/LatoBlack.eot');
    src: url('../font/LatoBlack.eot') format('embedded-opentype'), 
         url('../font/LatoBlack.woff2') format('woff2'),
         url('../font/LatoBlack.woff') format('woff'),
         url('../font/LatoBlack.ttf') format('truetype'),
         url('../font/LatoBlack.svg#LatoBlack') format('svg');
}
@font-face {
  font-family: 'icomoon';
  src:  url('../font/icomoon.eot?d10e0z');
  src:  url('../font/icomoon.eot?d10e0z#iefix') format('embedded-opentype'),
    url('../font/icomoon.woff2?d10e0z') format('woff2'),
    url('../font/icomoon.ttf?d10e0z') format('truetype'),
    url('../font/icomoon.woff?d10e0z') format('woff'),
    url('../font/icomoon.svg?d10e0z#icomoon') format('svg');
  font-weight: normal; 
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-fb-footer:before {
  content: "\e904";
  color: #818181;
}
.icon-insta-footer:before {
  content: "\e905";
  color: #818181;
}
.icon-Li-footer:before {
  content: "\e906";
  color: #818181;
}
.icon-Twitter-footer:before {
  content: "\e908";
  color: #818181;
}
.icon-YT-footer:before {
  content: "\e909";
  color: #818181;
}

@font-face {
  font-family: 'regional_icomoon';
  src:  url('../font/regional_icomoon.eot?b347t');
  src:  url('../font/regional_icomoon.eot?b347t#iefix') format('embedded-opentype'),
    url('../font/regional_icomoon.woff2?b347t') format('woff2'),
    url('../font/regional_icomoon.ttf?b347t') format('truetype'),
    url('../font/regional_icomoon.woff?b347t') format('woff'),
    url('../font/regional_icomoon.svg?b347t#regional_icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="reg-"], [class*=" reg-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'regional_icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.reg-Tick:before {
  content: "\e922";
}
html {
    font-size: 62.5%;
}
body{
 font-family: 'Lato-Regular';    
}
p {
    margin: 0 0 10px;
    font-size: 14px;
}
.sidelink{
    margin-top: 6rem;
}
.sidelink ul{
        margin-top: 5rem;
}
.sidelink ul li {
    display: inline-block;
    width: 49%;
    text-align: center;
    position: relative;
    margin-bottom: .4rem;
    /*cursor: pointer;*/
    vertical-align: top;
    background: #fafafa;
    min-height: 164px;
}

    .sidelink ul li img {
        display: block;
        min-height: 122px;
        padding: 2.4rem 0;
        text-decoration: none;
        background: #fafafa;
        transition: all .4s ease;
        margin-left: 50px;
    }

.sidelink ul li img em {
    font-size: 3.4rem
}

.sidelink ul li img span {
    display: block;
    font-size: 1.4rem;
    color: #323232;
    font-family: Lato-Regular;
    font-weight: 400;
    padding: 10px 16px
}

/*.sidelink ul li img:hover {
    background: #dc1a64;
    background: -webkit-gradient(left top,right bottom,color-stop(0,#dc1a64),color-stop(100%,#ae285e));
    background: linear-gradient(135deg,#dc1a64 0,#ae285e 100%)
}*/

/*.sidelink ul li img:hover em,.sidelink ul li img:hover span {
    color: #fff
}

.sidelink ul li img:hover em:before {
    color: #fff
}*/

.sidelink .viewallLink .allLink {
    float: right;
    top: -12px
}

.topBandForms {
    padding-top: 20px;
    border-top: 13px solid #f2f2f2;
    border-left: 13px solid #f2f2f2;
    border-right: 13px solid #f2f2f2;
    border-bottom: 13px solid #f2f2f2;
}

h2 {
    font-size: 20px;
    font-weight: bold;
}

.mainHeader {
    background: #871f42;
    width: 100%;
    height: 86px;
    position: fixed;
    z-index: 999;
    top: 0px;
}

.logo {
    position: absolute;
    top: 27px;
    background: #fff url(../images/menucurve.jpg) no-repeat;
    width: 200%;
    height: 60px;
    left: 292px;
}

.logoimg {
    position: relative;
    left: -7px;
    top: 15px;
}
.bbpslogo{
    position: absolute;
    z-index: 1;
    color: #fff;
    left: 18%;
    top: 38%;
    font-family: 'Lato-Light';
    font-size: 20px;
}
.mainBanner{
margin-top: 87px; 
position: relative;
}
.mainBanner img{
width: 100%;

}
.bannerTextSec{
  position: absolute;
    top: 39%;
    left: 0;
    width: 100%;
    -ms-transform: translateY(-29%);
    transform: translateY(-30%);
}
.bannerText{
    font-size: 28px;
    font-family: 'LatoBlack';
    color: #212121;
    max-width: 1000px;
   padding-left: 8rem;

}
.bannerText br{
    display: none;
}

.bharatpaylogo{
    position: absolute; 
    top: 0%;
    left: 58%;
}
.bharatpaylogo img{
width: auto;
}
.FormBillertext{
    margin-left: 6rem;
}
.titleGrabDeal h2 {
    font-size: 2.5rem;
    font-family: "Lato-Heavy";
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
}

.dealFinal {
    max-width: 566px;
    margin: 60px auto 0px;
}

.topBandForms .logo {
    z-index: 699;
    position: absolute;
    top: 0;
}

.feildWrap{
clear:both;
    margin-top: 40px;
}
.mainBannerImg .textBanner {
    position: absolute;
    top: 10%;
    left: 7%;
    transform: translate(7%, 30%);

}

.debitInput {
    letter-spacing: 26px;
    border: 0;
    background-image: linear-gradient(to left, #000 85%, rgba(255, 255, 255, 0) 0);
    background-position: bottom;
    background-size: 37px 1px;
    background-repeat: repeat-x;
    background-position-x: 64px;
    display: inline-block;
    width: 141px;
    outline: 0;
    box-shadow: none;
    padding: 0 0 9px 5px;
    text-align: left;
}


@media screen and (max-width: 1200px) {
   .bbpslogo{
        left: 21%;
   }
   .bannerText{
    font-size: 23px;
   }

.bharatpaylogo{
        top: -9%;
    left: 60%;
}
.FormBillertext {
    margin-left: 5rem;
}
}


@media screen and (max-width: 1024px) {
    .mainBannerImg .textBanner {

        left: 3%;
        transform: translate(3%, 30%);
    }
}

@media screen and (max-width: 768px) {
    .mainBannerImg .textBanner {
        max-width: 190px;
        position: absolute;
        top: 10%;

    }

    .debitInput {
        padding: 0 0 9px 5px;
    }

}

.mainBannerImg .textBanner h2 {
    color: #97144d;
    font-size: 4rem;
    font-family: "Lato-Bold";
    font-weight: 900;

}

@media screen and (max-width: 768px) {
    .mainBannerImg .textBanner h2 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 375px) {
    .mainBannerImg .textBanner h2 {
        font-size: 2rem;
    }
}

.mainBannerImg .textBanner h2 span {
    color: #212121;
}

.topBandForms .mainBannerImg img {

    width: 100%;
}

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

.topBandForms .mainBannerImg img {
    width: 100%;
}



.titleGrabDeal p {
    font-size: 1.8rem;
    font-family: "Lato-Regular";
    text-align: center;

}

.inputbox {
    margin: 10px 0;
    display: block;
    font-family: 'Lato-Regular';
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 40px
}


.capthainputDiv{
    max-width: 390px !important;
}
.code{
    width: 33%;
}
label {
    font-weight: 400;
    font-size: 1.4rem;
    font-family: 'Lato-Regular';
}

.error_message {
    color: red;
    display: none;
    position: absolute;
    top: 75px;
    font-size: 12px;
   padding-right: 2rem;
}


.inputbox label.debitCard {
    display: block;
    font-size: 1.6rem;
}

.form-control.codeNumber {
    display: inline-block;
    max-width: 35px;
}


.inputbox.code input.inputDiv {
    max-width: 339px;
}

.inputbox select{
    border-bottom: 1px solid #d8d8d8;
    background: url(../images/selectbg.png) no-repeat 557px 19px;
    -webkit-appearance:none;
   -moz-appearance:none;
   appearance: none;
    border-bottom: 1px solid #d8d8d8;
    box-shadow: none;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    width: 100%;
    color: #861f41;
    font-family: 'Lato-Regular';
    font-weight: bold;
    outline: none;
padding: 1rem 0;
}

.inputbox input.inputDiv {
    width: 100%;
    border: none;
    font-size: 1.4rem;
    color: #323232;
    border-bottom: 1px solid #d8d8d8;
    padding: 1rem 0;
    outline: none;

}
.inputbox .checkboxfield{
    display: inline-block;
}


.btnwrap {
    float: left;
    width: 100%;
}


input[type=checkbox],
input[type=radio] {
    height: 22px;
    width: 22px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    opacity: 0;
    display: none;
}




.btn.btnSubmit {
    max-width: 128px;
    width: 100%;
    border-radius: 4px;
    background-color: #871f42;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 7px;
}

.disclaimer {
    font-size: 1.2rem;

}

.disclaimer span {
    font-weight: 700;
}

.refreshIcon {
    max-width: 26px;
    width: 100%;
    margin: 0 18px;
}

hr {
    margin: 15px 0;
}


footer {
    /*margin-bottom: 3rem;*/
    background-color: #444444;
    color: #fff;
}

.divideFooter {
    width: 100%;
}

.leftPart {
    /*float: left;*/
    display: inline-block;
    /*width: 50%;*/
}

.leftPart p {
    display: inline-block;
    margin-right: 1.5rem;
    position: relative;
    float: left;
}

.rightPart {
    display: inline-block;
    float: right;
    width: 50%;
    text-align: right;
}

.footerPart {}

.footerPart li {
    display: inline-block;
    text-decoration: none;
    margin-right: 1rem;
    position: relative;
}

.arrowLine:after {
    content: '';
    position: absolute;
    right: -8px;
    top: 0;
    background: #858080;
    height: 20px;
    width: 1px;
}

@media screen and (max-width: 991px) {
  .bbpslogo{
    left: 27%;

  }  
 .bannerText{
    font-size: 16px;
    top: 44%;
 }  

 .bharatpaylogo{
        top: -35%;
 }
.inputbox{
    width: 100%;
}
.error_message{
    position: relative;
    top: 0;
}
.inputbox.code input.inputDiv {
    max-width: 200px;
}
.refreshIcon{
        margin: 12px 18px;
}
}



@media screen and (max-width: 768px) {
    .arrowLine:after {
        display: none;
    }

    .footerPart li {
        display: block;
    }

    .leftPart p {
        display: block;
        float: none;
    }
}

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

.bbpslogo{
        left: 61%;
}

    .bannerText{
    font-size: 28px;
    max-width: 224px;
    top: 35%;
    margin-left: 3rem;
    padding-left: 0;
    }
    .dealFinal {
    margin: 20px auto;
}
.bannerText br{
    display: block;
}
.bharatpaylogo {
    top: 108%;
    left: 12%;
}
.titleGrabDeal h2{
    line-height: 31px;
}
.titleGrabDeal p{
        font-size: 1.4rem;
}
.capthainputDiv {
    max-width: 140px !important;
}
    .inputbox.code input.inputDiv {
        display: block;
        margin-bottom: 20px;
    }

    .inputbox,
    .inputbox.code input.inputDiv {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .inputbox input.inputDiv {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .logo img {
        left: 10px;
    }

    .titleGrabDeal {
        margin-bottom: 40px;
    }
    .refreshIcon{
            margin: 15px 18px;
    }
.FormBillertext{
top: 32%;
margin-left: 3rem;
}
}

///// checkbox css///


.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
        margin: 8px 16px 0 0;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    border-radius: 3px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: rebeccapurple;
    color: #fff;
}



.radio-custom:checked + .radio-custom-label:before {
  content: "\e922";
   font-family: 'regional_icomoon' !important;
    color: #fff;
    background: #97144d;
        font-size: 10px;
    border-radius: 3px;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}


//////checkbox css end///

///footer css///

.list-unstyled li.init {
    font-size: 1.4rem;
    color: #000;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
}





footer {
    display: block;
}

.footerUpSec {
    background-color: #e4e4e4;
    width: 100%;
    padding: 4rem 0 0; /*767px*/
}

.footerUpSec .container { /*767px*/
    padding: 0;
}

.footerBtmSec {
    width: 100%;
    background-color: #444444;
    padding: 1.5rem 0; /*767px*/
}

.footerMainUl {
    padding-bottom: 1.4rem; /*767px*/
}

.footerMainUl li {
    padding-left: 2rem;
}

.footerMainUl li:first-child {
    padding-left: 0;
}

.footerMainUl li li {
    padding-left: 0;
}

.footerMainUl .col {
    width: 19%;
    display: inline-block;
    vertical-align: top; /*992px*/ /*767px*/
}

.footerMainUl .col ul {
    display: block; /*767px*/
}

.footerMainUl .col ul li:last-child {
    border: none;
}

.footerMainUl .col ul li a { /*767px*/
}

.footerMainUl .col ul li p a { /*767px*/
}

.footerMainUl .col li { /*767px*/
}

.footerMainUl .cont h3 {
    font-size: 1.3rem;
}

.footerMainUl .othLnk { /*992px*/
}

.selectDropd {
    position: relative; /*767px*/
}

.selectDropd select {
    width: 100%;
    text-align: left;
    vertical-align: middle;
    padding: 1.2rem 1.4rem;
    color: #212121;
    font-size: 1.3rem;
    border: 1px solid #c8c8c8;
    margin-bottom: 4rem;
    outline: none;
    background: url(../images/redArrow.png) no-repeat 96% center #fff; /*767px*/
}

.selectDropd select::-ms-expand {
    display: none;
}

/*-----------Global Font sizes and color ****************/

.footerMainUl p,
.footerMainUl a,
.middleFooterCon p,
.middleFooterCon a {
    color: #212121;
    font-size: 1.3rem;
    line-height: 1.4rem;
    text-decoration: none;
}

.footerMainUl h3,
.middleFooterCon h3 {
    color: #454545;
    padding-bottom: 2.4rem;
    font-family: "Lato-heavy";
    font-size: 1.3rem; /*767px*/
}

.footerMainUl h3 a,
.middleFooterCon h3 a {
    color: #454545; /*767px*/
}

.footerMainUl h3 a:after,
.middleFooterCon h3 a:after {
    background-color: #454545;
}

.footerMainUl li,
.middleFooterCon li {
    padding-bottom: 0.8rem; /*767px*/
}

.footerMainUl .closeTab:before,
.middleFooterCon .closeTab:before { /*767px*/
}

.footerMainUl .openTab:before,
.middleFooterCon .openTab:before { /*767px*/
}

.footerMainUl p,
.middleFooterCon p {
    padding-bottom: 1.5rem;
    line-height: 1.8rem; /*767px*/
}

.footerMainUl .fScheme,
.middleFooterCon .fScheme { /*767px*/
}

.footerMainUl a,
.middleFooterCon a {
    display: inline-block;
    position: relative;
    vertical-align: top; /*767px*/
}

.footerMainUl a:after,
.middleFooterCon a:after {
    content: "";
    background-color: #212121;
    height: 1px;
    left: 0;
    margin-top: 2px;
    position: absolute;
    top: 100%;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
}

.footerMainUl a:hover:after,
.middleFooterCon a:hover:after {
    width: 100%;
}

/*-----------Global Font sizes and color ends ****************/

.middleFooterCon {
    border-top: 1px solid #a9a9a9;
    padding: 1.5rem 0; /*767px*/ /*767px*/
}

.middleFooterCon li {
    padding-bottom: 0.4rem; /*767px*/
}

.middleFooterCon .cont {
    border: none;
}

.middleFooterCon h3 {
    display: inline-block;
    text-transform: uppercase;
    padding-bottom: 0;
    width: 10%;
    margin-top: 0;
    vertical-align: top; /*1200px*/ /*992px*/ /*767px*/
}

.middleFooterCon .links {
    display: inline-block;
    width: 86%; /*992px*/ /*767px*/
}

.middleFooterCon .links a {
    margin-left: 3px;
}

.middleFooterCon p { /*767px*/
}

.middleFooterCon p span {
    color: #454545;
    text-transform: uppercase;
}

.middleFooterCon .socialLinks li {
    border: none;
}

.copyright {
    display: inline-block;
    color: #e4e4e4;
    font-size: 1.3rem;
    font-family: "Lato-Light"; /*992px*/ /*480px*/
}

ul.cpDiscMap {
    display: inline-block;
    float: right; /*992px*/
}

ul.cpDiscMap li {
    display: inline-block;
    color: #e4e4e4;
    font-size: 1.3rem;
    font-family: "Lato-Light"; /*480px*/
}

ul.cpDiscMap li a {
    color: #e4e4e4;
    padding: 0 3rem;
    border-right: 1px solid #767676;
    display: inline-block;
    text-decoration: none; /*480px*/
}

ul.cpDiscMap li a:after {
    content: '';
    display: block;
    height: 1px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

ul.cpDiscMap li a:hover:after {
    background-color: #fff;
    width: 100%;
}

ul.cpDiscMap li:last-child a {
    border: none;
}

.back-to-top {
    position: fixed;
    bottom: 5rem;
    right: 2rem;
    z-index: 998;
    width: 4.5rem;
    height: 4.5rem;
    text-align: center;
    line-height: 30px;
    background: transparent;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    border: 1px solid #97144d; /*767px*/
}

.back-to-top:hover,
.back-to-top:focus {
    text-decoration: none;
}

.back-to-top.view {
    opacity: 1;
}

.back-to-top .icon-drop {
    color: #fff;
    font-size: 1.4rem;
    position: relative;
    top: 11px; /*767px*/
}

.back-to-top .icon-drop:before {
    content: "\e902";
    color: #ae285d;
}

.list-unstyled {
    position: absolute;
    width: 200px;
    z-index: 9; /*767px*/
}

.list-unstyled li {
    padding: 5px 10px;
    z-index: 2;
    position: relative;
    margin: 0;
}

.list-unstyled li:not(.init) {
    float: left;
    width: 200px;
    display: none;
    background: #fff;
    padding: 10px 10px;
}

.list-unstyled li:not(.init):hover {
    background: #ccc;
}

.list-unstyled li.selected:not(.init) {
    background: #ccc;
}

.list-unstyled li.init {
    cursor: pointer;
    background: url(../images/redArrow.png) no-repeat 96% center #fff;
    padding: 1.2rem;
    border: 1px solid #c8c8c8;
    color: #000;
}

.list-unstyled li.indiaFlag {
    background: url(../images/indiaFlag.png) no-repeat 0 0;
    display: inline-block;
}

.list-unstyled li a {
    position: static;
    width: 100%;
    color: #212121;
    background: url(../images/homeSprite.png) no-repeat 0 0;
    position: relative;
}

.list-unstyled li a:after {
    display: none;
}

.list-unstyled li a.india {
    background-position: 125px -97px;
}

.list-unstyled li a.hongKong {
    background-position: 125px -193px;
}

.list-unstyled li a.srilanka {
    background-position: 125px -283px;
}

.list-unstyled li a.uk {
    background-position: 125px -2px;
}

.connectBox {
    display: block;
    margin-top: 70px; /*767px*/
}

.reportFraud {
    display: block;
    margin: 2rem 0 1rem;
    color: #323232;
    padding: 10px;
    width: 200px;
    background: url(../images/homeSprite.png) no-repeat 14px -1540px #595959;
    box-shadow: 0 0px 8px #a9a3a3;
    border-radius: 0.5rem; /*767px*/
}

.reportFraud a {
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    padding-left: 4.5rem;
}

.reportFraud a:after {
    display: none;
}

.overLay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    background-color: #000;
    opacity: 0.8;
}

/*-------------Overlay Ends-------------*/


.topMenuNewWrapper > div {
    display: none;
    background: #666666;
    padding: 3rem 0;
    position: relative;
    z-index: 9999; /*1200px*/ /*767px*/
}

.topMenuNewWrapper > div .container { /*1200px*/
}

.topMenuNewWrapper > div .container .col-md-12 { /*1200px*/
}

.topMenuNewWrapper .searchBox { /*1200px*/ /*1200px*/
}

.topMenuNewWrapper .searchBox .closeW {
    right: 10px;
    top: 5px;
}

.topMenuNewWrapper .menuHead {
    color: #fff;
    background: #5a5a5a;
    padding: 2rem;
    width: 100%;
    display: inline-block;
    font-size: 1.8rem; /*1200px*/
}

.topMenuNewWrapper .menuHead.noStatic { /*1200px*/
}

.topMenuNewWrapper .menuBody {
    background: #606060;
    padding: 1.2rem 2rem;
    height: 100%;
    overflow: hidden;
    color: #fff; /*1200px*/
}

.topMenuNewWrapper .menuBody h4 {
    font-size: 1.4rem;
    color: #d8d8d8; /*1200px*/
}

.topMenuNewWrapper .menuBody li {
    padding: 1.5rem 0 0.5rem;
    font-size: 1.5rem; /*1200px*/
}

.topMenuNewWrapper .menuBody li p {
    display: block;
    color: #d8d8d8;
    font-size: 1.4rem;
    padding-bottom: 0.8rem; /*1200px*/
}

.topMenuNewWrapper .menuBody li span {
    font-size: 1.6rem;
    font-family: "Lato-Light";
    border-bottom: none;
}

.topMenuNewWrapper .menuBody li span.borderRgt {
    padding-bottom: 0.1rem;
    padding-right: 0rem;
    border-bottom: 1px solid #fff;
    font-family: "Lato-Regular";
}

.topMenuNewWrapper .menuBody li .percnt {
    font-size: 1.6rem;
    border-bottom: none;
}

.topMenuNewWrapper .menuBody li.ratesHead {
    position: relative;
    top: 0;
}

.topMenuNewWrapper .menuBody a {
    color: #d8d8d8;
    display: inline-block;
    font-size: 1.2rem;
    border-bottom: 1px solid #6b6b6b;
    text-decoration: none;
}

.topMenuNewWrapper .menuBody .topBorder {
    border-top: 1px solid #6b6b6b;
    padding-top: 1.5rem;
    margin-top: 1.2rem;
}

.topMenuNewWrapper .menuBody.spanSml span {
    font-size: 1.8rem;
    display: block;
    padding-bottom: 0;
    margin: 0 2rem 1rem 0; /*1200px*/
}

.topMenuNewWrapper .menuBody .depositBox {
    display: block; /*767px*/
}

.topMenuNewWrapper .menuBody .icon-drop {
    display: none; /*1200px*/
}

.topMenuNewWrapper .mUns span {
    border-bottom: 1px solid #fff;
}

ul.savings {
    margin-top: 3.3rem;
    height: 100%;
    overflow: hidden; /*1200px*/
}

ul.savings li {
    padding-left: 0;
}

ul.savings li:last-child {
    padding-right: 0;
}

ul.savings li h3 {
    background: #5a5a5a;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #fff;
    padding: 1.3rem 0 1.3rem 1.7rem;
    height: 7.3rem;
    text-align: left; /*1200px*/
}

ul.savings li div {
    background: #606060;
    height: 15.1rem;
    padding-left: 1.7rem;
    position: relative; /*1200px*/
}

ul.savings li div p {
    color: #d8d8d8;
    font-size: 1.4rem;
    padding-top: 3.3rem; /*1200px*/
}

ul.savings li div span {
    font-size: 1.8rem;
    display: block;
    padding-bottom: 0;
    position: absolute;
    bottom: 7.4rem;
    color: #fff;
}

ul.savings li div a {
    color: #d8d8d8;
    display: inline-block;
    font-size: 1.2rem;
    position: absolute;
    bottom: 3.2rem;
    border-bottom: 1px solid #6b6b6b;
    text-decoration: none;
}

ul.savings .exRate {
    width: 100%;
}

ul.savings .exRate a {
    font-size: 1.8rem;
    color: #fff;
    border-bottom: 0;
    padding-right: 0.5rem;
    position: static;
}

.topMenuOpen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow-y: scroll;
}

.notyBox {
    top: 4rem;
    right: 0;
    position: absolute;
    width: 30rem;
    display: none;
    background: #fff;
    border-top: 4px solid #666666;
    z-index: 10000; /*1200px*/ /*767px*/
}

.notyBox ul li {
    padding: 1.5rem 2.2rem;
    display: block;
    border-top: 1px solid #d0d0d0;
}

.notyBox ul li h3 {
    font-size: 1.6rem;
    font-family: "Lato-Bold";
    color: #212121;
    padding-bottom: 0.6rem;
}

.notyBox ul li p {
    font-size: 1.4rem;
    color: #212121;
}

.notyBox ul li .imgBox {
    display: inline-block;
    width: 20%;
    vertical-align: top;
}

.notyBox ul li .textBox {
    display: inline-block;
    width: 75%;
    vertical-align: top;
}

.notyBox .imgBlock {
    padding: 1.5rem 0;
    text-align: center;
}

.axisGroupList {
    display: block;
}

.axisGroupList ul {
    width: 800px;
    margin: 0 auto; /*1200px*/
}

.axisGroupList ul li {
    display: inline-block;
    padding-right: 3rem;
}

.axisGroupList ul li a {
    display: block;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    padding: 1rem 0;
}

.axisGroupList ul li a:hover {
    text-decoration: none;
}

.topBand { /*1200px*/
}

.topBand .navbar-right li.active {
    background: #666;
}

.topBand .navbar-right li.active a {
    color: #fff;
    font-size: 1.2rem;
    border-bottom: 3px solid #666;
}

.topBand .navbar-right li.active a:hover,
.topBand .navbar-right li.active a:focus {
    background: #666666;
}

.topMenu {
    box-shadow: 0px 3px 6px #c3c3c3;
    background: #fff;
    position: relative;
    z-index: 9999;
    width: 100%;
}

.topMenu .logoSect {
    display: inline-block;
    vertical-align: top;
    padding-top: 2rem;
    padding-bottom: 0; /*1200px*/
}

.topMenu .logoSect img { /*992px*/ /*767px*/
}

.topMenu .navbarSect {
    display: inline-block;
    margin-left: 2rem; /*1200px*/
}

.topMenu .navbarSect ul li {
    display: inline-block;
}

.topMenu .navbarSect ul li a {
    font-size: 1.6rem;
    color: #212121;
    padding: 2.6rem 1.5rem 3.2rem;
    display: inline-block;
}

.topMenu .navbarSect ul li a.linkEffect {
    padding: 2rem 0;
    color: #97144d;
}

.topMenu .navbarSect ul li a:hover {
    text-decoration: none;
    color: #97144d;
}

.topMenu .navbarSect ul li .subMenus {
    display: none;
    position: absolute;
    top: 7.5rem;
    left: 8rem;
    z-index: 2;
    background: #fff;
    border-top: 2px solid #e0e0e0;
    width: 100rem;
    border-radius: 4px;
}

.topMenu .navbarSect ul li .subMenus .exmenuTab2,
.topMenu .navbarSect ul li .subMenus .exmenuTab3 {
    display: none;
}

.topMenu .navbarSect ul li .subMenus .exmTab {
    float: left;
}

.topMenu .navbarSect ul li .subMenus .tabBar {
    background: #f1f1f1;
    margin-top: 0.5rem;
}

.topMenu .navbarSect ul li .subMenus .tabBar ul li {
    display: inline-block;
}

.topMenu .navbarSect ul li .subMenus .tabBar ul li a {
    display: inline-block;
    padding: 1rem 9rem 1rem 2.5rem;
    font-size: 1.4rem;
    color: #818181;
}

.topMenu .navbarSect ul li .subMenus .tabBar ul li a:hover {
    color: #323232;
}

.topMenu .navbarSect ul li .subMenus .tabBar ul li .active {
    color: #323232;
    font-family: "Lato-Bold";
}

.topMenu .navbarSect ul li .subMenus .tabBar ul li .active span {
    display: inline-block;
    border-bottom: 1px solid #ae285d;
}

.topMenu .navbarSect ul li .subMenus .mainSect {
    float: left;
}

.topMenu .navbarSect ul li .subMenus .mainSect .fLevel {
    width: 16.8rem;
    display: inline-block;
    float: left;
    padding-left: 2.5rem;
}

.topMenu .navbarSect ul li .subMenus .mainSect .fLevel ul li a {
    font-size: 1.4rem;
    color: #323232;
    display: block;
    padding: 0.8rem 0.5rem;
}

.topMenu .navbarSect ul li .subMenus .mainSect .fLevel ul li.active {
    position: relative;
}

.topMenu .navbarSect ul li .subMenus .mainSect .fLevel ul li.active a {
    color: #97144d;
    font-family: "Lato-Bold";
}

.topMenu .navbarSect ul li .subMenus .mainSect .fLevel ul li.active:before {
    position: absolute;
    content: '';
    right: -10px;
    top: 13px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 10px solid transparent;
}

.topMenu .navbarSect ul li .subMenus .mainSect .sLevel {
    width: 28.3rem;
    display: inline-block;
    float: left;
    padding-left: 2.5rem;
}

.topMenu .navbarSect ul li .subMenus .mainSect .sLevel ul li a {
    padding: 0.7rem 0.5rem;
    display: block;
    font-size: 1.4rem;
    color: #666;
}

.topMenu .navbarSect ul li .subMenus .mainSect .sLevel ul li a:hover {
    color: #97144d;
    background: url("../images/arrow.png") 95% 1.4rem no-repeat;
}

.topMenu .navbarSect ul li .subMenus .mainSect .sLevel ul li .active {
    background: url("../images/arrow.png") 95% 1.4rem no-repeat;
    color: #97144d;
    font-family: "Lato-Bold";
}

.topMenu .navbarSect ul li .subMenus .mainSect .sLevel ul li .noHover {
    color: #666;
    background: none;
}

.topMenu .navbarSect ul li .subMenus .mainSect .sLevel ul li .noHover:hover,
.topMenu .navbarSect ul li .subMenus .mainSect .sLevel ul li .noHover:focus {
    color: #97144d;
    background: none;
}

.topMenu .navbarSect ul li .subMenus .mainSect .sLevel ul li .noHover.active {
    color: #97144d;
    background: none;
}

.topMenu .navbarSect ul li .subMenus .mainSect .tLevel {
    display: inline-block;
    float: left;
    padding: 1rem 3rem;
    border-left: 1px solid #ececec;
}

.topMenu .navbarSect ul li .subMenus .mainSect .tLevel ul li {
    padding: 0.8rem 0;
}

.topMenu .navbarSect ul li .subMenus .mainSect .tLevel ul li a {
    font-size: 1.4rem;
    color: #666;
    font-family: "Lato-Regular";
}

.topMenu .navbarSect ul li .subMenus .mainSect .tLevel ul .active a {
    color: #97144d;
    font-family: "Lato-Bold";
}

.topMenu .navbarSect ul li .subMenus .blck {
    display: inline-block;
    padding: 1rem 3.9rem;
    vertical-align: top;
    width: 25rem;
    float: left;
}

.topMenu .navbarSect ul li .subMenus .blck h3 {
    font-size: 1.6rem;
    color: #666;
    font-family: "Lato-Bold";
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 0.5rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    margin-bottom: 0.4rem;
    margin-top: 0.6rem;
}

.topMenu .navbarSect ul li .subMenus .blck h3 a {
    font-size: 1.6rem;
    color: #666;
    padding: 0;
    padding-bottom: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.topMenu .navbarSect ul li .subMenus .blck .offers {
    padding-top: 0;
}

.topMenu .navbarSect ul li .subMenus .blck ul li a {
    font-size: 1.4rem;
    color: #716e6e;
    padding: 0.8rem 0;
}

.topMenu .navbarSect ul li .subMenus .blck ul li a:hover {
    color: #97144d;
}

.topMenu .navbarSect ul li .subMenus .blck ul li a.linkEffect {
    padding: 2rem 0;
    color: #97144d;
}

.topMenu .navbarSect ul li .subMenus .blck ul.axisEdge {
    margin-bottom: 1.7rem;
}

.topMenu .navbarSect ul li .subMenus .blck .subBlck {
    padding-top: 0.5rem;
}

.topMenu .navbarSect ul li .subMenus .blck .subBlck h4 {
    font-size: 1.4rem;
    font-family: "Lato-Bold";
    color: #666;
    padding-bottom: 0.5rem;
}

.topMenu .navbarSect ul li .subMenus .blck .subBlck h4 a {
    padding: 0;
    padding-bottom: 0.5rem;
    color: #666;
}

.topMenu .navbarSect ul li .subMenus .blck .subBlck .sleft {
    display: inline-block;
    padding-right: 5.5rem;
    vertical-align: top;
}

.topMenu .navbarSect ul li .subMenus .blck .subBlck .sright {
    display: inline-block;
    border-left: 1px solid #e5e5e5;
    padding-left: 3rem;
    vertical-align: top;
}

.topMenu .navbarSect ul li .subMenus .blck1 {
    width: 20rem;
}

.topMenu .navbarSect ul li .subMenus .nWid {
    width: 30rem;
}

.topMenu .navbarSect ul li .subMenus li {
    display: block;
    padding: 0;
}

.topMenu .navbarSect ul li .subMenus li a {
    padding: 0;
}

.topMenu .navbarSect ul li .subMenus .sColor {
    padding: 1rem 5rem 2rem;
    width: 50rem;
}

.topMenu .navbarSect ul li .subMenus .grayClr {
    background: #f7f7f7;
}

.topMenu .navbarSect ul li .wideMenu {
    width: 105rem;
}

.topMenu .navbarSect ul li .lngMenu {
    width: auto;
    background: #fff url(../images/exploremenu-bg.png) 16.8rem 0 repeat-y;
}

.topMenu .navbarSect ul .active a {
    color: #97144d;
}

.topMenu .navbarSect ul .nAct a {
    color: #cecece;
}

.topMenu .navbarSect ul .srw {
    position: relative;
}

.topMenu .navbarSect ul .srw:before {
    content: '';
    display: block;
    position: absolute;
    left: 48px;
    bottom: 5px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #e0e0e0;
    z-index: 3;
}

.topMenu .navbarSect ul .srw:after {
    content: '';
    display: block;
    position: absolute;
    left: 50px;
    bottom: 3px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    z-index: 3;
}

.topMenu .loginSect {
    padding: 1.7rem 0 2.7rem 0;
    position: relative;
    float: right;
    transition: all 0.2s ease-in-out; /*1200px*/
}

.topMenu .loginSect a {
    font-size: 1.5rem;
    color: #97144d;
    display: inline-block;
    padding-right: 1.5rem;
}

.topMenu .loginSect .loginClk {
    background: #97144d;
    color: #fff;
    font-size: 1.5rem;
    border-radius: 4px;
    padding: 1rem 3rem;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
}

.topMenu .loginDrpDown {
    position: absolute;
    top: 5.9rem;
    background: #fff;
    border-top: 4px solid #ac285c;
    right: 0.1rem;
    width: 300px;
    display: none;
    z-index: 100003; /*1200px*/ /*767px*/
}

.topMenu .loginDrpDown h2 {
    font-size: 1.4rem;
    color: #212121;
    padding: 0;
    padding: 1rem 2rem;
    font-family: "Lato-Bold";
    border-bottom: 1px dotted #efefef;
    text-transform: none;
    cursor: pointer;
}

.topMenu .loginDrpDown h2:before {
    content: "\e902";
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 0.6rem;
    color: #858585;
    position: absolute;
    right: 1.5rem;
}

.topMenu .loginDrpDown h2.current {
    background: #fafafa;
    border-bottom: none;
}

.topMenu .loginDrpDown h2.current:before {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.topMenu .loginDrpDown .accordian {
    display: none;
    background: #fafafa;
}

.topMenu .loginDrpDown .accordian ul {
    float: none;
}

.topMenu .loginDrpDown .accordian ul li {
    margin: 0 3.5rem;
    display: block;
    border-top: 1px solid #e6e6e6;
    padding: 1rem 0;
}

.topMenu .loginDrpDown .accordian ul li:first-child {
    border-top: none;
}

.topMenu .loginDrpDown .accordian ul li h3 {
    display: inline-block;
    color: #212121;
    font-size: 1.4rem;
    text-transform: none;
}

.topMenu .loginDrpDown .accordian ul li a {
    color: #97144d;
    text-decoration: none;
    font-size: 1.4rem;
    text-transform: initial;
}

.topMenu .loginDrpDown .accordian ul li .logLinks {
    display: inline-block;
    padding-left: 2rem;
    float: right;
}

.topMenu .loginDrpDown .accordian ul li .logLinks a {
    color: #97144d;
    font-size: 1.4rem;
    border-left: 1px solid #959595;
    padding: 0 0.7rem;
    text-transform: initial;
}

.topMenu .loginDrpDown .accordian ul li .logLinks a:first-child {
    border-left: none;
}

.topMenu .loginSectMob {
    display: none; /*1200px*/
}

.topMenu .loginSectMob ul {
    padding-top: 0rem; /*767px*/
}

.topMenu .loginSectMob ul li {
    display: inline-block;
    padding-left: 1.6rem;
    padding: 1.5rem 0.9rem;
    float: left; /*1200px*/ /*767px*/
}

.topMenu .loginSectMob ul li .iconLinkMob {
    background: url(../images/sprite.png) no-repeat;
    display: inline-block;
    width: 1.8rem;
    height: 2rem;
}

.topMenu .loginSectMob ul li .iconLinkMob.search {
    background-position: -5px -2px;
}

.topMenu .loginSectMob ul li .iconLinkMob.download {
    background-position: -1px -164px;
}

.topMenu .loginSectMob ul li .iconLinkMob.notification {
    background-position: -77px -83px;
    position: relative;
    pointer-events: none;
}

.topMenu .loginSectMob ul li .iconLinkMob.notification span {
    background-color: #ed0d62;
    color: #fff;
    position: absolute;
    font-size: 1.1rem;
    border-radius: 50%;
    top: 0;
    right: -0.4rem;
    width: 1.4rem;
    height: 1.4rem;
    text-align: center;
    font-family: "Lato-Bold";
    display: inline-block;
    line-height: 1.4rem;
}

.topMenu .loginSectMob ul li .iconLinkMob.mlogin {
    background-position: -76px -164px;
}

.topMenu .loginSectMob ul .loginDrpDown li {
    float: none;
}

.topMenu .loginSectMob .navbar-right .download img {
    width: 1.4rem;
}

.topMenu .loginSectMob .open {
    background: #606060;
}

.topMenu .loginSectMob .open .iconLinkMob.search {
    background-position: -136px -2px;
}

.topMenu .loginSectMob .open .iconLinkMob.notification {
    background-position: -136px -83px;
}

.topMenu .loginSectMob .open .iconLinkMob.mlogin {
    background-position: -136px -164px;
}

.topMenu .loginSectMob .open .iconLinkMob.download {
    background-position: 0px -1214px;
}

.fleft {
    float: left;
}

.sLevel ul {
    display: none;
}

.sLevel ul:first-child {
    display: block;
}

.tLevel .tlist {
    display: none;
}

.tLevel .tlist:first-child {
    display: block;
}

.tLevel .tlist .RelLnk h4 {
    font-size: 1.6rem;
    color: #666;
    font-family: "Lato-Bold";
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 0.5rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    margin-bottom: 0.4rem;
    margin-top: 2rem;
}

.tLevel .tlist .RelLnk h4 span {
    padding-right: 0.5rem;
}

.topMenu .navbarSect ul li .laptopActive .mainSect .sLevel ul li a {
    padding: 0.7rem 0;
}

.topMenu.buisHeadear .col-md-9 {
    width: 77%;
}

.topMenu.buisHeadear .col-md-3 {
    width: 23%;
}

.topMenu.buisHeadear .col-xs-7 { /*1200px*/
}

.topMenu.buisHeadear .col-xs-5 { /*1200px*/
}

.topMenu.buisHeadear .navbarSect {
    margin-left: 1rem;
}

.topMenu.buisHeadear .navbarSect ul {
    padding-left: 0.8px;
}

.topMenu.buisHeadear .navbarSect ul li {
    position: relative;
}

.topMenu.buisHeadear .navbarSect ul li a {
    padding: 2.6rem 0.7rem 3.2rem 0.7rem;
}

.topMenu.buisHeadear .navbarSect ul li .subMenus {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    background: #fff url(../images/exploremenu-bg.png) 28rem 0 repeat-y;
}

.topMenu.buisHeadear .navbarSect ul li .subMenus.busiexplore {
    width: 58rem;
}

.topMenu.buisHeadear .navbarSect ul li .subMenus .blck {
    padding: 1rem 2rem;
    width: 28rem;
}

.topMenu.buisHeadear .navbarSect ul li .subMenus .fLevel {
    width: 28rem;
}

.topMenu.buisHeadear .navbarSect ul li .subMenus.busiexplore {
    left: 106%;
}

.topMenu.buisHeadear .navbarSect ul li .subMenus.aplnowsbumenus {
    background: #fff;
    width: 100rem;
    left: 0;
    -ms-transform: translateX(-71%);
    transform: translateX(-71%);
}

.topMenu.buisHeadear .navbarSect ul li .subMenus.aplnowsbumenus .blck {
    width: 25rem;
}

.topMenu.buisHeadear .navbarSect ul li .subMenus.buisGovtMenu {
    width: 56rem;
    left: -2%;
}

.topMenu.buisHeadear .navbarSect ul li .subMenus.bankSmtnowsbumenus {
    background: #fff;
    width: 100rem;
    left: 0;
    -ms-transform: translateX(-62%);
    transform: translateX(-62%);
}

.topMenu.buisHeadear .navbarSect ul li .subMenus.bankSmtnowsbumenus .blck {
    width: 20rem;
}

.bankingBetter .col-md-12 { /*767px*/
}

.imgContentList li {
    display: inline-block;
    width: 23%;
    margin-left: 2.5%; /*992px*/
}

.imgContentList li:first-child {
    margin-left: 0;
}

.imgContentList li .liWraper {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    margin-bottom: 2rem;
    margin-left: 0.1rem;
}

.imgContentList li .liWraper img {
    width: 100%;
    max-width: 100%;
}

.imgContentList li .liWraper .offerDtls {
    padding: 2.5rem 1.5rem 1rem;
    overflow: hidden;
}

.imgContentList li .liWraper .offerDtls .offerContent {
    height: 110px;
}

.imgContentList li .liWraper .offerDtls .offerContent h3 {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 18px;
    font-family: "Lato-Bold";
    min-height: 5.4rem;
}

.imgContentList li .liWraper .offerDtls .offerContent p {
    margin-top: 1rem;
    color: #666666;
}

.knowMoreWrap {
    padding: 4rem 0 0;
}

.knowMoreWrap a.knowMore {
    color: #97144d;
    display: inline;
    float: left;
    padding-top: 2px;
}

.knowMoreWrap .socialWrap {
    display: inline;
    float: right;
}

.knowMoreWrap .socialWrap a {
    width: 25px;
    height: 23px;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.knowMoreWrap .socialWrap a.tweet {
    background-position: 0 -296px;
}

.icon-fb,
.icon-twitter {
    font-size: 2rem;
    color: #8d8d8d;
}

.icon-fb:hover,
.icon-twitter:hover {
    text-decoration: none;
    font-weight: bold;
    transition: all 0.5s ease;
}

.icon-fb {
    margin-right: 0.8rem;
}

.icon-fb:hover {
    color: #43639d;
}

.icon-twitter:hover {
    color: #2ca8df;
}

.mobiNav {
    position: fixed;
    top: 0;
    left: -32rem;
    height: 100%;
    background: #fff;
    z-index: 99999;
    overflow-y: scroll; /*1200px*/
}

.mobileMenu {
    background: #fff;
    overflow-y: scroll; /*1200px*/
}

.mobileMenu .closebtn {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 21px;
    height: 21px;
    z-index: 2;
    cursor: pointer;
}

.mobileMenu .closebtn:before,
.mobileMenu .closebtn:after {
    position: absolute;
    left: 8px;
    content: ' ';
    height: 21px;
    width: 1px;
    background-color: #6d6d6d;
}

.mobileMenu .closebtn:before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobileMenu .closebtn:after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobileMenu .topH {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 1;
    padding-bottom: 1rem; /*1200px*/
}

.mobileMenu .logoSect {
    text-align: center;
    padding: 1.1rem 0 2.2rem;
}

.mobileMenu .logoSect img {
    width: 95px;
}

.mobileMenu .tabSect {
    font-size: 1.6rem;
    color: #fff;
    margin: 0 1.5rem;
}

.mobileMenu .tabSect a {
    width: 49.8%;
    background: #666;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 1.1rem;
}

.mobileMenu .tabSect a:hover,
.mobileMenu .tabSect a:focus {
    text-decoration: none;
}

.mobileMenu .tabSect .perP {
    margin-right: 0.3%;
}

.mobileMenu .tabSect .active {
    background: #97144d;
}

.mobileMenu .menuSect {
    padding-top: 1rem;
    margin-top: 10rem;
    margin-bottom: 52px;
}

.mobileMenu .menuSect .mlink h3 {
    font-size: 1.6rem;
    color: #97144d;
    padding: 2rem 1rem;
    position: relative;
    border-bottom: 1px solid #b2b2b2;
    margin: 0 1.5rem;
    transition: 0.4s;
    cursor: pointer;
}

.mobileMenu .menuSect .mlink .closeTab:after {
    content: "\e902";
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 1rem;
    color: #97144d;
    position: absolute;
    right: 1rem;
    top: 2.6rem;
}

.mobileMenu .menuSect .mlink .openTab {
    border-bottom-color: transparent;
}

.mobileMenu .menuSect .mlink .openTab:after {
    content: "\e902";
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 1rem;
    color: #97144d;
    position: absolute;
    right: 1rem;
    top: 2.6rem;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.mobileMenu .menuSect .mlink .subLnks {
    background: #f7f7f7;
    display: none;
}

.mobileMenu .menuSect .sLevelM h4 {
    font-size: 1.4rem;
    color: #212121;
    position: relative;
    padding: 1.8rem 3.5rem 1.8rem 1.8rem;
    margin: 0 1.5rem;
    border-bottom: 1px solid #ebebeb;
    transition: 0.4s;
    cursor: pointer;
}

.mobileMenu .menuSect .sLevelM .closeTab:after {
    content: "\e902";
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 0.8rem;
    color: #949494;
    position: absolute;
    right: 1.8rem;
    top: 2.4rem;
}

.mobileMenu .menuSect .sLevelM .openTab {
    border-bottom-color: transparent;
}

.mobileMenu .menuSect .sLevelM .openTab:after {
    content: "\e902";
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 0.8rem;
    color: #949494;
    position: absolute;
    right: 1.8rem;
    top: 2.4rem;
}

.mobileMenu .menuSect .sLevelM .subSect {
    display: none;
    background: #ececec;
}

.mobileMenu .menuSect .sLevelM .subSect ul {
    display: block;
}

.mobileMenu .menuSect .sLevelM .subSect h5 {
    font-size: 1.4rem;
    font-family: "Lato-Bold";
    border-bottom: 1px solid #333;
    padding: 1rem 1.8rem;
    margin: 0 1.5rem;
}

.mobileMenu .menuSect .sLevelM ul {
    display: none;
    background: #ececec;
    padding: 0 1.5rem;
}

.mobileMenu .menuSect .sLevelM ul li {
    border-bottom: 1px solid #d4d1d1;
}

.mobileMenu .menuSect .sLevelM ul li a {
    font-size: 1.4rem;
    color: #212121;
    padding: 1.5rem 2.8rem;
    display: block;
}

.mobileMenu .menuSect .sLevelM ul li:last-child {
    border: none;
}

.mobileMenu .menuSect .sLevelM:last-child h4 {
    border: none;
}

.exploreProd {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #fff;
    top: 13rem;
    right: 100%;
    overflow-y: scroll;
    display: none; /*1200px*/
}

.exploreProd .expProd {
    font-size: 1.6rem;
    color: #97144d;
    position: relative;
    padding-left: 3rem;
    padding-bottom: 2.5rem;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 1; /*1200px*/
}

.exploreProd .expProd:before {
    content: "\e902";
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 0.8rem;
    color: #97144d;
    position: absolute;
    left: 1rem;
    top: 0.6rem;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.exploreProd .expMenuSect {
    margin-top: 42px;
}

.exploreProd .left {
    width: 9.2rem;
    position: fixed;
    z-index: 1;
    overflow-y: scroll;
    height: 33.4rem;
    overflow-x: hidden;
}

.exploreProd .left ul {
    box-shadow: 3px 0px 5px #ccc;
}

.exploreProd .left ul li {
    background: #9f9f9f;
    margin-bottom: 0.1rem;
    cursor: pointer;
}

.exploreProd .left ul li a {
    color: #fff;
    background: #9f9f9f;
    padding: 2rem 0 2rem 1rem;
    display: inline-block;
    width: 100%;
}

.exploreProd .left ul li a:focus,
.exploreProd .left ul li a:hover {
    text-decoration: none;
}

.exploreProd .left ul li .active {
    background: #97144d;
    position: relative;
}

.exploreProd .left ul li .active:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #ae285d;
    border-bottom: 10px solid transparent;
    position: absolute;
    right: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.exploreProd .left.nriLeft ul li a {
    padding: 4rem 0 4rem 1rem;
}

.exploreProd .right {
    width: 22.8rem;
    margin-bottom: 1.8rem;
    margin-left: 9.2rem;
    height: 36.4rem;
    overflow-y: scroll;
}

.exploreProd .right .mSectn {
    display: none;
}

.exploreProd .right .mSectn .sLevelM {
    background: #f6f6f6;
    overflow-y: scroll;
    height: 32.5rem;
}

.exploreProd .right .mSectn .sLevelM h4 {
    font-size: 1.4rem;
    color: #97144d;
    position: relative;
    padding: 1.8rem 2.8rem;
    border-bottom: 1px solid #ebebeb;
    transition: 0.4s;
    cursor: pointer;
}

.exploreProd .right .mSectn .sLevelM h4:after {
    content: "\e902";
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 0.7rem;
    color: #949494;
    position: absolute;
    right: 3rem;
    top: 2.4rem;
}

.exploreProd .right .mSectn .sLevelM .openTab {
    border-bottom: 1px solid #ebebeb;
}

.exploreProd .right .mSectn .sLevelM .openTab:after {
    content: "\e902";
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 0.7rem;
    color: #949494;
    position: absolute;
    right: 3rem;
    top: 2.4rem;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.exploreProd .right .mSectn .sLevelM ul {
    display: none;
    background: #ececec;
}

.exploreProd .right .mSectn .sLevelM ul li {
    border-bottom: 1px solid #d4d1d1;
}

.exploreProd .right .mSectn .sLevelM ul li .linkEffect {
    color: #97144d;
}

.exploreProd .right .mSectn .sLevelM ul li a {
    font-size: 1.4rem;
    color: #212121;
    padding: 1.5rem 2.8rem;
    display: block;
}

.exploreProd .right .mSectn .sLevelM ul li:last-child {
    border: none;
}

.exploreProd .right .mSectn .listing ul {
    background: #ececec;
}

.exploreProd .right .mSectn .listing ul li {
    border-bottom: 1px solid #d4d1d1;
}

.exploreProd .right .mSectn .listing ul li a {
    font-size: 1.4rem;
    color: #323232;
    padding: 1.5rem 2rem;
    display: block;
}

.exploreProd .right .active {
    display: block;
}

.exploreProd .right.grabRight {
    height: 30.4rem;
}

.ftLinks {
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 1.6rem 0;
    z-index: 99999;
    background: #fff;
    box-shadow: 0px 0px 4px #efefef; /*1200px*/
}

.ftLinks a {
    font-size: 1.4rem;
    color: #666;
    padding: 0 1rem;
}

.ftLinks .onAcc {
    border-right: 1px solid #c4c4c4;
}

.headerSection.buisHeadear .topMenu .col-md-9 { /*767px*/
}

.headerSection.buisHeadear .topMenu .col-md-3 { /*767px*/
}

.mobileMenu.buisMobiHeadear .menuSect .sLevelM h4 {
    color: #97144d;
    font-size: 1.6rem;
    padding: 2rem 1rem;
    position: relative;
    border-bottom: 1px solid #b2b2b2;
    margin: 0 1.5rem;
    transition: 0.4s;
    cursor: pointer;
}

.mobileMenu.buisMobiHeadear .menuSect .sLevelM h4.closeTab:after {
    color: #97144d;
    right: 0.8rem;
}

.mobileMenu.buisMobiHeadear .menuSect .sLevelM h4.openTab {
    border-bottom: none;
}

.mobileMenu.buisMobiHeadear .menuSect .sLevelM h4.openTab:after {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #97144d;
    right: 0.8rem;
}

.mobileMenu.buisMobiHeadear .menuSect .subLnks > ul li {
    border-bottom: 1px solid #d4d1d1;
}

.mobileMenu.buisMobiHeadear .menuSect .subLnks > ul li a {
    font-size: 1.4rem;
    color: #323232;
    padding: 1.5rem 2.8rem;
    display: block;
}

.topmenuSearch {
    display: none;
    background: #666666;
    padding: 4.7rem 0;
}

.topMenuNewWrapper .downLoadBox {
    background: #dedede;
    position: relative;
    margin: 0;
    width: 100%;
    padding: 2rem 0;
}

.topMenuNewWrapper .downLoadBox .downloadLhs {
    display: inline-block;
    vertical-align: top;
    padding-left: 1.5rem;
}

.topMenuNewWrapper .downLoadBox .downloadRhs {
    display: inline-block;
    padding-left: 1rem;
    padding-top: 12px;
    width: 90%; /*480px*/
}

.topMenuNewWrapper .downLoadBox .downloadRhs p {
    font-size: 1.6rem;
    color: #212121; /*992px*/
}

.topMenuNewWrapper .downLoadBox .downloadRhs span {
    color: #666666;
    font-size: 1.4rem; /*992px*/
}

.topMenuNewWrapper .downLoadBox .viewAll {
    display: inline-block;
    float: right;
    padding: 1rem 2rem;
    margin-right: 1.5rem; /*992px*/
}

.topMenuNewWrapper .downLoadBox .viewAll:hover {
    text-decoration: none;
    color: #fff;
}

.offerMobBox {
    display: none;
}

.locateUsBox h3,
.offerMobBox h3 {
    font-size: 1.8rem;
    color: #fff;
    padding-bottom: 2rem;
    font-family: "Lato-Bold"; /*1200px*/
}

.locateUsBox h3 a,
.offerMobBox h3 a {
    color: #fff;
}

.locateUsBox h3 a:hover,
.offerMobBox h3 a:hover {
    text-decoration: none;
}

.locateUsBox li,
.offerMobBox li {
    padding-bottom: 1.6rem; /*1200px*/
}

.locateUsBox li a,
.offerMobBox li a {
    text-decoration: none;
    color: #c2c2c2;
    font-size: 1.4rem;
    position: relative; /*1200px*/
}

.locateUsBox li a:after,
.offerMobBox li a:after {
    content: "";
    background-color: #c2c2c2;
    height: 1px;
    left: 0;
    margin-top: 2px;
    position: absolute;
    top: 100%;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
}

.locateUsBox li:hover a:after,
.offerMobBox li:hover a:after {
    width: 100%;
}

.locateUsBox .closeW,
.offerMobBox .closeW {
    display: none; /*1200px*/
}

.topMenuNewWrapper .locateUsGrid,
.topMenuNewWrapper .axisGropuGrid {
    max-width: 75rem;
    margin: 0 auto;
}

.topMenuNewWrapper .searchInptBox {
    border-bottom: 1px solid #858585;
    width: 50%;
    position: relative;
    margin: 0 auto; /*992px*/
}

.topMenuNewWrapper .searchInptBox input {
    border: none;
    background: none;
    width: 95%;
    color: #fff;
    font-size: 1.6rem;
    font-family: "Lato-Light";
    outline: none;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    outline: none !important;
}

.topMenuNewWrapper .searchInptBox input:-ms-input-placeholder {
    color: #fff;
}

.topMenuNewWrapper .searchInptBox input::placeholder {
    color: #fff;
}

.topMenuNewWrapper .searchInptBox .searchBtn {
    background: url(../images/sprite.png) no-repeat 4px -387px;
    width: 29px;
    height: 29px;
    border: none;
    position: absolute;
    top: -.3rem;
    right: 0;
}

.topMenuNewWrapper .searchInptBox .voicesearch {
    background: none;
    width: 29px;
    height: 29px;
    border: none;
    position: absolute;
    top: -.3rem;
    right: 3rem;
    display: none;
    transition: all 0.3s ease-in-out 0s;
    outline: none !important;
    padding: 0;
}

.topMenuNewWrapper .searchInptBox .voicesearch:after {
    content: "";
    width: 2.9rem;
    height: 2.9rem;
    border: 0.1rem solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin-left: -.7rem;
    margin-top: -.4rem;
    opacity: 0;
    position: absolute;
    top: 3px;
    left: 22%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}

.topMenuNewWrapper .searchInptBox .voicesearch svg {
    width: 1.9rem;
    height: 1.9rem;
    margin-top: .2rem;
    fill: #fff;
}

.topMenuNewWrapper .searchInptBox .voicesearch:hover svg {
    fill: #97144d;
}

.topMenuNewWrapper .searchInptBox .voicesearch.active {
    outline: none;
}

.topMenuNewWrapper .searchInptBox .voicesearch.active svg {
    fill: #97144d;
}

.topMenuNewWrapper .searchInptBox .voicesearch.active:after {
    display: block;
    animation: voicesearch 1s infinite;
}

.topMenuNewWrapper a.closeTopDiv {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    opacity: 1;
    z-index: 9999;
    color: transparent;
}

.topMenuNewWrapper a.closeTopDiv:after,
.topMenuNewWrapper a.closeTopDiv:before {
    position: absolute;
    left: 9px;
    content: ' ';
    height: 24px;
    width: 2px;
    background-color: #adadad;
}

.topMenuNewWrapper a.closeTopDiv:after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.topMenuNewWrapper a.closeTopDiv:before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.topMenuNewWrapper .checkRateBox .closeW {
    display: none; /*1200px*/
}

.chrome .topMenuNewWrapper .searchInptBox input {
    width: 90%;
}

.chrome .topMenuNewWrapper .searchInptBox .voicesearch {
    display: inline-block;
}

.newRegUser {
    padding-top: 0;
}

.newRegUser .headerBanner {
    padding-bottom: 3rem;
    width: 100% !important;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto; /*767px*/
}

.newRegUser .headerBanner img {
    width: 100%; /*767px*/
}

.newRegUser .container {
    width: 100% !important;
    max-width: 1170px;
}

.bannerwrap { /*767px*/
}

.bannerwrap .owl-stage { /*767px*/
}

.newuserslide {
    position: relative;
}

.newuserslide .content {
    position: absolute;
    top: 4rem;
    left: 4.5rem;
    color: #fff;
}

.newuserslide .content p {
    font-family: "Lato-Light";
    font-size: 4rem;
    line-height: 4.8rem;
    margin-bottom: 1rem; /*1200px*/
}

.newuserslide .content p.strong {
    font-family: "Lato-Bold";
    font-size: 3.2rem;
    line-height: 4rem;
    position: relative; /*1200px*/
}

.newuserslide .content p.strong:after {
    content: "";
    width: 10rem;
    height: .4rem;
    position: absolute;
    bottom: -1.6rem;
    left: 0;
    background: #fff; /*1200px*/
}

.newuserBanner.owl-theme .owl-dots {
    margin-top: -2.6rem;
    position: relative;
    text-align: right;
    padding-right: 1rem; /*767px*/
}

.newuserBanner.owl-theme .owl-dots .owl-dot span {
    border-radius: 0;
    background: transparent;
    border: 0.1rem solid #fff;
    width: .8rem;
    height: .8rem;
    margin: 5px 4px;
}

.newuserBanner.owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
}

.disclaimerOverlay {
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50) !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

.welcomeMsg {
    max-width: 500px;
    width: 100%;
    background-color: #eee;
    border: 1px solid #A60032;
    color: #A60032;
    padding: 30px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 100;
    font-weight: bold;
    font: 20px/24px;
    font-size: 2.2rem;
    line-height: 1.5em;
    text-align: center;
    display: none;
    font-family: "Lato-Regular"; /*767px*/
}

.welcomeMsg.documentWelcome {
    font-size: 1.9em;
}

footer.newuser {
    padding: 1.5rem 0;
    float: left;
    width: 100%;
}

footer.newuser ul.topLinks {
    float: left;
    margin-bottom: 1.5rem;
}

footer.newuser ul {
    float: left;
    width: 100%;
}

footer.newuser ul li {
    border-left: 1px solid #252525;
    color: #252525;
    float: left;
    font-family: "Lato-Regular";
    font-size: 1.4rem;
    line-height: 1.5rem;
    padding: 0 8px;
}

footer.newuser ul li:first-child {
    border: none;
    padding-left: 0;
}

footer.newuser ul li a.link {
    color: #212121;
}

footer.newuser ul li a.link {
    color: #97144d;
}

.newUsertab {
    background: #fff;
    border: .1rem solid #e6e6e6;
    border-radius: 0 0 .5rem .5rem;
    box-shadow: 0 0px 10px 7px #f2eaed; /*1200px*/
}

.newUsertab .usefulTab {
    margin: 0;
    float: left;
    width: 100%;
}

.newUsertab .usefulTab li {
    margin: 0;
    width: 50%;
    color: #323232;
    border-bottom: 0.1rem solid #e6e6e6;
    font-size: 1.8rem;
    font-family: "Lato-Regular";
    padding: 2rem 0;
    position: relative;
    float: left; /*767px*/
}

.newUsertab .usefulTab li:first-child {
    border-right: 0.2rem solid #e6e6e6;
}

.newUsertab .usefulTab li.active {
    color: #323232;
}

.newUsertab .usefulTab li.active:after {
    display: none;
}

.newUsertab .usefulTab li.active:before {
    content: "";
    width: 100%;
    height: .4rem;
    background: #ec0c65;
    position: absolute;
    left: 0;
    bottom: 0;
}

.newUsertab .usefulContentBox {
    margin: 0;
}

.newUsertab .tabData {
    padding: 3rem; /*767px*/
}

.newUsertab .inputbox {
    margin-bottom: 3.2rem;
    position: relative; /*767px*/
}

.newUsertab .inputbox label {
    color: #a6a6a6;
    font-size: 1.2rem;
    padding: 0;
    margin-bottom: .5rem;
    font-weight: normal;
}

.newUsertab .inputbox input {
    background: #f6f4f8;
    font-family: "Lato-Bold";
    font-size: 1.2rem;
    border-radius: 0.3rem;
    padding: 1.3rem 1rem;
    width: 100%;
    border: .1rem solid #f6f4f8;
    outline: none;
    color: #444444;
}

.newUsertab .inputbox input:focus,
.newUsertab .inputbox input:hover {
    border: .1rem solid #ec0c65;
}

.newUsertab .inputbox select {
    display: block;
    font-size: 1.2rem;
    font-family: "Lato-Bold";
    color: #444444;
    line-height: 1.2rem;
    padding: 1.3rem 1rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: .1rem solid #f6f4f8;
    border-radius: .3rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #f6f4f8;
    outline: none;
}

.newUsertab .inputbox select::-ms-expand {
    display: none;
}

.newUsertab .inputbox select:hover {
    border-color: #ec0c65;
}

.newUsertab .inputbox select:focus {
    border-color: #ec0c65;
    outline: none;
}

.newUsertab .inputbox select option {
    line-height: 2rem !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

.newUsertab .inputbox .selectarrow {
    position: relative;
}

.newUsertab .inputbox .selectarrow:after {
    content: "";
    border: solid #ec0c65;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    height: 5px;
    width: 5px;
    position: absolute;
    right: 1.5rem;
    border-radius: 0.2rem;
    top: 45%;
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
}

.newUsertab .inputbox .fancyradio {
    display: block;
    position: relative;
    padding-left: 4rem;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1.6rem;
    line-height: 1.8rem;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #a0a0a0; /*767px*/
}

.newUsertab .inputbox .fancyradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.newUsertab .inputbox .fancyradio input:checked ~ .usercheckmark:after,
.newUsertab .inputbox .fancyradio:hover input ~ .usercheckmark:after {
    display: block;
}

.newUsertab .inputbox .fancyradio .usercheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: #fff;
    border-radius: 50%;
    border: .1rem solid #cdcdcd;
}

.newUsertab .inputbox .fancyradio .usercheckmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 4px;
    left: 4px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ec0c65;
}

.newUsertab .inputbox .error_message {
    color: #e8664e;
    font-size: 1.2rem;
    display: none;
    max-height: 3.4rem;
    height: 3.4rem;
    overflow: hidden;
    position: absolute;
}

.newUsertab .inputbox.title .selectarrow { /*767px*/
}

.newUsertab .inputbox.stdmobile .std {
    width: 6rem;
    position: absolute;
    left: 0;
    left: 0;
    padding: 1.1rem 1rem;
    margin: .2rem 0 0 .1rem;
    top: 2.2rem;
}

.newUsertab .inputbox.stdmobile .std:focus,
.newUsertab .inputbox.stdmobile .std:hover {
    border: .1rem solid #f6f4f8;
}

.newUsertab .inputbox.stdmobile .std:focus + .mobileno,
.newUsertab .inputbox.stdmobile .std:hover + .mobileno {
    border: .1rem solid #f00;
}

.newUsertab .inputbox.stdmobile .mobileno {
    padding-left: 6rem;
}

.newUsertab .introtxt {
    margin-bottom: 3rem;
}

.newUsertab .introtxt h2 {
    color: #444444;
    font-size: 2.8rem;
    line-height: 4.2rem;
    font-family: "Lato-Bold"; /*767px*/
}

.newUsertab .introtxt p {
    font-family: "Lato-Light";
    font-size: 1.6rem;
    color: #787878;
    line-height: 2.6rem;
}

.newUsertab .authorization h2 {
    color: #444444;
    font-size: 2.8rem;
    line-height: 4.2rem;
    font-family: "Lato-Bold"; /*767px*/
}

.newUsertab .authorization .captchawrap {
    margin-bottom: 2rem;
}

.newUsertab .authorization .captchawrap input {
    font-size: 1.8rem;
    color: #444444;
    border: none;
    outline: 0;
    border-bottom: .1rem solid #a0a0a0;
    padding: .8rem 0;
    width: 100%;
    margin-bottom: .8rem;
}

.newUsertab .authorization .captcha {
    border: 0.1rem solid #444444;
    min-height: 4rem;
    border-radius: .5rem;
    width: 20.9rem;
    text-align: center;
    padding: .4rem;
    font-size: 2.8rem;
    line-height: 2.8rem;
    margin: .9rem 0 1.5rem 0;
    float: left; /*767px*/
}

.newUsertab .authorization .captcha img {
    max-width: 100%;
    height: 3rem;
    vertical-align: top;
}

.newUsertab .authorization .resendotp {
    float: left;
    margin: 1.3rem 0 0 1.4rem;
}

.newUsertab .authorization .info p {
    color: #a6a6a6;
    font-size: 1.4rem;
    line-height: 2.8rem;
}

.newUsertab .fancycheckbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.newUsertab .fancycheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.newUsertab .fancycheckbox input:checked ~ .checkmark {
    background-color: #23cd63;
    border: .1rem solid #23cd63;
}

.newUsertab .fancycheckbox input:checked ~ .checkmark:after {
    display: block;
}

.newUsertab .fancycheckbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    background-color: #fff;
    border: 0.1rem solid #444444;
    border-radius: .2rem;
}

.newUsertab .fancycheckbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.newUsertab .tnc {
    position: relative;
    padding-left: 3rem;
    margin-bottom: 1.5rem;
}

.newUsertab .tnc p {
    color: #444444;
    font-size: 1.1rem;
    line-height: 1.3rem;
    font-family: "Lato-Bold";
}

.newUsertab .tnc .fancycheckbox {
    position: absolute;
    left: 0;
    top: .3rem;
}

.actioncta {
    margin: 1.5rem 0;
    text-align: center;
}

.actioncta button {
    font-size: 1.6rem;
    border-radius: 4px;
    padding: 1.3rem 1rem 1.6rem;
    display: inline-block;
    cursor: pointer;
    font-family: "Lato-Bold";
    line-height: 1.4rem;
    min-width: 15rem;
    text-align: center;
    margin-right: 2rem;
    outline: none; /*767px*/
}

.actioncta button:last-child {
    margin-right: 0;
}

.actioncta button.secondary {
    color: #a0a0a0;
    border: .1rem solid #9f9f9f;
    background: #fff;
}

.actioncta button.primary {
    color: #fff;
    background: #97144d;
    border: 0.1rem solid #fff;
    background-image: linear-gradient(to right, #e71062 0%, #97144d 80%);
}

.actioncta .js_forgot {
    display: block;
    font-family: "Lato-Bold";
    margin: 1.5rem 0;
}

.ForgotPassword {
    margin-bottom: 2.5rem;
}

.ForgotPassword p {
    color: #ec0c65;
    font-size: 1.6rem;
}

.js_password {
    display: none;
}

.ie .newUsertab .inputbox select {
    padding: 1.2rem 1rem;
}

.nu-getACallBox {
    position: fixed;
    left: -223px;
    top: 26%;
    z-index: 99;
    transition: all .6s ease;
}

.nu-getACallBox .callback {
    background: #666;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    width: 180px;
    left: 150px;
    top: 55px;
    padding: 0.6rem 0 0 3.5rem;
    font-size: 1.6rem;
    color: #fff;
    height: 40px;
}

.nu-getACallBox .callback a {
    text-decoration: none;
}

.nriBenefitsBlock {
    margin-top: 80px;
    border: .1rem solid #e6e6e6;
    border-radius: 0 0 .5rem .5rem;
    box-shadow: 0 0px 10px 7px #f2eaed;
}

.nriBenefitsBlock .usefulTab {
    min-width: 1140px;
    margin-top: 0; /*767px*/
}

.nriBenefitsBlock .usefulTab li {
    font-size: 2.1rem;
    font-family: "Lato-Regular";
    width: 33.33%;
    margin: 0;
    float: left;
    min-height: 82px;
    padding-top: 1rem; /*767px*/
}

.nriBenefitsBlock .usefulTab li.active {
    background: #f9f9f9;
}

.nriBenefitsBlock .usefulTab li span {
    display: block;
    font-size: 2.1rem;
    font-family: "Lato-Bold"; /*767px*/
}

.nriBenefitsBlock .js-mobileScroll { /*1200px*/
}

.nriBenefitsBlock .usefultabBox {
    padding: 2rem 3rem; /*767px*/
}

.nriBenefitsBlock .knowMoreLink {
    padding-left: 3rem;
}

.bulletList li {
    position: relative;
    padding: 0 0 15px 30px;
    font-size: 1.5rem;
}

.bulletList li:before {
    content: '';
    background: url("../images/checkBullet.png") 0 0 no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 5px;
}

.bulletList li a {
    color: #97144d;
}

.socialLinks { /*767px*/
}

.socialLinks li {
    display: inline-block;
    margin-right: 0.3rem;
    vertical-align: top;
    border: none; /*1200px*/ /*767px*/
}

.socialLinks li a {
    width: 3.2rem;
    height: 3.2rem;
    display: block;
    border: 1px solid #818181;
    border-radius: 50%;
    text-decoration: none;
    line-height: 3rem;
    text-align: center;
    font-size: 1.6rem;
    color: #818181; /*1200px*/
}

.socialLinks li a .iconEl {
    width: 100%;
    display: inline-block;
    position: relative;
    left: 0;
    top: 3px;
}

.socialLinks li a.fbLink:hover,
.socialLinks li a.fbLink:focus {
    color: #43639d;
    border: 1px solid #43639d; /*992px*/
}

.socialLinks li a.fbLink:hover .iconEl:before,
.socialLinks li a.fbLink:focus .iconEl:before {
    color: #43639d; /*992px*/
}

.socialLinks li a.liLink:hover,
.socialLinks li a.liLink:focus {
    color: #1c80ba;
    border: 1px solid #1c80ba; /*992px*/
}

.socialLinks li a.liLink:hover .iconEl:before,
.socialLinks li a.liLink:focus .iconEl:before {
    color: #1c80ba; /*992px*/
}

.socialLinks li a.twtLink:hover,
.socialLinks li a.twtLink:focus {
    color: #2ca8df;
    border: 1px solid #2ca8df; /*992px*/
}

.socialLinks li a.twtLink:hover .iconEl:before,
.socialLinks li a.twtLink:focus .iconEl:before {
    color: #2ca8df; /*992px*/
}

.socialLinks li a.ytLink:hover,
.socialLinks li a.ytLink:focus {
    color: #e02f2f;
    border: 1px solid #e02f2f; /*992px*/
}

.socialLinks li a.ytLink:hover .iconEl:before,
.socialLinks li a.ytLink:focus .iconEl:before {
    color: #e02f2f; /*992px*/
}

.socialLinks li a.instaLink:hover,
.socialLinks li a.instaLink:focus {
    color: #2a5d84;
    border: 1px solid #2a5d84; /*992px*/
}

.socialLinks li a.instaLink:hover .iconEl:before,
.socialLinks li a.instaLink:focus .iconEl:before {
    color: #2a5d84; /*992px*/
}

.socialLinks li a:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.socialLinks li a:hover:after {
    width: 0%;
}

@media (min-width: 530px) and (max-width: 767px) {

.regional #productDealsPopup .modal-content,
.accessibleMenu #productDealsPopup .modal-content {
    margin: 10px auto;
    height: 35rem;
    overflow-y: scroll;
}

}

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

.footerMainUl .col ul {
    display: block !important;
}

}

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

.mCSB_buttonRight,
.mCSB_buttonLeft {
    top: 4% !important;
}

}

@media screen and (min-width: 1024px) and (max-width: 1800px) {

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 9%;
}

}

@media only screen and (min-width: 1199px) and (max-width: 1400px) {

a.linkBtn {
    padding: 1rem 1.5rem;
}

}

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

h1 {
    font-size: 2.2rem;
}

.comBox h2 {
    font-size: 2.2rem;
}

.hamburger {
    display: inline-block;
    padding-top: 1rem;
}

.header-fixed .topMenu .logoSect {
    padding-top: 0.9rem;
}

.maroontheme {
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.maroontheme .topMenu .whitebg {
    width: 70%;
    height: 5.9rem;
}

.maroontheme .topMenu .logoSect {
    margin-top: 0;
    padding-top: 0;
}

.maroontheme .topMenu .loginDrpDown {
    right: 15px;
}

.maroontheme .topMenu .hamburger {
    padding-top: 0.5rem;
}

.maroontheme .topBand .langDropdown,
.maroontheme .topMenu .langDropdown {
    margin-top: 14px;
    margin-left: 7rem;
    right: 200px;
}

.topMenu .logoSect {
    margin-left: 1.2rem;
    padding-top: 1rem;
}

.topMenu .navbarSect {
    display: none;
}

.topMenu .loginSect {
    display: none;
}

.topMenu .loginDrpDown {
    top: 5.5rem;
    right: 0;
}

.topMenu .loginSectMob {
    display: block;
}

.topMenu .loginSectMob ul li {
    padding: 1.5rem 0.9rem;
}

.middleFooterCon h3 {
    width: 12%;
}

.topMenuNewWrapper > div {
    background: #666666;
    padding: 0;
    position: fixed;
    z-index: 10001;
    width: 300px;
    margin: 5.1rem auto;
    left: 0;
    right: 0;
    max-height: 500px;
    overflow-y: scroll;
}

.topMenuNewWrapper > div .container {
    width: 100%;
}

.topMenuNewWrapper > div .container .col-md-12 {
    padding: 0;
}

.topMenuNewWrapper .searchBox {
    display: none;
    padding: 3rem 0;
    width: auto;
    position: relative;
    margin: 0;
}

.topMenuNewWrapper .searchBox {
    padding: 5rem 1.5rem 1.5rem;
}

.topMenuNewWrapper .menuHead {
    padding: 1.8rem 1.3rem;
    font-family: "Lato-Bold";
    position: fixed;
    width: 300px;
    z-index: 1;
}

.topMenuNewWrapper .menuHead.noStatic {
    position: relative;
    top: 4rem;
    z-index: -1;
}

.topMenuNewWrapper .menuBody {
    padding-top: 6.3rem;
    background: none;
}

.topMenuNewWrapper .menuBody h4 {
    font-size: 1.5rem;
}

.topMenuNewWrapper .menuBody h4 a {
    font-size: 1.5rem;
}

.topMenuNewWrapper .menuBody li {
    padding: 1.2rem 0;
}

.topMenuNewWrapper .menuBody li p {
    font-size: 1.8rem;
    font-family: "Lato-Bold";
    color: #fff;
}

.topMenuNewWrapper .menuBody.spanSml span {
    font-size: 1.8rem;
    padding-bottom: 1rem;
}

.topMenuNewWrapper .menuBody .icon-drop {
    display: inline-block;
}

.topMenuNewWrapper .menuBody .icon-drop:before {
    font-size: 6px;
    position: absolute;
    right: 60px;
    margin-top: -10px;
}



ul.savings {
    margin-top: 0;
}

ul.savings li h3 {
    height: auto;
    padding: 1.4rem 1.3rem;
}

ul.savings li div {
    height: 12.1rem;
}

ul.savings li div p {
    padding-top: 0.7rem;
}

.notyBox {
    top: 5.5rem;
    right: 7.2rem;
}

.axisGroupList ul {
    width: 100%;
    margin: 1rem auto;
    text-align: center;
}

.topBand {
    display: none;
}

.topMenu .logoSect {
    margin-left: 1.2rem;
    padding-top: 1rem;
}

.topMenu .navbarSect {
    display: none;
}

.topMenu .loginSect {
    display: none;
}

.topMenu .loginDrpDown {
    top: 5.5rem;
    right: 0;
}

.topMenu .loginSectMob {
    display: block;
}

.topMenu .loginSectMob ul li {
    padding: 1.5rem 0.9rem;
}

.topMenu.buisHeadear .col-xs-7 {
    width: 58.33333333%;
}

.topMenu.buisHeadear .col-xs-5 {
    width: 41.66666667%;
}

.mobiNav {
    display: block;
    width: 32rem;
}

.mobileMenu {
    display: block;
    width: 32rem;
}

.mobileMenu .topH {
    width: 32rem;
}

.exploreProd {
    display: block;
    width: 32rem;
}

.exploreProd .expProd {
    width: 32rem;
    cursor: pointer;
}

.ftLinks {
    width: 32rem;
}

.locateUsBox h3,
.offerMobBox h3 {
    padding: 1.4rem 1.2rem;
    margin: 0;
    background: #5a5a5a;
}

.locateUsBox li,
.offerMobBox li {
    padding-bottom: 0;
}

.locateUsBox li a,
.offerMobBox li a {
    padding: 1rem 1.2rem;
}

.locateUsBox .closeW,
.offerMobBox .closeW {
    display: block;
}

.topMenuNewWrapper .checkRateBox .closeW {
    display: block;
}

.newuserslide .content p.strong {
    font-size: 2rem;
    line-height: 2.8rem;
}

.newuserslide .content p.strong:after {
    bottom: -.6rem;
}

.newuserslide .content p {
    font-size: 2.5rem;
    line-height: 3rem;
}

.newUsertab {
    margin-top: 3rem;
}

.nriBenefitsBlock .js-mobileScroll {
    overflow: auto;
}

.socialLinks li {
    margin-right: 0rem;
}

.socialLinks li a {
    width: 2.9rem;
    height: 2.9rem;
}

}

@media (max-width: 992px) {

.progressUs .bannerText.progressUsBanner {
    background: none;
}

}

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

.owlBtn .owl-nav {
    bottom: 1rem;
    top: -45px;
}

.progressUs .progressUsBox .tabBox {
    overflow: scroll;
    margin: 3rem 0 0;
}

.progressUs .progressUsBox .tabBox ul {
    min-width: 800px;
}

.progressUs .progressUsBox .tabBox ul li {
    width: auto;
    margin-bottom: 0;
}

.progressUs .progressUsBox .subTabBox {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.progressUs .progressUsBox .subTabBox ul {
    min-width: 280px;
}

.maroontheme .topMenu .logoSect {
    margin-top: 0;
}

.maroontheme .topMenu .hamburger {
    padding-top: 0;
}

.topMenu .logoSect img {
    width: 140px;
}

.footerMainUl .col {
    width: 33%;
}

.footerMainUl .othLnk {
    padding-left: 0;
}

.middleFooterCon h3 {
    width: 15%;
}

.middleFooterCon .links {
    width: 84%;
}

.copyright {
    display: block;
    text-align: center;
    margin-bottom: 2rem;
}

ul.cpDiscMap {
    display: block;
    float: none;
    text-align: center;
    margin-top: 1rem;
}

.topMenu .logoSect img {
    width: 140px;
}

.imgContentList li {
    width: 100%;
    margin-left: 0;
}

.topMenuNewWrapper .downLoadBox .downloadRhs p {
    font-size: 1.4rem;
    width: 200px;
}

.topMenuNewWrapper .downLoadBox .downloadRhs span {
    display: none;
}

.topMenuNewWrapper .downLoadBox .viewAll {
    background: none;
    color: #97144d;
    float: none;
    padding-left: 6rem;
    padding-top: 0;
    font-size: 1.2rem;
    display: block;
    position: absolute;
    bottom: -0.3rem;
    left: 1.4rem;
}

.topMenuNewWrapper .searchInptBox {
    width: 100%;
}

.socialLinks li a.fbLink:hover,
.socialLinks li a.fbLink:focus {
    border: 1px solid #818181;
    color: #818181;
}

.socialLinks li a.fbLink:hover .iconEl:before,
.socialLinks li a.fbLink:focus .iconEl:before {
    color: #818181;
}

.socialLinks li a.liLink:hover,
.socialLinks li a.liLink:focus {
    border: 1px solid #818181;
    color: #818181;
}

.socialLinks li a.liLink:hover .iconEl:before,
.socialLinks li a.liLink:focus .iconEl:before {
    color: #818181;
}

.socialLinks li a.twtLink:hover,
.socialLinks li a.twtLink:focus {
    border: 1px solid #818181;
    color: #818181;
}

.socialLinks li a.twtLink:hover .iconEl:before,
.socialLinks li a.twtLink:focus .iconEl:before {
    color: #818181;
}

.socialLinks li a.ytLink:hover,
.socialLinks li a.ytLink:focus {
    border: 1px solid #818181;
    color: #818181;
}

.socialLinks li a.ytLink:hover .iconEl:before,
.socialLinks li a.ytLink:focus .iconEl:before {
    color: #818181;
}

.socialLinks li a.instaLink:hover,
.socialLinks li a.instaLink:focus {
    border: 1px solid #818181;
    color: #818181;
}

.socialLinks li a.instaLink:hover .iconEl:before,
.socialLinks li a.instaLink:focus .iconEl:before {
    color: #818181;
}

}

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

.wrapper-content {
    padding-bottom: 2rem;
}

.ahaAxisBox {
    top: 80% !important;
    right: 0;
    z-index: 999 !important;
}

.bar1,
.bar2,
.bar3 {
    width: 21px;
    height: 3px;
    margin: 4px 0;
}

a.linkBtn {
    padding: 1rem 1rem;
}

.fixedApplyNow {
    right: 0;
    top: unset;
    bottom: 0;
    width: 100%;
}

.fixedApplyNow .applyNowBtn {
    -ms-transform: none;
    transform: none;
    border-radius: 0;
    text-align: center;
}

.header-fixed .topMenu .loginDrpDown {
    top: 4.5rem;
}

.basicList li {
    margin-right: 1rem;
}

.icon-whatsapp {
    display: block;
}

.owlBtn .owl-nav {
    top: -83px;
}

.dealPopup {
    width: 95%;
}

.maroontheme {
    padding-bottom: 1rem;
    padding-top: 0;
}

.maroontheme:after {
    height: 1rem;
}

.maroontheme .topMenu {
    padding-top: 1.2rem;
}

.maroontheme .topMenu .whitebg {
    height: 3.5rem;
    background-size: 34px;
}

.maroontheme .topMenu .whitebg:after {
    min-height: 4rem;
    margin-left: -7px;
}

.maroontheme .topMenu .whitebg .loginSectMob .navbar-right {
    padding-right: 0px;
}

.maroontheme .topMenu .whitebg .loginSectMob ul li {
    padding: 1rem .7rem;
}

.maroontheme .topBand .langDropdown,
.maroontheme .topMenu .langDropdown {
    margin-top: -0.8rem;
    margin-left: 3rem;
    font-size: 1.2rem;
    width: 75px;
    right: 85px;
}

.maroontheme .topBand .navbar-right .langList li,
.maroontheme .topBand .iconSectHindi .langList li,
.maroontheme .topBand .langDropdown .langList li,
.maroontheme .topMenu .navbar-right .langList li,
.maroontheme .topMenu .iconSectHindi .langList li,
.maroontheme .topMenu .langDropdown .langList li {
    padding: 0;
}

.maroontheme .topBand.topMenu .navbar-right .langList,
.maroontheme .topMenu.topMenu .navbar-right .langList {
    left: 7px;
}

.maroontheme .topBand.topMenu .whitebg .loginSectMob ul li .langList li,
.maroontheme .topMenu.topMenu .whitebg .loginSectMob ul li .langList li {
    padding: 0;
}

.topMenu .logoSect img {
    width: 100px;
}

.topMenu .loginDrpDown {
    top: 4.5rem;
    right: 1.6rem;
}

.topMenu .loginSectMob ul {
    padding-top: 0;
    float: right;
    position: relative;
    right: -8px;
}

.topMenu .loginSectMob ul li {
    padding: 1rem 0.7rem;
}

.footerUpSec {
    padding: 0;
    background-color: #444444;
}

/*.footerUpSec .container {
    padding: 0;
}*/

.footerBtmSec {
    border-top: 1px solid #7c7c7c;
}

.footerMainUl {
    padding-bottom: 0;
}

.footerMainUl .col {
    width: 100%;
    display: block;
    padding-left: 0;
    margin-bottom: 0;
    padding-right: 0;
}

.footerMainUl .col ul {
    display: none;
    background: #616161;
}

.footerMainUl .col ul li a {
    padding: 1rem 0;
}

.footerMainUl .col ul li p a {
    padding: 0;
}

.footerMainUl .col li {
    margin: 0 1.5rem;
}

.selectDropd {
    width: 21rem;
}

.selectDropd select {
    margin-bottom: 0;
    width: 19rem;
    margin-left: 1.5rem;
}

.footerMainUl h3,
.middleFooterCon h3 {
    padding: 2rem 1.5rem;
    cursor: pointer;
    color: #e4e4e4;
}

.footerMainUl h3 a,
.middleFooterCon h3 a {
    color: #e4e4e4;
}

.footerMainUl li,
.middleFooterCon li {
    border-bottom: 1px solid #7c7c7c;
}

.footerMainUl .closeTab:before,
.middleFooterCon .closeTab:before {
    content: "\e902";
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    right: 3rem;
}

.footerMainUl .openTab:before,
.middleFooterCon .openTab:before {
    content: "\e902";
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    right: 3rem;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.footerMainUl p,
.middleFooterCon p {
    color: #e4e4e4;
    padding: 1rem 1.5rem;
}

.footerMainUl .fScheme,
.middleFooterCon .fScheme {
    padding-bottom: 1rem;
}

.footerMainUl a,
.middleFooterCon a {
    color: #e4e4e4;
}