@media screen and (min-width:768px) {
    .navbar-collapse.navbar-collapse-amrec {
        display: none !important;
    }
}

.mmonth {
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    font-size: modular-scale(-1);
    margin-bottom: 0;
    width: 100%;
}

.mday {
    display: block;
    font-weight: 600;
    font-size: modular-scale(1);
    margin-bottom: 0;
    width: 100%;
}

.mdate {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    box-sizing: border-box;
    background-color: #2f2424;
    color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.15), 0 3px 3px rgba(0,0,0,.15);
    position: relative;
    width: 3.8888888889em;
    height: 3.8888888889em;
    line-height: 1.1;
    /* float: left;*/
    font-weight: 400;
    margin-bottom: -1.3888888889em;
    top: -1.9444444444em;
    text-align: center;
    margin-left: 30px;
    /* padding-top: .8333333333em;*/
}

h3.text-highlight {
    font-size: 22px;
    text-transform: none;
    color: #009999;
    margin-top:10px;
    margin-bottom:10px;
}

.item a {
    padding: 0px !important;
    margin: 0px !important;
}
   .wrapup {
        padding: 60px 15px;
    }

    .wrapup {
        padding: 30px 15px;
        margin: 0 auto;
        max-width: 1005px;
    }

    .section-wrapup {
        text-align: center;
        padding: 0 0 15px;
    }

    h1 {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 600;
        margin-bottom: .5rem;
        font-family: inherit;
        color: inherit;
    }

    .section-wrapup p {
        color: #646f79;
        display: block !important;
    }

    .thbg {
        min-height: 197px;
        padding: 30px;
        margin: 0 0 22.5px;
        height: calc(100% - 22.5px);
        background-color: #e2edfd;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: .875rem;
        padding: 15px;
        border-radius: 6px;
        margin: 0 0 7.5px;
        background-repeat: no-repeat;
        /*
        background-position: 100% 0;
        background-size: contain;
            */
        background-position: bottom;
        background-size: cover;
    }

    .wrapup h4 {
        text-align: center;
        font-size: 1rem;
        line-height: 1.75rem;
        font-weight: 500;
    }

    .ui-card {
        background: #fff;
        border-radius: 4px;
        position: relative;
        -webkit-box-shadow: -1px 1px 4px 0 rgba(117,138,172,.12);
        box-shadow: -1px 1px 4px 0 rgba(117,138,172,.12);
        padding: 15px;
        margin-bottom: 15px;
        font-size: .75rem;
        height: calc(100% - 15px);
    }

    .ui-card-e {
        text-align: center;
    }

        .ui-card-e img {
            display: inline-block;
            max-height: 60px;
            min-width: 60px;
        }

        .ui-card-e img {
            margin-right: 5px;
            height: auto;
        }

    img {
        max-width: 100%;
        height: auto;
    }

    img {
        vertical-align: middle;
        border-style: none;
    }

    a[class*=ui-card-e] {
        display: block;
    }

    .wrapup h3 {
        max-width: 50%;
        font-size: 1rem;
        line-height: 1rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-weight: 600;
    }

    .wrapup div h3 {
        margin-bottom: 0;
    }


    .video-carousel .item p {
        color: black;
        font-size: 11px;
    }

    .video-carousel .owl-stage {
        display: flex;
        flex-direction: row;
    }

        .video-carousel .owl-stage .owl-item {
            background-color: lightblue;
            align-content: stretch;
            margin-right: 12px;
        }

    .video-carousel p {
        padding: 5px;
    }

    .ssctoppers-carousel p {
        text-align: center;
    }

    .ui-card img {
        max-height: 60px;
        min-width: 60px;
    }


    .examsa ul li {
        list-style-type: none;
        display: inline-block;
        margin-right: 5px;
        padding: 15px;
    }

    .allexams ul {
        list-style-type: none;
        padding-left: 0px;
        background-color: white;
    }


    .fl-social li a {
        background-color: transparent;
        color: #86a1ae;
        display: block;
        border-radius: 2px;
        width: 2rem;
        height: 2rem;
        text-align: left;
        overflow: hidden;
        fill: #fff;
        -webkit-transition: .2s all cubic-bezier(.165,.84,.44,1);
        -o-transition: .2s all cubic-bezier(.165,.84,.44,1);
        transition: .2s all cubic-bezier(.165,.84,.44,1);
    }

        .fl-social li a:hover {
            fill: brown;
        }

    a[class*=ui-card-e]:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        text-decoration: none;
    }


    a[class*=ui-blurb] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #000;
        -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1);
        -o-transition: all .5s cubic-bezier(.165,.84,.44,1);
        transition: all .5s cubic-bezier(.165,.84,.44,1);
    }


.custom-login-modal, .modal-dialog {
   /*  width: 100%;
   max-width: 350px; */
}

.custom-login-modal {
    width: 100%;
   max-width: 350px;
}



.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #f58220;
}
.logout{

     float:right;
     background:#f7d1b5;
     color:red !important;


 }

  .logout a{
     color:red !important;
 }
.navbar
{
    margin-bottom:0px;
}
input[type="submit"], input[type="button"], button
{
    font-size:0.8em !important;
}
#largescreen
{
    display:block;
}

#smallscreen
{
    display:none;
}

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

    /* .vertical-nav .active a {
        background-color: white !important;
    }*/

    .vertical-nav li {
        float: left !important;
        width: 49% !important;
        padding: 0px;
        color: #820000;
        display: block;
        outline-offset: -4px;
        padding-top: .725em;
        padding-bottom: .725em;
        border-right: 1px solid #ccc;
        background: none;
    }

    .navbar-collapse-amrec {
        background-color: white;
        max-height: unset;
        position:absolute;

      
    }
    .vertical-nav li a {
        color: black;
    }
#largescreen
{
    display:none;
}

#smallscreen
{
    display:block;
}

 .owl-text-overlay {
        position: relative;
        text-align: left;
        width: 55%;
        top: 0%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin-left: 0px;
        margin-right: auto;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.4);
        background: rgba(0, 0, 0, 0.4);
        padding-bottom: 20px;
        font-family: "Open Sans", sans-serif;
        border-radius: 0px 0px 0px 0px;
       
    }

 .owl-text-overlayin {
        position: relative;
        text-align: left;
        width: 45%;
        top: 30%;
        transform: translateY(-50%);
        left: 50%;
        right: 0;
        margin-left: 0px;
        margin-right: auto;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.4);
        background: rgba(0, 0, 0, 0.4);
        padding-bottom: 20px;
        font-family: "Open Sans", sans-serif;
        border-radius: 0px 0px 0px 0px;
       padding:25px;
    }



}


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

}

    ul#buttonregister li {
        display: inline;
        list-style: none;
        padding: 5px 15px;
        background: #f58431;
        border-bottom: 0px dashed #fff;
        color: #fff;
        width: auto;
        height: 25px;
        padding: 10px;
        text-decoration: none;
        text-align: left;
        font-family: Helvetica;
        font-weight: 700;
        margin: 27px 0 5px 3px;
        font-size: 17+px;
        color: #fff;
        -webkit-box-shadow: 0 0 1px 1px #2e2e2e;
        box-shadow: 0 0 2px 2px #2e2e2e;
        border-radius: 4px;
    }

        ul#buttonregister li:hover {
            background: #f57b23;
        }

        ul#buttonregister li a {
            background: none;
            color: #fff;
            text-decoration: none;
        }

    ul#buttonregister {
        padding-left: 15px;
    }


    input.text, input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=time] {
        background: white !important;
    }





    html input[type=button], input[type=reset], input[type=submit] {
        background: #395793 !important;
        color: white !important;
    }

    /*button, html input[type=button], input[type=reset], input[type=submit] {
            background: #395793 !important;
            color: white !important;
        }*/

    .row-full {
        width: 100vw;
        position: relative;
        margin-left: -50vw;
        height: 100px;
        left: 50%;
    }

    .title {
        font-size: 20px;
        padding: 15px 0px;
        color: white;
        font-weight: bold;
        text-align: center;
    }

    footer {
        background: #3a3c3e;
        margin-top: 0px;
        padding: 40px 0;
        color: #9b9b9b;
    }


        footer h4 {
            color: #FFF;
        }

    .text-justify {
        text-align: justify;
    }

    footer p {
        color: #9b9b9b;
    }

    footer .address i {
        margin-right: 15px;
        color: #37c386;
    }

    .fa {
        display: inline-block;
        /*  font: normal normal normal 14px/1 FontAwesome;*/
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    small, .small {
        font-size: 85%;
    }

    h4, .h4 {
        font-size: 18px;
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none;
    }

    ul, ol {
        margin-top: 0;
        margin-bottom: 10px;
    }

    footer ul li a {
        color: #EEE !important;
        display: block;
        padding-bottom: 10px;
        text-decoration: none;
    }

        footer ul li a:hover {
            color: #37c386 !important;
            text-decoration: none;
            background: none;
            font-size: 12px;
        }

    footer a {
        font-size: 12px;
        color: white !important;
    }

        footer a:hover {
            color: #37c386 !important;
            text-decoration: none;
            background: none;
            font-size: 12px;
        }



    #owl-demo .item img {
        display: block;
        width: 100% !important;
        /*
         height: 100%;   max-height: 100%;
        max-height: 380px;
        height: 100%;
    max-height: 1000px;
    min-height: 800px;
    min-width: 1300px;
      */
    }


    #latest-news {
        width: 100%;
        min-height: 380px;
        background: #fff;
        padding: 0px;
        overflow: hidden;
        display: block;
    }

    .panel {
        margin-bottom: 0px !important;
        border-radius: 0px;
    }

    .panel-default {
        border-color: #c9ccd1;
    }

        .panel-default > .panel-heading {
            background-color: #fff;
            font-size: 16px;
            font-weight: bold;
            padding: 10px 14px;
            color: #093f89;
        }

        .panel-default > .panel-heading {
            color: #333;
            background-color: #f5f5f5;
            border-color: #ddd;
        }

    #notifications-newsbox .news-item {
        padding: 5px 0px 5px 0px;
        margin: 0px;
        border-bottom: 1px dashed #ccc;
        font-size: 12px;
        font-weight: 600;
        color: #f58431;
        display: block;
    }

    #notifications-newsbox {
        height: 295px !important;
        padding: 0px 15px 0px 15px;
    }

    #events-newsbox .news-item {
        padding: 5px 0px 5px 0px;
        margin: 0px;
        border-bottom: 1px dashed #ccc;
        font-size: 12px;
        font-weight: 600;
        color: #f58431;
        display: block;
    }

    #events-newsbox {
        height: 295px !important;
        padding: 0px 15px 0px 15px;
    }

    #articles-newsbox .news-item {
        padding: 5px 0px 5px 0px;
        margin: 0px;
        border-bottom: 1px dashed #ccc;
        font-size: 12px;
        font-weight: 600;
        color: #f58431;
        display: block;
    }

    #articles-newsbox {
        height: 295px !important;
        padding: 0px 15px 0px 15px;
    }

    .panel ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

    #time-testi {
        width: 100%;
        overflow: hidden;
        background-size: cover;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #time-testi-inner {
        padding: 15px 15px 0px 25px;
        min-height: 260px;
        width: 100%;
    }

    .classic-title {
        margin-top: 0px;
        margin-bottom: 10px;
        padding-bottom: 5px;
        font-weight: 300;
        color: #000;
    }

    h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .classic-title span {
        padding-bottom: 8px;
        border-bottom: 5px solid #f58431;
        font-weight: 400;
    }

    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
    }

    .classic-testimonials .testimonial-content p {
        font-size: 16px;
        color: #000;
        line-height: 26px;
        text-align: center;
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
        display: none;
    }

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .custom-carousel.show-one-slide .item {
        padding-right: 0;
    }

    .custom-carousel .item {
        padding-right: 20px;
    }

    .custom-carousel .owl-item .item {
        opacity: 1;
        display: block;
        width: 100%;
    }

    .classic-testimonials .testimonial-content {
        position: relative;
        padding: 15px 0px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        margin-bottom: 0px;
    }

        .classic-testimonials .testimonial-content:before {
            /* content: "\201C";
            font-weight: 300;
            position: absolute;
            font-size: 75px;
            opacity: 0.5;
            top: 25px;
            left: 6px;
            color: #fff;
               */
        }

        .classic-testimonials .testimonial-content p {
            font-size: 16px;
            color: #000;
            line-height: 26px;
            text-align: center;
        }

    .classic-testimonials .testimonial-author {
        font-size: 13px;
        color: #fff;
        text-align: center;
    }

        .classic-testimonials .testimonial-author span {
            font-weight: 600;
            font-size: 16px;
            color: #f58431;
        }

    .owl-carousel .owl-item {
        float: left;
    }

    .touch-carousel .owl-controls .owl-buttons {
        position: absolute;
        top: -50px;
        right: 2px;
    }

        .touch-carousel .owl-controls .owl-buttons div, .testimonials-carousel .owl-controls .owl-buttons div {
            height: 40px;
            width: 40px;
            line-height: 40px;
            display: inline-block;
            zoom: 1;
            *display: inline;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
            margin-left: 4px;
            transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
        }

            .touch-carousel .owl-controls .owl-buttons div i, .testimonials-carousel .owl-controls .owl-buttons div i {
                font-size: 40px;
                color: #ccc;
                transition: all 0.4s ease-in-out;
                -moz-transition: all 0.4s ease-in-out;
                -webkit-transition: all 0.4s ease-in-out;
                -o-transition: all 0.4s ease-in-out;
            }

    #clsl {
        width: 100%;
        background: url(../images/coursebg.jpg) #e7f1ff;
        padding: 0px;
        margin-top: 5px;
        overflow: hidden;
        text-align: left;
    }

    .cls-head h4 {
        font-size: 14px;
        color: #093f87;
        text-align: left;
        line-height: 14px;
        font-weight: bold;
        margin-left: 5px;
        margin-top: 5px;
    }

    #clsl .tagcloud {
        margin: 8px 0px 4px 5px;
        text-align: left;
    }


        #clsl .tagcloud a {
            min-width: 108px;
            text-align: center;
            display: inline-block;
            color: #093f87;
            font-size: 12px;
            padding: 5px 10px;
            background: #fff;
            margin: 0px 4px 4px 0px;
            border: 1px solid #c9ccd1;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            font-weight: 600;
        }

            #clsl .tagcloud a:hover {
                color: #fff;
                background: #314f91;
            }




    .owl-text-overlay {
        position: absolute;
        text-align: left;
        width: 55%;
        top: 60%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin-left: 0px;
        margin-right: auto;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.4);
        background: rgba(0, 0, 0, 0.4);
        padding-bottom: 20px;
        font-family: "Open Sans", sans-serif;
        border-radius: 0px 0px 0px 0px;
    }


    .owl-text-overlayin {
        position: absolute;
        text-align: left;
        width: 60%;
        top: 50%;
        transform: translateY(-50%);
        left: 4%;
        right: 0;
        margin-left: 0px;
        margin-right: auto;
        color: #fff;
        background-color: rgba(0, 0, 0, 0);
        background: rgba(0, 0, 0, 0);
        padding-bottom: 20px;
        font-family: "Open Sans", sans-serif;
        border-radius: 0px 0px 0px 0px;
        padding: 25px;
        font-size: 2rem;
        font-weight: bold;
    }

    h2.owl-title {
        font-size: 35px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #fff;
        padding-left: 15px;
    }

    p.owl-caption {
        font-size: 18px;
        line-height: 24px;
        padding-left: 15px;
    }


.owl-nav {
      display: none !important; 
    }

.owl-dots {
    /*  display: none !important;*/
}

#owl-demo   .owl-dots {
     display: none !important;
}



    .homeul ul li {
        font-weight: bold !important;
        color: white !important;
    }




    #formlogin input:focus {
        border: 1px solid #f58431;
    }

    body {
        border: none;
    }

    .table th {
        color: white;
        background-color: #395793;
    }

        .table th:hover {
            color: white;
            background-color: #395793;
        }

    .table-hover > tbody > tr:hover > th {
        background-color: #395793;
    }

    .text-bold {
        font-weight: bold;
    }

    .gcuQp {
        display: inline;
    }

    #dvPreview {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
        min-height: 400px;
        min-width: 400px;
        display: none;
    }

    .image-upload > input {
        display: none !important;
    }


    .image-upload {
        background-position: -100px 0px;
        background-image: url("img/wmd-buttons.png?v=20e89c789eb5");
        background-image: url("img/wmd-buttons.svg?v=063c0288e422"),none;
        background-size: initial !important;
    }

    .image-upload {
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

    h3.heading .form-control {
        width: 94%;
    }

    .navbar-inverse {
        background-color: #395793;
        border-color: #395793;
    }

    input, select, textarea {
        max-width: 100%;
    }

    .ir {
        background-color: transparent;
        border: 0;
        overflow: hidden
    }

        .ir:before {
            content: "";
            display: block;
            width: 0;
            height: 150%
        }

    .hidden {
        display: none !important;
        visibility: hidden
    }

    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

        .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
            clip: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            position: static;
            width: auto
        }

    .invisible {
        visibility: hidden
    }

    button, html, input, select, textarea {
        color: #222
    }

    html {
        line-height: 1.4
    }

    ::-moz-selection {
        background: #b3d4fc;
        text-shadow: none
    }

    ::selection {
        background: #b3d4fc;
        text-shadow: none
    }

    hr {
        display: block;
        border: 0;
        border-top: 1px solid #ccc;
        margin: 1em 0;
        padding: 0
    }

    audio, canvas, img, video {
        vertical-align: middle
    }

    textarea {
        resize: vertical
    }

    .browsehappy {
        margin: .2em 0;
        background: #ccc;
        color: #000;
        padding: .2em 0
    }

    nav a {
        text-decoration: none
    }
    /*! normalize.css v1.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
        display: block
    }

    audio, canvas, video {
        display: inline-block
    }

        audio:not([controls]) {
            display: none;
            height: 0
        }

    [hidden] {
        display: none
    }

    a:focus {
        outline: dotted thin
    }

    a:active, a:hover {
        outline: 0
    }

    h1 {
        font-size: 2em;
        margin: .67em 0
    }

    h2 {
        font-size: 1.5em;
        /*margin:.83em 0*/
        margin: 0
    }

    h3 {
        font-size: 1.17em;
        margin: 1em 0
    }

    h4 {
        font-size: 1em;
        margin: 1.33em 0
    }

    h5 {
        font-size: .83em;
        margin: 1.67em 0
    }

    h6 {
        font-size: .67em;
        margin: 2.33em 0
    }

    abbr[title] {
        border-bottom: 1px dotted
    }

    b, strong {
        font-weight: 700
    }

    blockquote {
        margin: 1em 40px
    }

    dfn {
        font-style: italic
    }

    hr {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0
    }

    mark {
        background: #ff0;
        color: #000
    }

    p, pre {
        margin: 0.2em 0
    }

    code, kbd, pre, samp {
        font-family: monospace,serif;
        font-size: 1em
    }

    pre {
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word
    }

    q {
        quotes: none
    }

        q:after, q:before {
            content: '';
            content: none
        }

    small {
        font-size: 80%
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -.5em
    }

    sub {
        bottom: -.25em
    }

    dl, menu, ol, ul {
        margin: 1em 0
    }

    dd {
        margin: 0 0 0 40px
    }

    menu, ol, ul {
        padding: 0 0 0 40px
    }

    nav ol, nav ul {
        list-style: none
    }

    img {
        border: 0;
        -ms-interpolation-mode: bicubic
    }

    svg:not(:root) {
        overflow: hidden
    }

    figure, form {
        margin: 0
    }

    fieldset {
        /*border:1px solid silver;*/
        margin: 0 2px;
        padding: .35em .625em .75em
    }

    legend {
        border: 0;
        padding: 0;
        white-space: normal
    }

    button, input, select, textarea {
        font-size: 100%;
        margin: 0;
    }

    button, input {
        line-height: normal
    }

    button, select {
        text-transform: none
    }

    button, html input[type=button], input[type=reset], input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }

        button[disabled], html input[disabled] {
            cursor: default
        }

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    textarea {
        /*! overflow:auto; */
        /*! vertical-align:top */
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    a {
        color: #0095d9;
        text-decoration: none
    }

    .top-page {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 90;
        border-bottom: solid 1px #dcdcdc
    }

    .site-name {
        float: left;
        margin: 0
    }

    .clearfix:after, .clearfix:before, .grid-outer:after, .grid-outer:before, .home-header:after, .home-header:before, .row:after, .row:before, .tabs-container:after, .tabs-container:before, .wrapper:after, .wrapper:before {
        content: " ";
        display: table
    }

    .clearfix:after, .grid-outer:after, .home-header:after, .row:after, .tabs-container:after, .wrapper:after {
        clear: both
    }

    .form-field-list, .link-list, .navigation-links, .page-navigation ul, .page-tabs, .utility-links, nav ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .button {
        display: inline-block;
        height: 37px;
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        line-height: 37px
    }

        .button.primary {
            background: #0095d9;
            color: #fff
        }

        .button.secondary {
            background: #e0e0e0;
            color: #666
        }

    .button-wrapper {
        display: block;
        padding: 0;
        margin: 0;
        text-align: center
    }

        .button-wrapper li {
            display: inline-block;
            margin: 0 10px
        }

    .button.primary:focus, .button.primary:hover {
        background: #0179b0
    }

    .button.secondary:focus, .button.secondary:hover {
        background: #f1f1f1
    }

    .wrapper {
        max-width: 100%;
        /*! margin:0 auto */
    }

    .content-section .wrapper {
        padding: 0 0;
    }

    .page-top {
        height: 40px;
        background: #0a242b
    }

    .grid-outer {
        width: 100%;
        padding: 2em auto;
    }

    .grid {
        margin: 0 5px;
        float: left;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box
    }

    .box {
        border: 5px solid #e4e3e3
    }

    .gray-bg .box {
        border: 0
    }

    .col-1 {
        width: 230px
    }

    .col-2 {
        width: 470px
    }

    .grid.half {
        width: 480px;
        margin-left: 0;
        margin-right: 0
    }

    .col-3 {
        width: 710px
    }

    .box-3 {
        width: 318px
    }

    .btn.grey-btn:hover {
        background: #0095d9;
        color: #fff
    }

    .grey-btn {
        background: #e0e0e0;
        color: #666
    }

    .blue-btn {
        background: #0095d9;
        color: #fff
    }

    .blue-link {
        float: right;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        color: #0095d9;
        margin-right: 12px
    }

        .blue-link:after {
            content: '';
            width: 0;
            height: 0;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            border-left: 4px solid #007bff;
            display: inline-block;
            margin-left: 5px
        }

    .content-section .button {
        display: inline-block;
        font-size: 13px;
        line-height: 38px;
        font-weight: 600;
        height: 38px;
        padding: 0 18px
    }

    .flex-boxes .button.primary {
        margin-top: 40px
    }

    .learn-more, .learn-more-link {
        float: right;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        color: #0095d9
    }

        .learn-more-link:after, .learn-more:after {
            content: '';
            width: 0;
            height: 0;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            border-left: 4px solid #007bff;
            display: inline-block;
            margin-left: 5px
        }

        .learn-more:hover {
            text-decoration: underline
        }

    .hide {
        display: none
    }

    .show {
        display: block
    }

    .gray-bg, .online-app {
        background: #f3f2f2
    }

    .back-btn {
        color: #0095d9;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px
    }

        .back-btn:before {
            border-bottom: 4px solid transparent;
            border-right: 4px solid #007bff;
            border-top: 4px solid transparent;
            content: "";
            display: inline-block;
            height: 0;
            margin-right: 5px;
            width: 0
        }

    .content-left {
        width: 645px;
        float: left;
        padding-right: 35px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box
    }

    .side-bar {
        float: right;
        width: 222px;
        padding: 5px;
        background: #fff;
        border: 1px solid #dbdbdb;
        position: relative
    }

    #e-apply-form .side-bar {
        margin-top: -70px
    }

    .side-bar .sidebar-wrapper {
        position: relative;
        overflow: hidden;
        background-color: #5b5655
    }

    .side-bar .sidebar-bg {
        position: absolute;
        left: 0;
        right: 0;
        width: 222px;
        top: 0;
        z-index: 2
    }

    .page-header {
        height: 260px;
        background: #eee;
        margin-top: 100px;
        overflow: hidden;
        position: relative
    }

    .page-header-wrapper h2 {
        font-size: 24px;
        font-weight: 600;
        color: #fff;
        letter-spacing: -1px;
        margin: 32px 0 0
    }

    .progress-bar {
        padding-top: 27px;
        margin: 0 auto;
        /* max-width:600px; */
        /* min-width:300px; */
        min-width: 1px;
        text-align: center
    }

        .progress-bar ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

        .progress-bar li {
            list-style: none;
            margin: 0;
            padding: 0
        }

    .general-progress {
        display: inline-block;
        background: url(../img/sprite.png) 0 -1600px no-repeat;
        width: 451px;
        height: 66px;
        position: relative
    }

    .page-header .general-progress {
        background-position: 0 -1050px
    }

    .general-progress:after {
        display: block;
        content: '';
        background: #0095d9;
        height: 3px;
        position: absolute;
        left: 10px;
        width: 30px;
        width: 0;
        top: 30px;
        z-index: 2
    }

    .general-progress li {
        display: inline-block;
        position: relative;
        width: 148px;
        height: 60px
    }

        .general-progress li .icon-wrap {
            display: block;
            width: 45px;
            height: 45px;
            position: absolute;
            left: 50%;
            margin: 9px 0 0 -22px
        }

        .general-progress li:first-child span {
            left: 29px
        }

        .general-progress li:last-child span {
            right: 6px;
            left: auto
        }

        .general-progress li .icon-wrap span {
            display: block;
            height: 45px;
            width: 45px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            background-color: #fff;
            font-weight: 800;
            font-size: 20px;
            line-height: 45px;
            color: #999;
            text-align: center
        }

        .general-progress li.active .icon-wrap span {
            color: #fff;
            background-color: #0095d9
        }

        .general-progress li.passed .icon-wrap span {
            text-indent: -9000px;
            background-color: #0095d9;
            background-image: url(../img/sprite.png);
            background-position: 0 -950px
        }

    div.wrapper.page-header-wrapper {
        position: absolute;
        top: 0;
        margin-left: -480px;
        height: 260px;
        z-index: 10;
        left: 50%;
        width: 960px;
        text-align: center;
        color: #fff
    }

    .page-header .page-header-image {
        display: block;
        width: 100%
    }

    .offers .btn {
        display: block;
        width: 200px;
        margin: 0 auto;
        text-align: center
    }

    .side-bar .block {
        position: relative;
        z-index: 20;
        padding: 100px 10px 10px;
        text-align: center;
        color: #fff
    }

    .side-bar h2 {
        font-weight: 400;
        font-size: 18px
    }

    .side-bar ul {
        text-align: left
    }

        .side-bar ul li {
            font-size: 12px
        }

    .side-bar .block img.card-image {
        width: 175px;
        display: inline-block
    }

    @media screen and (max-width:767px) and (min-width:0) {
        .box-3, .col-1, .col-2, .col-3, .grid.half {
            width: 100%
        }

        .logout {
            float: none;
            text-align: center;
        }

        .logoutdiv {
            text-align: center;
        }

        p.owl-caption {
            font-size: 10px;
            line-height: normal;
        }


        ul#buttonregister li {
            font-size: 12px;
            line-height: normal;
            padding: 8px;
        }

        ul#buttonregister {
            padding-bottom: 2px;
            margin-bottom: 2px 2px;
        }

        h2.owl-title {
            font-size: 14px;
            line-height: normal;
        }

        .title {
            font-size: 15px
        }

        .owl-text-overlay {
            top: 0px;
            width: 100%;
            position: relative;
            padding-bottom: 5px;
            padding-top: 5px;
            transform: none;
        }

        .owl-text-overlayin {
            top: 0px;
            width: 100%;
            position: relative;
            padding-bottom: 5px;
            padding-top: 5px;
            transform: none;
        }

        .grid {
            margin: 0;
            float: none
        }

        .navbar {
            margin-bottom: 0px;
        }
    }

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

        .hide-desktop {
            display: none
        }
    }

    .button-wrap {
        text-align: center;
        clear: both
    }

    .progress-percent {
        height: 9px;
        background: #fff;
        width: 100%;
        margin: 40px auto 0;
        position: relative
    }

        .progress-percent .percent-track {
            position: absolute;
            height: 5px;
            width: 0;
            background: #0095d9;
            left: 2px;
            top: 2px
        }

        .progress-percent .track-0, .progress-percent .track-100 {
            position: absolute;
            top: 9px;
            padding: 5px 0 0;
            color: #fff
        }

        .progress-percent .track-0 {
            left: 0;
            border-left: solid 1px #ccc;
            padding-left: 3px
        }

        .progress-percent .track-100 {
            right: 0;
            border-right: solid 1px #ccc;
            padding-right: 3px
        }

    .progress-bar.percent-30 .percent-track {
        width: 30%
    }

    .progress-bar.percent-50 .percent-track {
        width: 50%
    }

    .progress-bar.percent-60 .percent-track {
        width: 60%
    }

    .progress-bar.percent-100 .percent-track {
        width: 100%
    }

    .sub-heading {
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        color: #000;
        margin: 0
    }

    .progress-bar.percent-30 .general-progress:after {
        width: 50%
    }

    .progress-bar.percent-100 .general-progress:after, .progress-bar.percent-60 .general-progress:after {
        width: 90%
    }

    .percent-track span.track-icon {
        position: absolute;
        right: -19px;
        background: url(../img/sprite.png) -50px -1000px no-repeat;
        text-align: center;
        width: 38px;
        height: 29px;
        line-height: 23px;
        top: -29px;
        color: #0095d9;
        font-weight: 600;
        font-size: 10px;
        display: none
    }

    .progress-bar.percent-100 .percent-track span.track-icon.icon-100, .progress-bar.percent-30 .percent-track span.track-icon.icon-30, .progress-bar.percent-60 .percent-track span.track-icon.icon-60 {
        display: block
    }

    .generic-content-page {
        max-width: 800px;
        margin: 0 auto
    }

        .generic-content-page p {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 18px
        }

        .generic-content-page h2 {
            font-size: 26px;
            font-weight: 600;
            margin-bottom: 20px
        }

    .field-wrap a.button.secondary {
        margin-left: 35px
    }

    p.result-info {
        font-weight: 600;
        font-size: 14px;
        margin: 0
    }

    .section-home-link {
        display: none
    }

    html.tablet .section-home-link {
        display: block
    }

    html.mobile .slide-wrapper {
        width: 95%
    }

    .general-progress li .icon-wrap {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        z-index: 5;
        overflow: hidden
    }

        .general-progress li .icon-wrap span {
            overflow: hidden;
            z-index: 4
        }

    .page-header .page-header-image {
        height: 100%
    }

    .form-central {
        font-size: 12px
    }

        .form-central a {
            text-decoration: underline
        }

        .form-central h2 {
            display: inline-block;
            font-size: 22px;
            font-weight: 600;
            padding: 0 0 0 2%;
            margin: 0;
            vertical-align: middle;
            width: 21%
        }

        .form-central .head-description {
            width: 76%;
            vertical-align: middle;
            display: inline-block
        }

        .form-central .section-heading {
            font-size: 24px;
            font-weight: 600;
            text-align: left;
            padding-left: 0;
            width: 95%
        }

        .form-central .section-description {
            font-size: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd;
            padding-bottom: 10px
        }

        .form-central .grid-outer {
            margin-top: 30px
        }

        .form-central .step-content {
            line-height: 20px;
            margin-top: 20px;
            background-color: #fafafa
        }

        .form-central .step-two .step-content {
            padding: 20px 0
        }

        .form-central .step-one {
            width: 45%;
            margin: 0 7% 0 2%;
            display: inline-block;
            vertical-align: text-top
        }

        .form-central .step-two {
            width: 45%;
            list-style: none;
            display: inline-block;
            vertical-align: text-top
        }

        .form-central ul {
            padding: 0;
            margin: 0
        }

            .form-central ul li {
                list-style: none;
                width: 96%;
                margin-right: 0;
                line-height: 20px;
                padding: 2%
            }

                .form-central ul li:nth-child(even) {
                    background-color: #f6f4f4
                }

        .form-central .step-content .form-list {
            display: inline-block;
            width: 64%
        }

        .form-central .step-content .download-pdf {
            vertical-align: top;
            display: inline;
            text-decoration: underline;
            cursor: pointer;
            float: right
        }

        .form-central h3 {
            font-size: 16px;
            margin: 0;
            padding: 0;
            font-weight: 600
        }

        .form-central span.icon.form-pdf {
            display: inline-block;
            width: 17px;
            height: 20px;
            margin-left: 5px;
            background-position: -432px -2354px;
            vertical-align: top
        }

        .form-central .mail-icon-wrapper {
            width: 20%;
            display: inline-block;
            margin-left: 10px
        }

        .form-central span.icon.mail {
            width: 50px;
            height: 30px;
            background-position: -394px -2446px
        }

        .form-central .mail-txt {
            width: 75%;
            vertical-align: top;
            text-align: left;
            display: inline-block
        }

            .form-central .mail-txt p {
                margin: 5px 0
            }

    .content-section .grid-outer .tabs-container {
        margin: 40px 0 10px
    }

    .flex-boxes .grid-outer .button.primary {
        margin-top: 35px
    }

    .theme-blue-header {
        background: url(../../assets/media/images/theme-blue-header.jpg) no-repeat
    }

    .theme-blue .sidebar-wrapper {
        background: url(../../assets/media/images/eapply-sidebar-blue-bg.jpg) no-repeat
    }

    .theme-blue .block {
        color: #000 !important
    }

    .theme-golden-header {
        background: url(../../assets/media/images/theme-golden-header.jpg) no-repeat
    }

    .theme-golden .sidebar-wrapper {
        background: url(../../assets/media/images/eapply-sidebar-golden-bg.jpg) no-repeat
    }

    .theme-golden .block {
        color: #ff0 !important
    }

    .wrapper.grid-outer.card-application {
        margin-bottom: 5px
    }

    .global-nav .main-menu .highlight-link .quick-action-form label.error[for=agree] {
        top: 32px;
        left: -6px
    }

    #locatePay-form-tata .content-left {
        width: 675px;
        padding-left: 50px
    }

    #locatePay-form-tata label.label-style-2 {
        padding-right: 50px
    }

    #locatePay-form-tata label[for=locality].valid {
        margin-left: 7px
    }

    #locatePay-form-tata .form-field-list .row {
        margin: 0 0 10px
    }

    #locatePay-form-tata label.error[for=city], #locatePay-form-tata label.error[for=payMode], #locatePay-form-tata label.error[for=state] {
        left: 203px
    }

    #locatePay-form-tata label[for=city].valid, #locatePay-form-tata label[for=payMode].valid, #locatePay-form-tata label[for=state].valid {
        margin-left: 8px
    }

    #locatePay-form-tata label.valid {
        margin-left: 207px
    }

    #locatePay-form-tata .optional {
        font-size: 11px;
        display: block;
        margin-top: -9px
    }

    .main-wrap {
        padding: 20px 35px;
        border-bottom: solid 1px #ddd;
        min-height: 0;
        overflow: hidden;
        font-family: "Open Sans",sans-serif
    }

    table.locatePay-table {
        width: 85%;
        border-left: solid 1px #f2f2f2;
        border-right: solid 1px #f2f2f2;
        border-collapse: collapse;
        border-spacing: 0;
        border-color: #f2f2f2;
        margin-left: 9%
    }

        table.locatePay-table tbody tr {
            display: table-row;
            vertical-align: inherit;
            border-color: inherit
        }

    .main-wrap table.locatePay-table tr th {
        font-size: 15px
    }

    table.locatePay-table th {
        background: #f2f9fc;
        font-size: 13px;
        font-weight: 600;
        padding: 20px 0;
        text-align: left
    }

    table.locatePay-table tr {
        background: #fff
    }

        table.locatePay-table tr th.serial {
            width: 10%
        }

        table.locatePay-table tr th.address {
            width: 90%
        }

    table.locatePay-table tbody tr:nth-child(even) {
        background: #fafafa
    }

    .gridEven {
        background-color: #fff !important
    }

    table.locatePay-table tbody tr {
        border-bottom: solid 1px #f2f2f2;
        padding: 20px 0
    }

    .main-wrap.locatePay table.locatePay-table tr.header td {
        font-size: 13px;
        padding: 20px 0;
        text-align: left
    }

        .main-wrap.locatePay table.locatePay-table tr.header td div, .main-wrap.locatePay table.locatePay-table tr.header td span {
            font-weight: 400
        }

    .main-wrap.locatePay table.locatePay-table tr td.serialNumber {
        padding-left: 10px
    }

    .main-wrap.locatePay table.locatePay-table tr th:first-child {
        padding-left: 10px !important
    }

    .locate-form {
        position: absolute;
        display: block;
        font-size: 13px;
        left: 290px;
        width: 850px;
        top: 330px;
        line-height: 23px
    }

    #locatePay-form-tata .bottom-text {
        font-size: 13px;
        position: relative;
        top: 25px;
        width: 752px;
        left: 107px;
        line-height: 35px
    }

    .main-wrap.locatePay .load-more-wrap {
        text-align: center;
        margin-top: 20px
    }

    .locatePay-table .hide {
        display: none !important
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)
    }

    @font-face {
        font-family: 'Open Sans';
        src: url(fonts/regular/OpenSans-Regular-webfont.eot);
        src: url(fonts/regular/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/regular/OpenSans-Regular-webfont.woff) format('woff'),url(fonts/regular/OpenSans-Regular-webfont.ttf) format('truetype'),url(fonts/regular/OpenSans-Regular-webfont.svg#open_sansregular) format('svg');
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: 'Open Sans';
        src: url(fonts/regular/OpenSans-Italic-webfont.eot);
        src: url(fonts/regular/OpenSans-Italic-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/regular/OpenSans-Italic-webfont.woff) format('woff'),url(fonts/regular/OpenSans-Italic-webfont.ttf) format('truetype'),url(fonts/regular/OpenSans-Italic-webfont.svg#open_sansregular) format('svg');
        font-weight: 400;
        font-style: italic
    }

    @font-face {
        font-family: 'Open Sans';
        src: url(fonts/bold/OpenSans-Bold-webfont.eot);
        src: url(fonts/bold/OpenSans-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/bold/OpenSans-Bold-webfont.woff) format('woff'),url(fonts/bold/OpenSans-Bold-webfont.ttf) format('truetype'),url(fonts/bold/OpenSans-Bold-webfont.svg#open_sansregular) format('svg');
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: 'Open Sans';
        src: url(fonts/bold-italic/OpenSans-BoldItalic-webfont.eot);
        src: url(fonts/bold-italic/OpenSans-BoldItalic-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/bold-italic/OpenSans-BoldItalic-webfont.woff) format('woff'),url(fonts/bold-italic/OpenSans-BoldItalic-webfont.ttf) format('truetype'),url(fonts/bold-italic/OpenSans-BoldItalic-webfont.svg#open_sansregular) format('svg');
        font-weight: 700;
        font-style: italic
    }

    @font-face {
        font-family: 'Open Sans';
        src: url(fonts/light/OpenSans-Light-webfont.eot);
        src: url(fonts/light/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/light/OpenSans-Light-webfont.woff) format('woff'),url(fonts/light/OpenSans-Light-webfont.ttf) format('truetype'),url(fonts/light/OpenSans-Light-webfont.svg#open_sansregular) format('svg');
        font-weight: 300;
        font-style: normal
    }

    @font-face {
        font-family: 'Open Sans';
        src: url(fonts/light-italic/OpenSans-LightItalic-webfont.eot);
        src: url(fonts/light-italic/OpenSans-LightItalic-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/light-italic/OpenSans-LightItalic-webfont.woff) format('woff'),url(fonts/light-italic/OpenSans-LightItalic-webfont.ttf) format('truetype'),url(fonts/light-italic/OpenSans-LightItalic-webfont.svg#open_sansregular) format('svg');
        font-weight: 300;
        font-style: italic
    }

    @font-face {
        font-family: 'Open Sans';
        src: url(fonts/semi-bold/OpenSans-Semibold-webfont.eot);
        src: url(fonts/semi-bold/OpenSans-Semibold-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/semi-bold/OpenSans-Semibold-webfont.woff) format('woff'),url(fonts/semi-bold/OpenSans-Semibold-webfont.ttf) format('truetype'),url(fonts/semi-bold/OpenSans-Semibold-webfont.svg#open_sansregular) format('svg');
        font-weight: 600;
        font-style: normal
    }

    @font-face {
        font-family: 'Open Sans';
        src: url(fonts/semi-bold-italic/OpenSans-SemiboldItalic-webfont.eot);
        src: url(fonts/semi-bold-italic/OpenSans-SemiboldItalic-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/semi-bold-italic/OpenSans-SemiboldItalic-webfont.woff) format('woff'),url(fonts/semi-bold-italic/OpenSans-SemiboldItalic-webfont.ttf) format('truetype'),url(fonts/semi-bold-italic/OpenSans-SemiboldItalic-webfont.svg#open_sansregular) format('svg');
        font-weight: 600;
        font-style: italic
    }

    @font-face {
        font-family: 'Open Sans';
        src: url(fonts/extra-bold/OpenSans-ExtraBold-webfont.eot);
        src: url(fonts/extra-bold/OpenSans-ExtraBold-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/extra-bold/OpenSans-ExtraBold-webfont.woff) format('woff'),url(fonts/extra-bold/OpenSans-ExtraBold-webfont.ttf) format('truetype'),url(fonts/extra-bold/OpenSans-ExtraBold-webfont.svg#open_sansregular) format('svg');
        font-weight: 700;
        font-style: normal
    }

    html.mobile a, html.mobile li, html.mobile p, html.tablet a, html.tablet li, html.tablet p {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        -moz-tap-highlight-color: transparent;
        -ms-tap-highlight-color: transparent;
        tap-highlight-color: transparent
    }

        html.mobile a::selection, html.mobile li::selection, html.mobile p::selection, html.tablet a::selection, html.tablet li::selection, html.tablet p::selection {
            background: 0 0
        }

    h1, h2, h3, h4 {
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: subpixel-antialiased !important;
        -webkit-text-stroke: 1px rgba(0,0,0,.08);
        text-shadow: 0 0 1px rgba(51,51,51,.08)
    }

    a, div, em, li, p, span, strong {
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: subpixel-antialiased !important;
        -webkit-text-stroke: 1px rgba(0,0,0,.1)
    }

    div, em, li, p, span {
        font-weight: 500
    }

    .flex-boxes h2, .section-heading {
        font: 24px/30px 'Open Sans',sans-serif;
        font-weight: 400;
        color: #000;
        text-align: center;
        margin: 0
    }

    .flex-boxes p, .section-description {
        font: 14px/16px 'Open Sans',sans-serif;
        font-weight: 600;
        color: #333;
        text-align: center;
        margin: 0
    }

    .section-description {
        font-size: 14px;
        font-weight: 400;
        margin-top: 5px;
        color: #333
    }

    @font-face {
        font-family: WebRupee;
        src: url(fonts/rupee/WebRupee.V2.0.eot);
        src: local('WebRupee'),url(fonts/rupee/WebRupee.V2.0.ttf) format('truetype'),url(fonts/rupee/WebRupee.V2.0.woff) format('woff'),url(fonts/rupee/WebRupee.V2.0.svg) format('svg');
        font-weight: 400;
        font-style: normal
    }

    .WebRupee {
        font-family: WebRupee;
        text-rendering: auto !important
    }

    html > body .WebRupee {
        margin-right: 2px;
        font-weight: 400
    }

    a, div, em, li, p, span, strong {
        text-shadow: none
    }

    .trans {
        -webkit-transition: all .4s ease-out;
        -moz-transition: all .4s ease-out;
        -o-transition: all .4s ease-out;
        transition: all .4s ease-out
    }

    @-webkit-keyframes openNav {
        0% {
            height: 0;
            opacity: 0
        }

        70% {
            height: 50%;
            opacity: 1
        }

        100% {
            height: 100%;
            opacity: 1
        }
    }

    @-moz-keyframes openNav {
        0% {
            height: 0;
            opacity: 0
        }

        70% {
            height: 50%;
            opacity: 1
        }

        100% {
            height: 100%;
            opacity: 1
        }
    }

    @-o-keyframes openNav {
        0% {
            height: 0;
            opacity: 0
        }

        70% {
            height: 50%;
            opacity: 1
        }

        100% {
            height: 100%;
            opacity: 1
        }
    }

    @-ms-keyframes openNav {
        0% {
            height: 0;
            opacity: 0
        }

        70% {
            height: 50%;
            opacity: 1
        }

        100% {
            height: 110%;
            opacity: 1
        }
    }

    @keyframes openNav {
        0% {
            height: 50%;
            opacity: 0
        }

        70% {
            height: 50%;
            opacity: 1
        }

        100% {
            height: 100%;
            opacity: 1
        }
    }

    @-webkit-keyframes closeNav {
        0% {
            height: 100%;
            opacity: 1
        }

        70% {
            height: 30%;
            opacity: 1
        }

        100% {
            height: 0;
            opacity: 0
        }
    }

    @-moz-keyframes closeNav {
        0% {
            height: 100%;
            opacity: 1
        }

        70% {
            height: 30%;
            opacity: 1
        }

        100% {
            height: 0;
            opacity: 0
        }
    }

    @-o-keyframes closeNav {
        0% {
            height: 100%;
            opacity: 1
        }

        70% {
            height: 30%;
            opacity: 1
        }

        100% {
            height: 0;
            opacity: 0
        }
    }

    @-ms-keyframes closeNav {
        0% {
            height: 100%;
            opacity: 1
        }

        70% {
            height: 30%;
            opacity: 1
        }

        100% {
            height: 0;
            opacity: 0
        }
    }

    @keyframes closeNav {
        0% {
            height: 100%;
            opacity: 1
        }

        70% {
            height: 30%;
            opacity: 1
        }

        100% {
            height: 0;
            opacity: 0
        }
    }

    @-webkit-keyframes menuEnter {
        0% {
            max-height: 0;
            opacity: 0
        }

        50% {
            max-height: 200px;
            opacity: .5;
            box-shadow: 0 10px 10px rgba(0,0,0,.3)
        }

        100% {
            max-height: 800px;
            opacity: 1;
            box-shadow: 0 10px 10px rgba(0,0,0,.3)
        }
    }

    @-moz-keyframes menuEnter {
        0% {
            max-height: 0;
            opacity: 0
        }

        50% {
            max-height: 200px;
            opacity: .5;
            box-shadow: 0 10px 10px rgba(0,0,0,.3)
        }

        100% {
            max-height: 800px;
            opacity: 1;
            box-shadow: 0 10px 10px rgba(0,0,0,.3)
        }
    }

    @-o-keyframes menuEnter {
        0% {
            max-height: 0;
            opacity: 0
        }

        50% {
            max-height: 200px;
            opacity: .5;
            box-shadow: 0 10px 10px rgba(0,0,0,.3)
        }

        100% {
            max-height: 800px;
            opacity: 1;
            box-shadow: 0 10px 10px rgba(0,0,0,.3)
        }
    }

    @-ms-keyframes menuEnter {
        0% {
            max-height: 0;
            opacity: 0
        }

        50% {
            max-height: 200px;
            opacity: .5;
            box-shadow: 0 10px 10px rgba(0,0,0,.3)
        }

        100% {
            max-height: 800px;
            opacity: 1;
            box-shadow: 0 10px 10px rgba(0,0,0,.3)
        }
    }

    @keyframes menuEnter {
        0% {
            max-height: 0;
            opacity: 0
        }

        50% {
            max-height: 200px;
            opacity: .5;
            box-shadow: 0 10px 10px rgba(0,0,0,.3)
        }

        100% {
            max-height: 800px;
            opacity: 1;
            box-shadow: 0 10px 10px rgba(0,0,0,.3)
        }
    }

    @-webkit-keyframes openTab {
        0% {
            opacity: 0
        }

        50% {
            opacity: .5
        }

        100% {
            opacity: 1
        }
    }

    @-moz-keyframes openTab {
        0% {
            opacity: 0
        }

        50% {
            opacity: .5
        }

        100% {
            opacity: 1
        }
    }

    @-o-keyframes openTab {
        0% {
            opacity: 0
        }

        50% {
            opacity: .5
        }

        100% {
            opacity: 1
        }
    }

    @-ms-keyframes openTab {
        0% {
            opacity: 0
        }

        50% {
            opacity: .5
        }

        100% {
            opacity: 1
        }
    }

    @keyframes openTab {
        0% {
            opacity: 0
        }

        50% {
            opacity: .5
        }

        100% {
            opacity: 1
        }
    }

    .icon, .icon-a:after, .icon-b:before {
        content: '';
        display: block;
        background: url(../img/sprite.png) no-repeat
    }

    .search.icon-b:before {
        background-position: -350px -500px
    }

    .icon.money {
        background-position: -200px 0
    }

    .icon.email {
        background-position: -250px 0
    }

    .icon.block {
        background-position: -450px 0
    }

    .icon.view {
        background-position: -300px 0
    }

    .icon.query {
        background-position: -350px 0
    }

    .icon.chat {
        background-position: -400px 0
    }

    .icon-button.map {
        position: relative;
        background: url(../img/sprite.png) no-repeat
    }

    html.desktop .cta-style-1 .flex-boxes-container .box:hover .icon-servicefaq {
        background-position: -589px -6700px
    }

    .icon-servicefaq, html.desktop .cta-style-1 .flex-boxes-container .box .icon-servicefaq {
        background-position: -589px -6550px
    }

    .img-icon.card-upgrade-small {
        background-position: -89px -7057px;
        height: 60px;
        width: 60px
    }

    .img-icon.card-upgrade-features-small {
        background-position: -2px -7057px;
        height: 60px;
        width: 60px
    }

    .pay-new a:before {
        background-position: -302px -7191px;
        width: 26px;
        height: 26px;
        margin-left: -11px
    }

    .tabs-container .tab-nav li.pay-new.active a:before, html.desktop .tabs-container .tab-nav li.pay-new.active:hover a:before {
        background-position: -303px -7146px
    }

    html.desktop .tabs-container .tab-nav li.pay-new:hover a:before {
        background-position: -303px -7102px
    }

    .benefits-new a:before {
        background-position: -252px -7191px;
        width: 26px;
        height: 26px;
        margin-left: -11px
    }

    html.desktop .tabs-container .tab-nav li.benefits-new.active:hover a:before {
        background-position: -253px -7146px
    }

    html.desktop .tabs-container .tab-nav li.benefits-new:hover a:before {
        background-position: -253px -7102px
    }

    .tabs-container .tab-nav li.benefits-new.active a:before {
        background-position: -253px -7146px
    }

    .faq-page .tab-nav li.rewards-faq-new a:before {
        background-position: -353px -7192px;
        height: 26px;
        margin-left: -11px;
        width: 26px
    }

    .faq-page .tab-nav li.rewards-faq-new.active a:before {
        background-position: -354px -7146px
    }

    .faq-page .tab-nav li.rewards-faq-new:hover a:before {
        background-position: -354px -7103px
    }

    html.desktop .tabs-container .tab-nav li.rewards-faq-new.active:hover a:before {
        background-position: -354px -7146px
    }

    .faq-page .tab-nav li.credit-cards-new a:before {
        background-position: -201px -7191px;
        height: 26px;
        margin-left: -11px;
        width: 26px
    }

    .faq-page .tab-nav li.credit-cards-new.active a:before {
        background-position: -202px -7146px
    }

    .faq-page .tab-nav li.credit-cards-new:hover a:before {
        background-position: -202px -7102px
    }

    html.desktop .tabs-container .tab-nav li.credit-cards-new.active:hover a:before {
        background-position: -202px -7146px
    }

    html.desktop .cta-style-1 .flex-boxes-container .box:hover .arogya-insurance {
        background-position: -544px -7699px
    }

    html.desktop .cta-style-1 .flex-boxes-container .box .arogya-insurance {
        background-position: -407px -7699px
    }

    html.desktop .cta-style-1 .flex-boxes-container .box .smart-cash-royal-sundaram {
        background-position: -119px -7779px
    }

    html.desktop .cta-style-1 .flex-boxes-container .box:hover .smart-cash-royal-sundaram {
        background-position: -257px -7779px
    }

    .health-insurance-supplementary-covers.img-icon {
        background-position: -16px -7772px
    }

    html.desktop .cta-style-1 .flex-boxes-container .box:hover .lifeline {
        background-position: -160px -8035px
    }

    html.desktop .cta-style-1 .flex-boxes-container .box .lifeline {
        background-position: -26px -8035px
    }

    label {
        font-weight: 600
    }

    input.text, input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=time] {
        border: 1px solid #cdcbcb;
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
        color: #000000;
        padding: 8px 3px;
        background: #fbfbfb
    }

        button, button:focus, input.text, input.text:focus, input[type=date], input[type=date]:focus, input[type=email], input[type=email]:focus, input[type=password], input[type=password]:focus, input[type=tel], input[type=tel]:focus, input[type=text], input[type=text]:focus, input[type=time], input[type=time]:focus, select, select:focus, textarea, textarea:focus {
            outline: 0
        }

            button:focus, input.text:focus, input[type=date]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, select:focus, textarea:focus {
                /* background:transparent;*/
                /*! border-color:#0095d9; */
                /* color: white;*/
            }

    body form input.text:focus, body form input[type=date].error:focus, body form input[type=email].error:focus, body form input[type=password].error:focus, body form input[type=tel].error:focus, body form input[type=text].error:focus, body form input[type=time].error:focus, body form select.error:focus, body form textarea.error:focus {
        background: #fff;
        border-color: red !important
    }

    button, html input[type=button], input[type=reset], input[type=submit] {
    }

    .main-form label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
        margin-right: 15px;
        font-size: 13px
    }

        .main-form label.fancy-radio span.radio-toggle {
            display: inline-block;
            width: 16px;
            height: 16px;
            margin-right: 10px;
            position: absolute;
            left: 0;
            bottom: 1px;
            background-color: #fff;
            border: 1px solid #cfcfcf;
            border-radius: 50%;
            -webkit-border-radius: 50%
        }

    .main-form .checkbox label {
        margin-bottom: 10px
    }

        .main-form .checkbox label:before {
            border-radius: 3px;
            -webkit-border-radius: 3px
        }

    .main-form .radio input {
        display: none
    }

    .main-form input[type=radio]:checked + span.radio-toggle {
        content: '';
        background: #fff;
        font-size: 30px;
        text-align: center;
        line-height: 16px;
        border: 6px solid #0095d9;
        width: 6px;
        height: 6px
    }

    .fancy-checkbox.checked span, input[type=checkbox]:checked + span {
      /*  background: url(../img/sprite.png) 3px -823px no-repeat #0095d9; */
        border-color: #0095d9
    }

    .form-field-list {
        display: block;
        padding: 0;
        margin: 0
    }

        .form-field-list.card-exist {
            width: 645px
        }

        .form-field-list .row {
            margin: 0 0 7px;
            font-size: 13px;
            font-weight: 400;
            position: relative
        }

        .form-field-list li > .field-wrap, .form-field-list li > label {
            display: inline-block
        }

        .form-field-list li label {
            line-height: 24px
        }

    label.label-style-1 {
        width: 350px
    }

    label.label-style-2 {
        width: 160px;
        text-align: right;
        padding-right: 20px
    }

    label[for=existingCard].label-style-2 {
        padding-right: 7px
    }

    .form-field-list li .field-wrap input[type=date], .form-field-list li .field-wrap input[type=email], .form-field-list li .field-wrap input[type=number], .form-field-list li .field-wrap input[type=password], .form-field-list li .field-wrap input[type=text] {
        width: 180px;
        background: #fbfbfb
    }

        .form-field-list li .field-wrap input[type=date]:focus, .form-field-list li .field-wrap input[type=email]:focus, .form-field-list li .field-wrap input[type=password]:focus, .form-field-list li .field-wrap input[type=text]:focus {
            background: #fff;
            border-color: #0095d9
        }

    .select-wrap {
        border: 1px solid #cdcbcb;
        font-size: 12px;
        line-height: 36px;
        font-weight: 600;
        color: #666;
        padding: 0;
        height: 36px;
        position: relative;
        background: #fbfbfb;
        overflow-x: hidden
    }

        .select-wrap select {
            display: block;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: none;
            height: 36px;
            padding: 0 0 0 10px;
            background: #fbfbfb;
            width: 115%
        }

        .select-wrap:after {
            content: '';
            position: absolute;
            width: 35px;
            height: 36px;
            top: 0;
            right: 0;
            background: url(../img/sprite.png) -188px -787px no-repeat #fbfbfb;
            pointer-events: none;
            opacity: .5
        }

    .form-field-list li .field-wrap input#code[type=text] {
        width: 25px;
        margin-right: 5px
    }

    .form-field-list li .field-wrap input#mobile-no[type=text], .form-field-list li .field-wrap input#phone[type=text], .form-field-list li .field-wrap input#step3phone[type=text] {
        width: 126px;
        margin-right: 5px
    }

    .form-field-list li .field-wrap input#panCard[type=text], input#panCard, input[name=panNum] {
        text-transform: uppercase
    }

    form .tooltip {
        width: 200px;
        position: absolute;
        margin-left: 30px;
        background: #d6fff1;
        padding: 10px;
        opacity: 0;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        display: inline-block;
        visibility: hidden;
        left: 400px;
        top: 0;
        z-index: 9999
    }

        form .tooltip p {
            font-size: 11px;
            margin: 0
        }

    form .row .tooltip.show {
        opacity: 1;
        visibility: visible
    }

    form .tooltip:before {
        content: '';
        display: block;
        position: absolute;
        border-bottom: 4px solid #ebf9ff;
        border-left: 4px solid #ebf9ff;
        border-right: 4px solid transparent;
        border-top: 4px solid transparent;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transfor: rotate(45deg);
        -ms-transform: rotate(45deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
        left: -3px
    }

    .inline-checkbox {
        display: inline-block
    }

    .form-field-list li > label.label-style-4 {
        display: inline
    }

    .form-field-list .row.user-agreement {
        padding: 0 0 0 175px
    }

    .button-wrap {
        text-align: center
    }

        .button-wrap .button {
            display: inline-block;
            margin: 0 10px
        }

    .side-bar li {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 10px
    }

    label.strong {
        display: inline;
        font-size: 13px;
        font-weight: 400;
        color: #000
    }

        label.strong span {
            display: block;
            color: #666;
            font-weight: 1`px
        }

    a.reset-password {
        font-size: 12px
    }

    .fancy-select-wrap {
        display: inline-block;
        vertical-align: middle
    }

    div.fancy-select {
        position: relative;
        font-size: 13px;
        color: #333
    }

        div.fancy-select.disabled {
            opacity: .5
        }

        div.fancy-select select:focus + div.trigger {
            border-color: #0095d9
        }

            div.fancy-select select:focus + div.trigger.open {
                box-shadow: none;
                border-color: #0095d9
            }

    .fancy-select div.trigger {
        cursor: pointer;
        border: 1px solid #cdcbcb;
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
        color: #666;
        padding: 8px 9px;
        height: 20px;
        background: #fbfbfb;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        width: 180px;
        transition: all 100ms ease-out;
        -webkit-transition: all 100ms ease-out;
        -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
        -o-transition: all 100ms ease-out
    }

    div.fancy-select div.trigger:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: #666;
        top: 15px;
        right: 9px
    }

    div.fancy-select div.trigger.open {
        background: #fcfcfc;
        border: 1px solid #ddd;
        color: #333
    }

    .time-range .fancy-select div.trigger, .time-range div.fancy-select ul.options {
        width: 80px
    }

    .ui-autocomplete ul, div.fancy-select ul.options {
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 35px;
        left: 0;
        visibility: hidden;
        opacity: 0;
        z-index: 50;
        max-height: 200px;
        overflow: auto;
        background: #fcfcfc;
        border: 1px solid #ddd;
        min-width: 198px;
        box-shadow: 0 2px 2px rgba(0,0,0,.3);
        transition: opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;
        -webkit-transition: opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;
        -moz-transition: opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;
        -ms-transition: opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;
        -o-transition: opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out
    }

        div.fancy-select ul.options.open {
            visibility: visible;
            top: 37px;
            opacity: 1;
            transition: opacity 100ms ease-out,top 100ms ease-out;
            -webkit-transition: opacity 100ms ease-out,top 100ms ease-out;
            -moz-transition: opacity 100ms ease-out,top 100ms ease-out;
            -ms-transition: opacity 100ms ease-out,top 100ms ease-out;
            -o-transition: opacity 100ms ease-out,top 100ms ease-out
        }

        div.fancy-select ul.options.overflowing {
            top: auto;
            bottom: 40px;
            transition: opacity 100ms ease-out,bottom 100ms ease-out,visibility 100ms ease-out;
            -webkit-transition: opacity 100ms ease-out,bottom 100ms ease-out,visibility 100ms ease-out;
            -moz-transition: opacity 100ms ease-out,bottom 100ms ease-out,visibility 100ms ease-out;
            -ms-transition: opacity 100ms ease-out,bottom 100ms ease-out,visibility 100ms ease-out;
            -o-transition: opacity 100ms ease-out,bottom 100ms ease-out,visibility 100ms ease-out
        }

            div.fancy-select ul.options.overflowing.open {
                top: auto;
                bottom: 37px;
                transition: opacity 100ms ease-out,bottom 100ms ease-out;
                -webkit-transition: opacity 100ms ease-out,bottom 100ms ease-out;
                -moz-transition: opacity 100ms ease-out,bottom 100ms ease-out;
                -ms-transition: opacity 100ms ease-out,bottom 100ms ease-out;
                -o-transition: opacity 100ms ease-out,bottom 100ms ease-out
            }

        div.fancy-select ul.options li {
            padding: 8px 12px;
            color: #333;
            cursor: pointer;
            white-space: nowrap;
            transition: all 100ms ease-out;
            -webkit-transition: all 100ms ease-out;
            -moz-transition: all 100ms ease-out;
            -ms-transition: all 100ms ease-out;
            -o-transition: all 100ms ease-out
        }

            div.fancy-select ul.options li.selected {
                background: #333;
                color: #fff
            }

            div.fancy-select ul.options li.hover {
                color: #333;
                background: #ddd
            }

    .fancy-checkbox input {
        opacity: 0;
        cursor: pointer;
        position: absolute
    }

    .fancy-radio input {
        opacity: 0
    }

    .fancy-checkbox span, .radio-wrap span {
        background: #fff;
        text-align: center;
        border: 1px solid #ddd;
        width: 16px;
        height: 15px;
        display: inline-block;
        cursor: pointer;
        margin-right: 5px;
        margin-bottom: -3px
    }

    .radio-wrap .fancy-radio.checked span, .radio-wrap input:checked ~ span {
        border: 6px solid #0095d9;
        width: 6px;
        height: 6px
    }
 {
 border:solid 6px #0095d9;
 width:6px;
 height:6px
}
.radio-wrap span {
 border-radius:50%;
 -webkit-border-radius:50%
}
.field-wrap.radio-wrap {
 vertical-align:top
}
.form-field-list li.row.instruction {
 position:relative
}
.form-field-list li.row.instruction small {
 text-align:right;
 display:block;
 position:absolute;
 top:10px;
 right:0
}
.apply-form form .row .checkbox-wrap label.error,.apply-form-wrapper .row .field-wrap label.error,form label.error {
 background:url(../img/sprite.png) 0 -900px no-repeat;
 width:11px;
 height:11px;
 position:absolute;
 top:14px;
 margin-left:10px;
 border:none
}
.apply-form form .row .checkbox-wrap label[for=existingCard].error {
 top:25px;
 left:-7px
}
.apply-form-wrapper .row .field-wrap label[for=city].error {
 left:109px
}
form .form-step2 label.error {
 right:60px
}
form .form-step2 label[for=landlineNum].error {
 right:-5px
}
.apply-form form .row .checkbox-wrap label.valid.error,.apply-form-wrapper .row .field-wrap label.valid.error,form label.valid,form label.valid.error {
 background:url(../img/sprite.png) -50px -900px no-repeat;
 width:15px;
 height:11px;
 position:absolute;
 top:14px;
 margin-left:10px;
 display:inline-block!important
}
form input.error {
 border-color:red
}
.form-field-list li input.error:focus {
 border:1px solid red
}
.user-agreement .fancy-checkbox input#agree {
 position:absolute;
 z-index:99;
 width:20px;
 height:20px
}
.form-field-list li .field-wrap input[type=text].landlinePhone {
 width:100px
}
.card-application .datepicker:after,.datepicker .field-wrap:after {
 background:url(../img/sprite.png) -100px -650px no-repeat;
 content:"";
 display:block;
 height:20px;
 pointer-events:none;
 position:absolute;
 right:16px;
 top:10px;
 width:20px;
 z-index:5
}
.card-application .datepicker,.datepicker .field-wrap {
 position:relative
}
.fat-nav div.fancy-select ul.options,.fat-nav div.fancy-select ul.options.open {
 opacity:1
}
.form-field-list li .field-wrap input.card-number[type=text] {
 width:30px;
 margin-right:5px
}
.form-step3 .button-wrap {
 text-align:right
}
.main-form .retrieve .datepicker .field-wrap,.main-form .retrieve .field-wrap input[type=text] {
 width:125px
}
.main-form .retrieve .datepicker .field-wrap {
 margin-right:35px
}
.track-app-accordion .form-content.retrieve {
 vertical-align:top
}
.main-form .retrieve .datepicker .field-wrap:after {
 right:-10px
}
.form-content.retrieve .datepicker,.form-content.retrieve .field-wrap {
 display:inline-block;
 float:none;
 position:relative
}
div.response p {
 padding:10px;
 border:2px solid #3dda23;
 font-size:16px;
 font-weight:400;
 text-align:center
}
div.response.error p {
 border-color:red
}
form label[for=middleName].valid,form label[for=middleName].valid.error {
 display:none!important
}
form .form-step3 label.error[for=agree] {
 left:0
}
form .form-field-list li .instruction {
 margin-left:187px;
 display:block;
 color:#888;
 font-size:11px;
 margin-top:15px
}
.user-agreement label.fancy-checkbox {
 position:relative;
 display:block;
 padding-left:20px
}
.user-agreement label.fancy-checkbox span.check-toggle {
 position:absolute;
 left:13px;
 top:3px
}
.form-field-list li.user-agreement>label.label-style-4.fancy-checkbox {
 display:block;
 padding-left:35px;
 font-size:12px;
 line-height:20px;
 font-weight:400
}
#e-apply-form ul.form-field-list {
 margin-bottom:20px
}
#e-apply-form .button-wrap {
 margin-left:187px;
 text-align:left
}
.name-field {
 display:inline-block;
 vertical-align:top
}
.name-field span.optional-txt,.step2 span.optional-txt {
 display:block;
 font-size:11px;
 color:#aaa
}
#e-apply-form .button-wrap .button:not(.primary):not(.secondary) {
 padding-left:0
}
#e-apply-form .button-wrap .button {
 margin:0 5px 0 0
}
#e-apply-form .button-wrap .button:first-child {
 margin-left:0
}
.apply-form-wrapper ::-webkit-input-placeholder {
 color:#666;
 font-weight:400
}
.apply-form-wrapper :-moz-placeholder {
 color:#666;
 font-weight:400
}
.apply-form-wrapper ::-moz-placeholder {
 color:#666;
 font-weight:400
}
.apply-form-wrapper :-ms-input-placeholder {
 color:#666;
 font-weight:400
}
.content-section.apply-form .row .field-wrap input#name,.content-section.apply-form .row .field-wrap input#phone {
 width:169px
}
input#annualIncome {
 position:relative
}
input#annualIncome:before {
 color:#333;
 position:absolute;
 left:0;
 top:0;
 display:block;
 z-index:99
}
.ui-widget-content.ui-autocomplete {
 background:#fbfbfb;
 width:198px!important;
 border:1px solid #ddd;
 padding:0;
 list-style:none;
 height:200px;
 overflow-x:hidden;
 overflow-y:auto
}
.ui-widget-content.ui-autocomplete li {
 display:block;
 padding:8px 5px;
 color:#999;
 background:#eee
}
.ui-widget-content.ui-autocomplete li:nth-child(even) {
 background:#fbfbfb
}
.ui-widget-content.ui-datepicker {
 z-index:111!important
}
a.button.primary.verify-mobile {
 margin-left:30px
}
a.button.primary.verify-mobile.disabled {
 cursor:default;
 opacity:.5
}
textarea {
 border:1px solid #cdcbcb;

 font-weight:400;
 color:#fff;
 /*! padding:8px 9px; */
 /*! height:102px; */
 background:transparent;
 /*! resize:none */
 font-size: 20px;
 line-height: 24px;
  
  text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-text-stroke: 1px rgba(0,0,0,.08);
text-shadow: 0 0 1px rgba(51,51,51,.08);
}

.qotpion {
    width:25% !important;
}
.checkbox-text {
 display:inline-block;
 margin:0;
 max-width:120px;
 vertical-align:top
}
#e-apply-form .form-step2.e-apply-step-2 label.error {
 right:-28px
}
#e-apply-form .form-step2.e-apply-step-2 label[for=gender].error {
 left:160px;
 top:8px
}
div.fancy-select ul.option selected {
 background-color:green
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance:none;
 margin:0
}
input[type=number] {
 -moz-appearance:textfield
}
form .form-step1 label[for=annualIncome].error {
 margin-left:209px
}
.ui-helper-hidden {
 display:none
}
.ui-helper-hidden-accessible {
 border:0;
 clip:rect(0 0 0 0);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:1px
}
.ui-helper-reset {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 line-height:1.3;
 text-decoration:none;
 font-size:100%;
 list-style:none
}
.ui-helper-clearfix:after,.ui-helper-clearfix:before {
 content:"";
 display:table;
 border-collapse:collapse
}
.ui-helper-clearfix:after {
 clear:both
}
.ui-helper-clearfix {
 min-height:0
}
.ui-helper-zfix {
 width:100%;
 height:100%;
 top:0;
 left:0;
 position:absolute;
 opacity:0;
 filter:Alpha(Opacity=0)
}
.ui-front {
 z-index:100
}
.ui-state-disabled {
 cursor:default!important
}
.ui-icon {
 display:block;
 text-indent:-99999px;
 overflow:hidden;
 background-repeat:no-repeat
}
.ui-widget-overlay {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.ui-draggable-handle {
 -ms-touch-action:none;
 touch-action:none
}
.ui-resizable {
 position:relative
}
.ui-resizable-handle {
 position:absolute;
 font-size:.1px;
 display:block;
 -ms-touch-action:none;
 touch-action:none
}
.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle {
 display:none
}
.ui-resizable-n {
 cursor:n-resize;
 height:7px;
 width:100%;
 top:-5px;
 left:0
}
.ui-resizable-s {
 cursor:s-resize;
 height:7px;
 width:100%;
 bottom:-5px;
 left:0
}
.ui-resizable-e {
 cursor:e-resize;
 width:7px;
 right:-5px;
 top:0;
 height:100%
}
.ui-resizable-w {
 cursor:w-resize;
 width:7px;
 left:-5px;
 top:0;
 height:100%
}
.ui-resizable-se {
 cursor:se-resize;
 width:12px;
 height:12px;
 right:1px;
 bottom:1px
}
.ui-resizable-sw {
 cursor:sw-resize;
 width:9px;
 height:9px;
 left:-5px;
 bottom:-5px
}
.ui-resizable-nw {
 cursor:nw-resize;
 width:9px;
 height:9px;
 left:-5px;
 top:-5px
}
.ui-resizable-ne {
 cursor:ne-resize;
 width:9px;
 height:9px;
 right:-5px;
 top:-5px
}
.ui-selectable {
 -ms-touch-action:none;
 touch-action:none
}
.ui-selectable-helper {
 position:absolute;
 z-index:100;
 border:1px dotted #000
}
.ui-sortable-handle {
 -ms-touch-action:none;
 touch-action:none
}
.ui-datepicker {
 width:17em;
 padding:.2em .2em 0;
 display:none
}
.ui-datepicker .ui-datepicker-header {
 position:relative;
 padding:.2em 0
}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
 position:absolute;
 top:2px;
 width:1.8em;
 height:1.8em
}
.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover {
 top:1px
}
.ui-datepicker .ui-datepicker-prev {
 left:2px
}
.ui-datepicker .ui-datepicker-next {
 right:2px
}
.ui-datepicker .ui-datepicker-prev-hover {
 left:1px
}
.ui-datepicker .ui-datepicker-next-hover {
 right:1px
}
.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
 display:block;
 position:absolute;
 left:50%;
 margin-left:-8px;
 top:50%;
 margin-top:-8px
}
.ui-datepicker .ui-datepicker-title {
 margin:0 2.3em;
 line-height:1.8em;
 text-align:center
}
.ui-datepicker .ui-datepicker-title select {
 font-size:1em;
 margin:1px 0
}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
 width:49%
}
.ui-datepicker table {
 width:100%;
 font-size:12px;
 border-collapse:collapse;
 margin:0 0 .4em;
 background:#efefef
}
.ui-datepicker th {
 padding:.7em .3em;
 text-align:center;
 font-weight:400;
 border:0
}
.ui-datepicker td {
 border:0;
 padding:1px
}
.ui-datepicker td a,.ui-datepicker td span {
 display:block;
 padding:.2em;
 text-align:center;
 text-decoration:none
}
.ui-datepicker .ui-datepicker-buttonpane {
 background-image:none;
 margin:.7em 0 0;
 padding:0 .2em;
 border-left:0;
 border-right:0;
 border-bottom:0
}
.ui-datepicker .ui-datepicker-buttonpane button {
 float:right;
 margin:.5em .2em .4em;
 cursor:pointer;
 padding:.2em .6em .3em;
 width:auto;
 overflow:visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
 float:left
}
.ui-datepicker.ui-datepicker-multi {
 width:auto
}
.ui-datepicker-multi .ui-datepicker-group {
 float:left
}
.ui-datepicker-multi .ui-datepicker-group table {
 width:95%;
 margin:0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
 width:50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
 width:33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
 width:25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
 border-left-width:0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
 clear:left
}
.ui-datepicker-row-break {
 clear:both;
 width:100%;
 font-size:0
}
.ui-datepicker-rtl {
 direction:rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
 right:2px;
 left:auto
}
.ui-datepicker-rtl .ui-datepicker-next {
 left:2px;
 right:auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
 right:1px;
 left:auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
 left:1px;
 right:auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
 clear:right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
 float:left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
 float:right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
 border-right-width:0;
 border-left-width:1px
}
.ui-slider {
 position:relative;
 text-align:left
}
.ui-slider .ui-slider-handle {
 position:absolute;
 z-index:2;
 width:1.2em;
 height:1.2em;
 cursor:default;
 -ms-touch-action:none;
 touch-action:none
}
.ui-slider .ui-slider-range {
 position:absolute;
 z-index:1;
 font-size:.7em;
 display:block;
 border:1px solid #0077ae;
 background-position:0 0;
 margin:-1px
}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
 filter:inherit
}
.ui-slider-horizontal {
 height:5px
}
.ui-slider-horizontal .ui-slider-handle {
 top:-.3em;
 margin-left:-.6em
}
.ui-slider-horizontal .ui-slider-range {
 top:0;
 height:100%
}
.ui-slider-horizontal .ui-slider-range-min {
 left:0
}
.ui-slider-horizontal .ui-slider-range-max {
 right:0
}
.ui-slider-vertical {
 width:.8em;
 height:100px
}
.ui-slider-vertical .ui-slider-handle {
 left:-.3em;
 margin-left:0;
 margin-bottom:-.6em
}
.ui-slider-vertical .ui-slider-range {
 left:0;
 width:100%
}
.ui-slider-vertical .ui-slider-range-min {
 bottom:0
}
.ui-slider-vertical .ui-slider-range-max {
 top:0
}
.ui-widget {
 font-size:1.1em
}
.ui-widget .ui-widget,.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
 font-size:1em
}
.ui-widget-content {
 border:1px solid #8e8f8f;
 background:#a7a8a8;
 color:#333
}
.ui-widget-content a {
 color:#333
}
.ui-widget-header {
 border:1px solid #0095d9;
 background:#0095d9;
 color:#fff;
 font-weight:400
}
.ui-widget-header a {
 color:#fff
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
 border:1px solid #ccc;
 background:#fff;
 font-weight:400;
 color:#999
}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
 color:#1c94c4;
 text-decoration:none
}
.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
 border:0;
 background:#0095d9;
 font-weight:400;
 color:#fff
}
.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
 color:#0095d9;
 text-decoration:none
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
 border:1px solid #0095d9;
 background:#fff;
 font-weight:400;
 color:#0095d9
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
 color:#eb8f00;
 text-decoration:none
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
 border:1px solid #0095d9;
 background:#0095d9;
 color:#fff
}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
 color:#363636
}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
 border:1px solid #cd0a0a;
 background:url(../img/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% #b81900;
 color:#fff
}
.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text {
 color:#fff
}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
 font-weight:400
}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
 opacity:.7;
 filter:Alpha(Opacity=70);
 font-weight:400
}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
 opacity:.35;
 filter:Alpha(Opacity=35);
 background-image:none
}
.ui-state-disabled .ui-icon {
 filter:Alpha(Opacity=35)
}
.ui-icon {
 width:16px;
 height:16px
}
.ui-icon,.ui-widget-content .ui-icon {
 background-image:url(../img/ui-icons_222222_256x240.png)
}
.ui-widget-header .ui-icon {
 background-image:url(../img/ui-icons_ffffff_256x240.png)
}
.ui-state-active .ui-icon,.ui-state-default .ui-icon {
 background-image:url(../img/ui-icons_ef8c08_256x240.png)
}
.ui-state-highlight .ui-icon {
 background-image:url(../img/ui-icons_228ef1_256x240.png)
}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
 background-image:url(../img/ui-icons_ffd27a_256x240.png)
}
.ui-icon-blank {
 background-position:16px 16px
}
.ui-icon-carat-1-n {
 background-position:0 0
}
.ui-icon-carat-1-ne {
 background-position:-16px 0
}
.ui-icon-carat-1-e {
 background-position:-32px 0
}
.ui-icon-carat-1-se {
 background-position:-48px 0
}
.ui-icon-carat-1-s {
 background-position:-64px 0
}
.ui-icon-carat-1-sw {
 background-position:-80px 0
}
.ui-icon-carat-1-w {
 background-position:-96px 0
}
.ui-icon-carat-1-nw {
 background-position:-112px 0
}
.ui-icon-carat-2-n-s {
 background-position:-128px 0
}
.ui-icon-carat-2-e-w {
 background-position:-144px 0
}
.ui-icon-triangle-1-n {
 background-position:0 -16px
}
.ui-icon-triangle-1-ne {
 background-position:-16px -16px
}
.ui-icon-triangle-1-e {
 background-position:-32px -16px
}
.ui-icon-triangle-1-se {
 background-position:-48px -16px
}
.ui-icon-triangle-1-s {
 background-position:-64px -16px
}
.ui-icon-triangle-1-sw {
 background-position:-80px -16px
}
.ui-icon-triangle-1-w {
 background-position:-96px -16px
}
.ui-icon-triangle-1-nw {
 background-position:-112px -16px
}
.ui-icon-triangle-2-n-s {
 background-position:-128px -16px
}
.ui-icon-triangle-2-e-w {
 background-position:-144px -16px
}
.ui-icon-arrow-1-n {
 background-position:0 -32px
}
.ui-icon-arrow-1-ne {
 background-position:-16px -32px
}
.ui-icon-arrow-1-e {
 background-position:-32px -32px
}
.ui-icon-arrow-1-se {
 background-position:-48px -32px
}
.ui-icon-arrow-1-s {
 background-position:-64px -32px
}
.ui-icon-arrow-1-sw {
 background-position:-80px -32px
}
.ui-icon-arrow-1-w {
 background-position:-96px -32px
}
.ui-icon-arrow-1-nw {
 background-position:-112px -32px
}
.ui-icon-arrow-2-n-s {
 background-position:-128px -32px
}
.ui-icon-arrow-2-ne-sw {
 background-position:-144px -32px
}
.ui-icon-arrow-2-e-w {
 background-position:-160px -32px
}
.ui-icon-arrow-2-se-nw {
 background-position:-176px -32px
}
.ui-icon-arrowstop-1-n {
 background-position:-192px -32px
}
.ui-icon-arrowstop-1-e {
 background-position:-208px -32px
}
.ui-icon-arrowstop-1-s {
 background-position:-224px -32px
}
.ui-icon-arrowstop-1-w {
 background-position:-240px -32px
}
.ui-icon-arrowthick-1-n {
 background-position:0 -48px
}
.ui-icon-arrowthick-1-ne {
 background-position:-16px -48px
}
.ui-icon-arrowthick-1-e {
 background-position:-32px -48px
}
.ui-icon-arrowthick-1-se {
 background-position:-48px -48px
}
.ui-icon-arrowthick-1-s {
 background-position:-64px -48px
}
.ui-icon-arrowthick-1-sw {
 background-position:-80px -48px
}
.ui-icon-arrowthick-1-w {
 background-position:-96px -48px
}
.ui-icon-arrowthick-1-nw {
 background-position:-112px -48px
}
.ui-icon-arrowthick-2-n-s {
 background-position:-128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
 background-position:-144px -48px
}
.ui-icon-arrowthick-2-e-w {
 background-position:-160px -48px
}
.ui-icon-arrowthick-2-se-nw {
 background-position:-176px -48px
}
.ui-icon-arrowthickstop-1-n {
 background-position:-192px -48px
}
.ui-icon-arrowthickstop-1-e {
 background-position:-208px -48px
}
.ui-icon-arrowthickstop-1-s {
 background-position:-224px -48px
}
.ui-icon-arrowthickstop-1-w {
 background-position:-240px -48px
}
.ui-icon-arrowreturnthick-1-w {
 background-position:0 -64px
}
.ui-icon-arrowreturnthick-1-n {
 background-position:-16px -64px
}
.ui-icon-arrowreturnthick-1-e {
 background-position:-32px -64px
}
.ui-icon-arrowreturnthick-1-s {
 background-position:-48px -64px
}
.ui-icon-arrowreturn-1-w {
 background-position:-64px -64px
}
.ui-icon-arrowreturn-1-n {
 background-position:-80px -64px
}
.ui-icon-arrowreturn-1-e {
 background-position:-96px -64px
}
.ui-icon-arrowreturn-1-s {
 background-position:-112px -64px
}
.ui-icon-arrowrefresh-1-w {
 background-position:-128px -64px
}
.ui-icon-arrowrefresh-1-n {
 background-position:-144px -64px
}
.ui-icon-arrowrefresh-1-e {
 background-position:-160px -64px
}
.ui-icon-arrowrefresh-1-s {
 background-position:-176px -64px
}
.ui-icon-arrow-4 {
 background-position:0 -80px
}
.ui-icon-arrow-4-diag {
 background-position:-16px -80px
}
.ui-icon-extlink {
 background-position:-32px -80px
}
.ui-icon-newwin {
 background-position:-48px -80px
}
.ui-icon-refresh {
 background-position:-64px -80px
}
.ui-icon-shuffle {
 background-position:-80px -80px
}
.ui-icon-transfer-e-w {
 background-position:-96px -80px
}
.ui-icon-transferthick-e-w {
 background-position:-112px -80px
}
.ui-icon-folder-collapsed {
 background-position:0 -96px
}
.ui-icon-folder-open {
 background-position:-16px -96px
}
.ui-icon-document {
 background-position:-32px -96px
}
.ui-icon-document-b {
 background-position:-48px -96px
}
.ui-icon-note {
 background-position:-64px -96px
}
.ui-icon-mail-closed {
 background-position:-80px -96px
}
.ui-icon-mail-open {
 background-position:-96px -96px
}
.ui-icon-suitcase {
 background-position:-112px -96px
}
.ui-icon-comment {
 background-position:-128px -96px
}
.ui-icon-person {
 background-position:-144px -96px
}
.ui-icon-print {
 background-position:-160px -96px
}
.ui-icon-trash {
 background-position:-176px -96px
}
.ui-icon-locked {
 background-position:-192px -96px
}
.ui-icon-unlocked {
 background-position:-208px -96px
}
.ui-icon-bookmark {
 background-position:-224px -96px
}
.ui-icon-tag {
 background-position:-240px -96px
}
.ui-icon-home {
 background-position:0 -112px
}
.ui-icon-flag {
 background-position:-16px -112px
}
.ui-icon-calendar {
 background-position:-32px -112px
}
.ui-icon-cart {
 background-position:-48px -112px
}
.ui-icon-pencil {
 background-position:-64px -112px
}
.ui-icon-clock {
 background-position:-80px -112px
}
.ui-icon-disk {
 background-position:-96px -112px
}
.ui-icon-calculator {
 background-position:-112px -112px
}
.ui-icon-zoomin {
 background-position:-128px -112px
}
.ui-icon-zoomout {
 background-position:-144px -112px
}
.ui-icon-search {
 background-position:-160px -112px
}
.ui-icon-wrench {
 background-position:-176px -112px
}
.ui-icon-gear {
 background-position:-192px -112px
}
.ui-icon-heart {
 background-position:-208px -112px
}
.ui-icon-star {
 background-position:-224px -112px
}
.ui-icon-link {
 background-position:-240px -112px
}
.ui-icon-cancel {
 background-position:0 -128px
}
.ui-icon-plus {
 background-position:-16px -128px
}
.ui-icon-plusthick {
 background-position:-32px -128px
}
.ui-icon-minus {
 background-position:-48px -128px
}
.ui-icon-minusthick {
 background-position:-64px -128px
}
.ui-icon-close {
 background-position:-80px -128px
}
.ui-icon-closethick {
 background-position:-96px -128px
}
.ui-icon-key {
 background-position:-112px -128px
}
.ui-icon-lightbulb {
 background-position:-128px -128px
}
.ui-icon-scissors {
 background-position:-144px -128px
}
.ui-icon-clipboard {
 background-position:-160px -128px
}
.ui-icon-copy {
 background-position:-176px -128px
}
.ui-icon-contact {
 background-position:-192px -128px
}
.ui-icon-image {
 background-position:-208px -128px
}
.ui-icon-video {
 background-position:-224px -128px
}
.ui-icon-script {
 background-position:-240px -128px
}
.ui-icon-alert {
 background-position:0 -144px
}
.ui-icon-info {
 background-position:-16px -144px
}
.ui-icon-notice {
 background-position:-32px -144px
}
.ui-icon-help {
 background-position:-48px -144px
}
.ui-icon-check {
 background-position:-64px -144px
}
.ui-icon-bullet {
 background-position:-80px -144px
}
.ui-icon-radio-on {
 background-position:-96px -144px
}
.ui-icon-radio-off {
 background-position:-112px -144px
}
.ui-icon-pin-w {
 background-position:-128px -144px
}
.ui-icon-pin-s {
 background-position:-144px -144px
}
.ui-icon-play {
 background-position:0 -160px
}
.ui-icon-pause {
 background-position:-16px -160px
}
.ui-icon-seek-next {
 background-position:-32px -160px
}
.ui-icon-seek-prev {
 background-position:-48px -160px
}
.ui-icon-seek-end {
 background-position:-64px -160px
}
.ui-icon-seek-first,.ui-icon-seek-start {
 background-position:-80px -160px
}
.ui-icon-stop {
 background-position:-96px -160px
}
.ui-icon-eject {
 background-position:-112px -160px
}
.ui-icon-volume-off {
 background-position:-128px -160px
}
.ui-icon-volume-on {
 background-position:-144px -160px
}
.ui-icon-power {
 background-position:0 -176px
}
.ui-icon-signal-diag {
 background-position:-16px -176px
}
.ui-icon-signal {
 background-position:-32px -176px
}
.ui-icon-battery-0 {
 background-position:-48px -176px
}
.ui-icon-battery-1 {
 background-position:-64px -176px
}
.ui-icon-battery-2 {
 background-position:-80px -176px
}
.ui-icon-battery-3 {
 background-position:-96px -176px
}
.ui-icon-circle-plus {
 background-position:0 -192px
}
.ui-icon-circle-minus {
 background-position:-16px -192px
}
.ui-icon-circle-close {
 background-position:-32px -192px
}
.ui-icon-circle-triangle-e {
 background-position:-48px -192px
}
.ui-icon-circle-triangle-s {
 background-position:-64px -192px
}
.ui-icon-circle-triangle-w {
 background-position:-80px -192px
}
.ui-icon-circle-triangle-n {
 background-position:-96px -192px
}
.ui-icon-circle-arrow-e {
 background-position:-112px -192px
}
.ui-icon-circle-arrow-s {
 background-position:-128px -192px
}
.ui-icon-circle-arrow-w {
 background-position:-144px -192px
}
.ui-icon-circle-arrow-n {
 background-position:-160px -192px
}
.ui-icon-circle-zoomin {
 background-position:-176px -192px
}
.ui-icon-circle-zoomout {
 background-position:-192px -192px
}
.ui-icon-circle-check {
 background-position:-208px -192px
}
.ui-icon-circlesmall-plus {
 background-position:0 -208px
}
.ui-icon-circlesmall-minus {
 background-position:-16px -208px
}
.ui-icon-circlesmall-close {
 background-position:-32px -208px
}
.ui-icon-squaresmall-plus {
 background-position:-48px -208px
}
.ui-icon-squaresmall-minus {
 background-position:-64px -208px
}
.ui-icon-squaresmall-close {
 background-position:-80px -208px
}
.ui-icon-grip-dotted-vertical {
 background-position:0 -224px
}
.ui-icon-grip-dotted-horizontal {
 background-position:-16px -224px
}
.ui-icon-grip-solid-vertical {
 background-position:-32px -224px
}
.ui-icon-grip-solid-horizontal {
 background-position:-48px -224px
}
.ui-icon-gripsmall-diagonal-se {
 background-position:-64px -224px
}
.ui-icon-grip-diagonal-se {
 background-position:-80px -224px
}
.ui-widget-overlay {
 background:url(../img/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% #666;
 opacity:.5;
 filter:Alpha(Opacity=50)
}
.ui-widget-shadow {
 margin:-5px 0 0 -5px;
 padding:5px;
 background:url(../img/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x #000;
 opacity:.2;
 filter:Alpha(Opacity=20);
 border-radius:5px;
 -webkit-border-radius:5px
}
ul.static-menu,ul.utility-menu {
 height:40px;
 float:left;
 padding:0;
 margin:0
}
ul.page-tabs {
 float:left;
 height:40px;
 margin-left:157px
}
.page-tabs li a {
 font-size:1.1em
}
.page-tabs li,ul.social-nav li,ul.static-menu li,ul.utility-menu li {
 display:inline;
 font-size:1.1em;
 float:left;
 font-weight:600
}
.page-tabs li a,ul.social-nav li a,ul.static-menu li a,ul.utility-menu li a {
 float:left;
 height:40px;
 line-height:40px;
 text-align:center;
 text-decoration:none;
 color:#fff;
 padding:0 10px
}
.page-tabs li a {
 background:#06191e;
 border-left:solid 1px #1d4049;
 padding:0 15px;
 font-weight:600;
 color:#ccc
}
.page-tabs li a:hover {
 color:#fff
}
.page-tabs li:last-child a {
 border-right:solid 1px #1d4049
}
.page-tabs .active a,.page-tabs .active a:hover,.page-tabs li.active a,.page-tabs li.active a:hover {
 background:#fff;
 color:#0095d9;
 border-left:0;
 font-weight:600
}
.page-tabs li a:hover,ul.social-nav li a:hover,ul.static-menu li a:hover,ul.utility-menu li a:hover {
 background-color:#0f323c
}
.utility-menu .font-size span {
 float:left;
 line-height:40px;
 padding:0 10px 0 0;
 color:#fff
}
ul li.font-size {
 padding:0 15px 0 10px;
 float:left
}
ul li.font-size a {
 height:20px;
 width:20px;
 margin:9px 3px;
 line-height:20px;
 padding:0;
 text-align:center;
 background:#20667a;
 border:1px solid #0c2831
}
ul li.font-size a.bigger {
 font-size:1.4em
}
ul li.font-size a.selected {
 background:#154553;
 color:#000
}
ul li.switch-language a {
 font-family:'Lohit Devanagari',serif;
 font-size:12px;
 line-height:45px;
 font-weight:400;
 background:#0a242b;
 border:none;
 padding:0 23px
}
ul.utility-menu {
 float:right
}
ul li.account-nav a {
 border-right:solid 1px #1d4049;
 border-left:solid 1px #1d4049;
 padding:0 34px;
 position:relative;
 font-size:12px;
 font-weight:600
}
ul.utlity-menu li.account-nav a.icon-a:after {
 background-position:-40px 0;
 position:absolute;
 width:10px;
 height:5px;
 right:10px;
 top:18px
}
ul.social-nav {
 padding:0;
 margin:14px 14px 6px 15px;
 float:right
}
ul.social-nav li {
 display:inline;
 font-weight:400;
 font-size:1.1em;
 float:left
}
.page-top ul.social-nav li a,.page-top ul.social-nav li a:hover {
 text-indent:-9000px;
 width:20px;
 padding:0;
 margin:0 20px 0 0;
 background-color:transparent;
 line-height:0;
 height:20px;
 border:none
}
.page-top ul.social-nav li:last-child a {
 margin-right:0
}
.page-top ul.social-nav li a.icon.facebook {
 background-position:0 0;
 margin-right:17px
}
.page-top ul.social-nav a.icon.twitter {
 background-position:-50px 0
}
.page-top ul.social-nav a.icon.linkedin {
 background-position:-100px 0
}
div.cta-content {
 position:absolute;
 bottom:14px
}
.fatnav-cta .cta-content h2 {
 font-weight:400;
 color:#fff;
 margin-right:30px
}
nav.fat-nav .column .sub-menu-links li a.button {
 display:inherit;
 color:#fff;
 width:150px;
 height:30px;
 line-height:30px;
 text-align:center;
 padding:0 25px
}
nav.fat-nav .column .sub-menu-links li a.button:hover {
 background:#0095d9;
 color:#fff
}
.tablet .highlight-link.active>a>span.gray,html.desktop .highlight-link:hover >a>span.gray,html.desktop .highlight-link>a:hover>span.gray {
 background:#0095d9
}
.highlight-link>a>span.gray {
 display:inline-block;
 background:#e0e0e0;
 height:30px;
 line-height:30px;
 padding:5px 15px
}
nav.fat-nav .column .sub-menu-links li.button-li {
 height:28px;
 margin:10px 0
}
ul.static-menu {
 padding-left:19px
}
.global-nav .wrapper {
 width:960px
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .global-nav ul li.global-search {
  padding:13px 15px
 }
}
html.mobile .global-nav .wrapper,html.tablet .global-nav .wrapper {
 width:auto
}
html.desktop .global-nav ul.main-menu>li.last-menu-item a {
 border-right:none;
 padding:0 24px
}
.logo {
 float:left;
 background:url(../img/logo.png) no-repeat;
 width:130px;
 height:43px;
 text-indent:-9000px;
 margin:13px 0 0
}
.global-nav {
 height:60px;
 background:#fff;
 position:relative;
 z-index:50
}
.global-search {
 float:right
}
.global-nav .wrapper>ul {
 position:relative;
 margin-left:156px
}
.quick-action-form ul li.row .field-wrap {
 padding-top:10px
}
.global-nav ul.main-menu>li {
 float:left;
 font-size:13px;
 font-weight:600;
 height:60px
}
.global-nav ul.main-menu>li>a {
 display:block;
 line-height:60px;
 color:#141414;
 border-right:solid 1px #e5e5e5;
 text-align:center;
 height:60px;
 padding:0 21px
}
.global-nav li:first-child a {
 border-left:solid 1px #e5e5e5
}
.global-nav ul li.global-search {
 position:absolute;
 padding:11px 15px;
 border-right:solid 1px #e5e5e5;
 width:200px;
 top:0;
 right:0;
 height:38px;
 border-left:solid 1px #e5e5e5;
 background:#fff
}
.search-form input {
 background:0 0;
 font-size:14px;
 height:35px;
 color:#3a5962;
 border:none;
 width:168px;
 padding:0
}
.search-form input:focus {
 background:0 0;
 outline:0
}
.search-form input:-ms-input-placeholder,
.search-form input::-moz-placeholder,
.search-form input::-webkit-input-placeholder,
.search-form input:placeholder,.search-form input:-moz-placeholder {
 color:#3a5962;
 opacity:1
}
.search-form label {
 position:relative;
 padding-left:30px;
 height:36px;
 display:block;
 background:#fbfbfb;
 border:1px solid #cdcbcb
}
.search-form .icon-b {
 width:15px;
 height:15px;
 position:absolute;
 top:11px;
 left:9px;
 opacity:.5;
 display:block;
 background:url(../img/sprite.png) -350px -500px no-repeat;
 cursor:pointer;
}
input#search {
 border:none;
 color:#a0a0a0
}
html.desktop .global-nav ul.main-menu>li>a:hover,html.desktop .global-nav ul.main-menu>li:hover>a {
 background:#0095d9;
 color:#fff;
 position:relative;
 bottom:0;
 top:0;
 padding-top:1px!important;
 padding-bottom:0!important
}
.global-nav ul li nav.fat-nav {
 position:absolute;
 left:1px;
 background:#fff;
 width:802px;
 z-index:-50;
 overflow:hidden;
 padding:20px 30px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 margin-top:0;
 opacity:0
}
.global-nav ul.main-menu>li.closed nav.fat-nav .fat-nav-grid {
}
.global-nav ul.main-menu>li.closed nav.fat-nav {
 height:0;
 opacity:0;
 top:-140px
}
html.desktop .global-nav ul.main-menu>li.active nav.fat-nav {
 -webkit-animation:menuEnter .25s linear;
 -moz-animation:menuEnter .25s linear;
 -o-animation:menuEnter .25s linear;
 animation:menuEnter .25s linear;
 max-height:800px;
 height:auto;
 opacity:1;
 top:60px;
 border-top:solid 4px #0095d9;
 border-left:1px solid #e5e5e5;
 border-right:1px solid #e5e5e5;
 border-bottom:1px solid #e5e5e5
}
.quick-action-form .fancy-checkbox {
 font-size:11px
}
.quick-action-form .fancy-checkbox input.inline-checkbox#agree {
 width:0;
 height:0;
 float:left;
 display:none;
 margin-top:10px
}
.global-nav ul li.closed nav.fat-nav .fatnav-cta {
 opacity:0
}
.global-nav ul li.active nav.fat-nav .fatnav-cta {
 position:absolute;
 background:#1b619c;
 width:265px;
 right:-20px;
 top:-20px;
 bottom:-20px;
 opacity:1
}
.global-nav ul li nav.fat-nav .column {
 display:inline-block;
 vertical-align:top;
 position:relative
}
.global-nav ul li nav.fat-nav article.column:nth-of-type(1) {
 width:33%
}
.global-nav ul li nav.fat-nav article.column:nth-of-type(2) {
 width:29%;
 margin:0 20px
}
.global-nav ul li nav.fat-nav article.column:nth-of-type(3) {
 width:32%
}
body .global-nav ul li nav.fat-nav article.column ul {
 margin-bottom:30px
}
.global-nav ul li nav.fat-nav h3 {
 font-weight:600;
 color:#333
}
.global-nav ul li nav.fat-nav h3 a {
 color:#333
}
nav.fat-nav .column h2 {
 font-size:22px;
 margin-bottom:20px;
 font-weight:400;
 color:#000;
 margin-top:0;
 line-height:22px
}
nav.fat-nav .column .sub-menu-links {
 display:block;
 min-width:40%
}
nav.fat-nav .column .sub-menu-links:last-child {
 clear:left;
 margin-top:15px;
 padding-bottom:0;
 margin-bottom:0
}
nav.fat-nav .column .sub-menu-links li {
 margin:0 0 10px;
 padding:0;
 display:block;
 width:100%
}
nav.fat-nav .column .sub-menu-links li a {
 color:#666;
 font-size:13px;
 font-weight:600;
 padding:0 0 0 25px;
 text-align:left;
 float:none;
 border:none;
 line-height:16px;
 position:relative;
 display:block
}
nav.fat-nav .column .sub-menu-links li:hover a {
 background:0 0;
 color:#0095d9
}
nav.fat-nav .column .sub-menu-links li:hover a .icon {
 background-position-x:-25px
}
nav.fat-nav .column .sub-menu-links li a .icon {
 position:absolute;
 left:0;
 top:1px;
 width:23px;
 height:23px;
 font-size:9px;
 line-height:20px;
 color:#666
}
nav.fat-nav .column .sub-menu-links li a.arrow-link {
 padding-left:15px
}
.icon.arrow {
 background-position:20px 20px;
 text-align:right
}
nav.fat-nav .column input.btn {
 font-weight:600;
 font-size:14px;
 text-align:center
}
form.apply-now input[type=text] {
 border:1px solid #cdcbcb;
 font-size:12px;
 font-weight:400;
 color:#666;
 padding:8px 7px;
 height:20px;
 width:91%;
 margin-bottom:10px
}
form.apply-now label {
 color:#333;
 font-size:11px;
 font-weight:400;
 margin-left:5px
}
form.apply-now .btn {
 margin-top:10px;
 clear:both
}
form.apply-now .btn.fit {
 width:100%
}
nav.fat-nav .column p {
 font-size:12px;
 font-weight:400;
 color:#666
}
nav.fat-nav .column .row {
 width:100%;
 clear:both
}
nav.fat-nav .column .row .btn {
 float:left
}
nav.fat-nav .column .row a {
 float:right;
 border:none;
 padding:0;
 font-size:11px;
 color:#0095D9;
 font-weight:400;
 line-height:40px
}
nav.fat-nav .column .row a:hover {
 color:#0095d9
}
.icon.small-icon.premium-cards {
 background-position:0 -650px
}
.icon.small-icon.travel {
 background-position:0 -675px
}
.icon.small-icon.shopping {
 background-position:0 -700px
}
.icon.small-icon.classic {
 background-position:0 -725px
}
.icon.small-icon.arrow {
 background-position:0 -800px
}
.icon.small-icon.exclusive {
 background-position:0 -750px
}
.icon.small-icon.lifestyle {
 background-position:0 -5100px
}
.icon.small-icon.rewards {
 background-position:-75px -5100px
}
.icon.small-icon.banking-partnership {
 background-position:-25px -5100px
}
.icon.small-icon.value-savings {
 background-position:-50px -5100px
}
.icon.small-icon.lower-interest {
 background-position:-100px -5100px
}
.icon.small-icon.encash {
 background-position:-125px -5100px
}
.icon.small-icon.money-simplified {
 background-position:-150px -5100px
}
.icon.small-icon.insurance {
 background-position:-175px -5100px
}
.icon.small-icon.utility {
 background-position:-200px -5100px
}
.icon.small-icon.easy-access {
 background-position:-225px -5100px
}
.icon.small-icon.neft-payment {
 background-position:-250px -5100px
}
.icon.small-icon.paynet-pay {
 background-position:-275px -5100px
}
.icon.small-icon.electronic-clearing {
 background-position:-300px -5100px
}
.icon.small-icon.visa-credit-card {
 background-position:-325px -5100px
}
.icon.small-icon.online-sbi {
 background-position:-350px -5100px
}
.icon.small-icon.mobile-banking {
 background-position:-375px -5100px
}
.icon.small-icon.electronic-bill {
 background-position:-400px -5100px
}
.icon.small-icon.auto-debit {
 background-position:-425px -5100px
}
.icon.small-icon.counter-payment {
 background-position:-450px -5100px
}
.icon.small-icon.electronic-box {
 background-position:-475px -5100px
}
.icon.small-icon.manual-box {
 background-position:-500px -5100px
}
.icon.small-icon.pay-cash {
 background-position:-525px -5100px
}
.icon.small-icon.sbi-atm {
 background-position:-550px -5100px
}
.icon.small-icon.all-offers {
 background-position:-575px -5100px
}
.icon.small-icon.convert-to-emi {
 background-position:-600px -5100px
}
.icon.small-icon.offers-this-week {
 background-position:-625px -5100px
}
.sitemap-inner .icon.small-icon.pay-offline {
 background-position:-650px -5100px
}
.sitemap-inner .icon.small-icon.pay-online {
 background-position:-675px -5100px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.sbi-atm {
 background-position:-550px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.pay-cash {
 background-position:-525px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.manual-box {
 background-position:-500px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.electronic-box {
 background-position:-475px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.counter-payment {
 background-position:-450px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.all-offers {
 background-position:-575px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.convert-to-emi {
 background-position:-600px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.offers-this-week {
 background-position:-625px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.electronic-bill {
 background-position:-400px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.mobile-banking {
 background-position:-375px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.online-sbi {
 background-position:-350px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.visa-credit-card {
 background-position:-325px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.neft-payment {
 background-position:-250px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.paynet-pay {
 background-position:-275px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.electronic-clearing {
 background-position:-300px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.travel {
 background-position:-25px -675px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.lifestyle {
 background-position:0 -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.rewards {
 background-position:-75px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.banking-partnership {
 background-position:-25px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.value-savings {
 background-position:-50px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.lower-interest {
 background-position:-100px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.encash {
 background-position:-125px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.money-simplified {
 background-position:-150px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.insurance {
 background-position:-175px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.utility {
 background-position:-200px -5125px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.easy-access {
 background-position:-225px -5125px
}
nav.fat-nav .column .sub-menu-links li a .icon.small-icon.arrow {
 width:10px;
 height:10px;
 left:5px;
 top:6px
}
nav.fat-nav .column .sub-menu-links.card-links li a {
 font-size:13px;
 padding-left:30px
}
nav.fat-nav .column .sub-menu-links.card-links li {
 margin-bottom:12px;
 line-height:18px
}
.fatnav-cta .cta-image {
 display:block;
 position:absolute;
 left:0;
 top:19px;
 z-index:2
}
.fatnav-cta .cta-content {
 position:absolute;
 z-index:10;
 padding:20px;
 color:#fff
}
nav.fat-nav .column .sub-menu-links li:hover a .icon.others,nav.fat-nav .column .sub-menu-links li a:hover .icon.others {
 background-position-x:-175px
}
.icon.tac {
 background-position:-150px -650px
}
.icon.faq {
 background-position:-150px -675px
}
.icon.chat {
 background-position:-150px -700px
}
.icon.call {
 background-position:-150px -725px
}
.icon.sticky-contact {
 background-position:-550px -900px
}
.icon.sticky-faq {
 background-position:-525px -900px
}
.icon.sticky-feedback {
 background-position:-500px -900px
}
nav.fat-nav .column input[type=checkbox] {
 display:inline-block;
 background:#fff;
 border:1px solid #cdcdcd;
 -webkit-appearance:none;
 -moz-appearance:none;
 width:13px;
 height:13px
}
.fat-nav .social-buttons {
 height:30px;
 text-align:right;
 padding-top:30px
}
.global-nav .fat-nav .social-buttons li {
 display:inline-block;
 border:none;
 padding:0;
 width:28px;
 height:28px;
 margin:0 5px;
}
.global-nav .fat-nav .social-buttons li:first-child {
 font-weight:400;
 width:120px;
 height:28px;
 line-height:28px;
 vertical-align:top
}
.global-nav .fat-nav .social-buttons li a.icon.rounded {
 display:inline-block;
 border:none;
 padding:none;
 text-indent:-9000px;
 width:28px;
 height:28px;
 border-radius:50%;
 -webkit-border-radius:50%
}
.global-nav .fat-nav .social-buttons li a.facebook {
 background-color:#3d599b;
 background-position:10px 7px
}
.global-nav .fat-nav .social-buttons li a.twitter {
 background-color:#00abee;
 background-position:-43px 7px
}
.global-nav .fat-nav .social-buttons li a.linked-in {
 background-color:#0e76a8;
 background-position:-92px 7px
}
.global-nav ul.main-menu>li.last-menu-item a,.global-nav ul.main-menu>li.last-menu-item {
 border-right:none
}
.global-nav .main-menu .highlight-link .quick-action-form label.error {
 top:24px
}
.global-nav .main-menu .highlight-link .quick-action-form label.error[for=city] {
 top:11px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.card-upgrade {
 background-position:-237px -7278px
}
.icon.small-icon.card-upgrade {
 background-position:-237px -7243px
}
nav.fat-nav .column .sub-menu-links li a:hover .icon.small-icon.other-benfits {
 background-position:-12px -7501px
}
.icon.small-icon.other-benfits {
 background-position:-12px -7534px
}
.online-track-app-cont:before {
 display:block;
 content:"";
 height:200px;
 margin-top:-200px;
 visibility:hidden
}
.home-header {
 height:390px;
 overflow:hidden;
 position:relative;
 background:#f4f4f4;
 z-index:5;
 width:100%
}
header ul {
 list-style:none;
 margin:0;
 padding:0
}
.login-block-wrapper {
 width:960px;
 left:50%;
 z-index:10;
 position:absolute;
 height:0;
 margin-left:-480px;
 top:99px
}
.quick-nav-wrapper {
 height:0;
 left:50%;
 margin-left:-480px;
 position:absolute;
 top:101px;
 width:960px;
 z-index:10
}
.login-block {
 background:#FFF;
 float:right;
 height:110px;
 padding:15px;
 position:absolute;
 right:0;
 width:201px
}
.login-block p {
 padding:0
}
.quick-nav-wrapper .quick-nav {
 float:right;
 height:247px;
 width:231px;
 background:rgba(10,36,43,.8);
 margin-top:140px
}
.login-block-wrapper .login-block {
 background:#fff;
 padding:18px 15px 15px
}
.login-block a.button {
 width:100%;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box
}
.login-block .forgot-login {
 font-size:11px;
 display:block;
 margin:3px 0 10px;
 font-weight:600
}
.login-block h3 {
 margin:0 0 4px;
 font-weight:700
}
.login-block p {
 margin:0 0 3px;
 font-size:10px;
 color:#666;
 font-weight:400
}
.login-block a.demo-video {
 color:#666;
 font-size:11px;
 display:inline-block;
 position:relative;
 vertical-align:middle
}
.login-block a.demo-video:after {
 width:22px;
 height:15px;
 background-position:-150px -50px;
 display:inline-block;
 vertical-align:middle
}
.quick-links li {
 display:block;
 height:40px;
 font-size:13px
}
.quick-links li a {
 display:block;
 height:39px;
 border-top:solid 1px #26515e;
 color:#fff;
 line-height:39px;
 position:relative;
 padding-left:50px;
 font-weight:600;
 font-size:12px;
 transition:all .2s ease-in-out;
 -webkit-transition:all .15s ease-in-out;
 -moz-transition:all .15s ease-in-out;
 -ms-transition:all .15s ease-in-out;
 -o-transition:all .15s ease-in-out
}
.quick-links li a:hover,.quick-links li:hover a {
 background:#0095d9
}
.quick-links li a .icon {
 width:15px;
 height:15px;
 position:absolute;
 left:20px;
 top:13px
}
.sticky-links {
 position:fixed;
 right:-52px;
 top:240px;
 z-index:10;
 padding:0;
 list-style:none;
 width:50px;
 margin:0;
 transition:all .2s ease-in-out;
 -webkit-transition:all .2s ease-in-out;
 -moz-transition:all .2s ease-in-out;
 -ms-transition:all .2s ease-in-out;
 -o-transition:all .2s ease-in-out;
 opacity:0
}
.sticky-links.show {
 right:0;
 opacity:1
}
.sticky-links .sticky-quick-links {
 position:absolute;
 left:0;
 top:0;
 padding:0;
 margin:0
}
.sticky-quick-links li {
 position:relative
}
.sticky-quick-links li a {
 background:#0a242b;
 position:absolute
}
.sticky-quick-links li a:hover {
 margin:0 0 0 -165px;
 transition:margin .2s ease-in-out;
 -webkit-transition:margin .2s ease-in-out
}
.sticky-quick-links li a small {
 display:none;
 font-weight:600;
 font-size:12px;
 color:#fff
}
.sticky-quick-links li a:hover {
 width:165px;
 background:#0095d9;
 border-top-color:#0095d9
}
.sticky-quick-links li a:hover small {
 display:block
}
.sticky-quick-links.quick-links li a:hover .icon.chat {
 background-position:-400px 0
}
html.desktop .home-header.small-hero .slick-slider .slick-slide>img {
 height:auto;
 min-height:0
}
.home-header .slick-slider .slick-slide img {
 min-height:380px
}
.breadcrumb-top {
 height:30px;
 background:#0a242b
}
.breadcrumb-top ul.bread-tabs {
 height:40px;
 margin-left:-38px
}
.iw-breadcrumb {
 width:100%;
 margin:0 auto
}
span.iw-breadcrumb-separator {
 color:#0095d9
}
span.iw-breadcrumb-node a {
 font-size:12px;
 line-height:30px;
 z-index:999
}
span.iw-breadcrumb-node.active {
 font-size:12px;
 line-height:30px;
 z-index:999;
 color:#fff
}
section.breadcrub-desk {
 float:left;
 width:100%;
 position:fixed;
 z-index:9;
 opacity:.7;
 top:100px
}
.scrolling-sticky {
 float:right;
 width:21%;
 margin-left:50%;
 margin-top:260px;
 border:2px solid;
 background-color:rgba(102,102,102,.8);
 position:fixed;
 z-index:2000;
 min-height:100px
}
.slick-slider {
 position:relative;
 display:block;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-touch-callout:none;
 -khtml-user-select:none;
 -ms-touch-action:none;
 touch-action:none;
 -webkit-tap-highlight-color:transparent
}
.slick-list {
 position:relative;
 display:block;
 margin:0;
 padding:0
}
.slick-list:focus {
 outline:0
}
.slick-loading .slick-list {
 background:url(/sbi-card-en/assets/media/images/ajax-loader.gif) center center no-repeat #fff
}
.slick-list.dragging {
 cursor:pointer;
 cursor:hand
}
.slick-slide,.slick-slider .slick-list,.slick-track {
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.slick-track {
 position:relative;
 left:0;
 top:0;
 display:block;
 zoom:1
}
.slick-track:after,.slick-track:before {
 content:"";
 display:table
}
.slick-track:after {
 clear:both
}
.slick-loading .slick-track {
 visibility:hidden
}
.slick-slide {
 float:left;
 position:relative;
 height:100%;
 min-height:1px;
 display:none;
 text-align:center
}
.slick-slide img {
 display:block;
 height:100%;
 width:100%
}
.slick-slide.slick-loading img {
 display:none
}
.slick-slide.dragging img {
 pointer-events:none
}
.slick-initialized .slick-slide {
 display:block
}
.slick-loading .slick-slide {
 visibility:hidden
}
.slick-vertical .slick-slide {
 display:block;
 height:auto;
 border:1px solid transparent
}
.slick-dots {
 position:absolute;
 bottom:35px;
 list-style:none;
 display:block;
 text-align:center;
 padding:0;
 width:100%
}
.slick-dots li {
 position:relative;
 display:inline-block;
 height:10px;
 width:10px;
 margin:0 5px;
 padding:0;
 cursor:pointer;
 background:0 0
}
.slick-dots li .dot-button {
 text-indent:-9000px;
 background:rgba(255,255,255,0)!important;
 display:block;
 border-radius:10px;
 -webkit-border-radius:10px;
 line-height:0;
 font-size:0;
 color:transparent;
 cursor:pointer;
 outline:0;
 border:3px solid #fff;
 width:10px;
 height:10px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box
}
.slick-dots li .dot-button:focus {
 outline:0
}
.slick-dots li.slick-active .dot-button {
 background:#fff!important
}
.slick-slider {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -o-user-select:none;
 user-select:none
}
.hero-slider {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 top:0;
 z-index:9
}
.hero-slider .container {
 left:0;
 right:0;
 bottom:0;
 top:0;
 position:absolute
}
.hero-slider .container ul.slides li {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0
}
.hero-slider .container ul.slides li img {
 height:100%;
 width:auto;
 position:absolute
}
.hero-slider .container ul.slides li .wrapper {
 width:960px;
 left:50%;
 margin-left:-480px;
 position:absolute;
 height:100%
}
.hero-slider .slider-content {
 padding:140px 300px 0 0;
 height:175px;
 position:relative
}
.slider-content h2 {
 font-size:3.2em;
 font-weight:800;
 color:#fff;
 margin:0;
 line-height:1.1em
}
.slider-content p {
 font-size:1.4em;
 color:#fff
}
.slider-content .learn-more {
 position:absolute;
 display:block;
 left:0;
 bottom:0;
 font-size:1.2em;
 color:#fff
}
.hero-slider .pagination {
 position:absolute;
 left:0;
 right:0;
 bottom:20px;
 z-index:10;
 padding:0;
 margin:0;
 text-align:center;
 display:block;
 height:10px
}
.hero-slider .pagination li {
 display:inline
}
.hero-slider .pagination li a {
 display:inline-block;
 width:5px;
 height:5px;
 border:2px solid #fff;
 margin:0 5px;
 border-radius:5px;
 text-indent:-9000px;
 -webkit-border-radius:5px
}
.hero-slider .pagination li.active a {
 background:#fff
}
.slide-wrapper {
 position:absolute;
 left:50%;
 top:0;
 bottom:0
}
.slide-wrapper h2 {
 display:block;
 text-align:left;
 font-size:4em;
 font-weight:600;
 color:#fff;
 line-height:1.1em;
 margin-top:60px
}
.slide-wrapper h2 span.big-icon {
 font-size:90px;
 display:inline-block;
 vertical-align:bottom
}
.slick-slide .slide-wrapper {
 text-align:left;
 color:#fff;
 top:0
}
.slide-wrapper .slide-description {
 font-size:1.3em;
 margin-top:0;
 margin-bottom:35px
}
.slide-wrapper>.slide-description {
 width:40%
}
.slide-wrapper .button {
 padding:0 20px
}
.slide-wrapper .simplifier-slider {
 width:400px
}
.banner-left {
 display:inline-block;
 width:50%
}
.banner-left h2 {
 margin-bottom:10px
}
.banner-left h2 span {
 font-weight:400;
 display:block
}
.slide-wrapper .banner-left p {
 margin-bottom:25px
}
.banner-right {
 float:right;
 width:50%;
 padding-top:38px
}
.banner-right ul {
 margin:75px 0 0;
 padding:0;
 text-align:center
}
.banner-right ul li {
 padding:35px 2% 0;
 margin:0;
 display:inline-block;
 width:28%;
 vertical-align:top
}
.banner-right ul li span {
 display:inline-block
}
.banner-right ul li strong {
 font-weight:600;
 font-size:14px;
 color:#fff;
 display:block;
 min-height:35px;
 margin-top:16px
}
.banner-right li .icon {
 height:37px
}
.banner-right li .interest {
 background-position:-550px -600px;
 width:33px
}
.banner-right li .money {
 background-position:-550px -650px;
 width:39px
}
.banner-right li .insurance {
 background-position:-550px -700px;
 width:36px
}
.banner-right li .mcommerce {
 background-position:-550px -750px;
 width:26px
}
.banner-right li .utility-bill {
 background-position:-550px -800px;
 width:30px
}
.banner-right li .ways-to-bank {
 background-position:-550px -850px;
 width:34px
}
.banner-right li .bt {
 background-position:-650px -3300px;
 width:34px
}
.banner-right li .bt-on-emi {
 background-position:-650px -3350px;
 width:34px
}
.banner-right li .encash {
 background-position:-650px -3400px;
 width:34px
}
.banner-right li .easy-money {
 background-position:-650px -3450px;
 width:34px
}
.banner-right li .atm-cash {
 background-position:-650px -3500px;
 width:34px
}
.banner-right li .sbi-com {
 background-position:-650px -3550px;
 width:34px
}
.banner-right li .simply-sms {
 background-position:-650px -3600px;
 width:34px
}
.banner-right li .sbi-mobile {
 background-position:-650px -3650px;
 width:34px
}
.banner-right .balance-transfer {
 background:url(../img/sprite.png) -500px -900px no-repeat;
 width:178px;
 height:178px
}
.bt-container .banner-right {
 padding-top:76px;
 width:38%
}
.bt-container .banner-left h2 {
 margin-top:73px
}
.bt-container .demo {
 font-size:13px;
 font-weight:600;
 line-height:33px;
 color:#fff
}
.bt-container .demo:before {
 display:inline-block;
 content:'';
 background:url(../img/sprite.png) -200px -950px no-repeat;
 width:32px;
 height:32px;
 padding-right:13px;
 vertical-align:top
}
.contact-us h2 {
 margin-top:8px;
 margin-bottom:12px
}
ul.contact-icons {
 display:inline-block;
 margin:112px 0 0;
 padding:0
}
ul.contact-icons li {
 display:inline-block;
 margin:0;
 padding:0 20px 0 0
}
.img-icon.phone {
 width:46px;
 height:46px;
 background-position:-300px -2500px;
 display:inline-block
}
.img-icon.message {
 width:46px;
 height:46px;
 background-position:-350px -2500px;
 display:inline-block
}
.img-icon.address {
 width:46px;
 height:46px;
 background-position:-400px -2500px;
 display:inline-block
}
.black-color h2,.black-color p {
 color:#000
}
body .home-header .left-content.padding-none {
 padding-left:0
}
body .home-header .left-content.white-color .dl-link {
 left:0;
 color:#fff
}
body .home-header .left-content.white-color .dl-link a {
 color:#fff
}
body .home-header .left-content.white-color .download small {
 background-position:-375px -1000px
}
.footer a,.footer span {
 -webkit-transition:all .4s ease-out;
 -moz-transition:all .4s ease-out;
 -o-transition:all .4s ease-out;
 transition:all .4s ease-out
}
.footer {
 position:relative;
 background:#171717
}
.footer .grid-outer {
 width:960px;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 margin:0 auto;
 padding:40px 0
}
.footer .logo {
 background:url(../img/logo-footer.png) no-repeat;
 width:121px;
 height:35px;
 position:relative;
 left:0;
 z-index:1
}
.footer .nav.primary ul {
 position:relative;
 text-align:center;
 display:block;
 width:90%
}
.footer .nav.primary ul li {
 display:inline-block;
 padding-top:19px
}
.footer .nav.primary {
 display:block;
 position:relative
}
.nav.secondary {
 padding-top:40px
}
.footer .nav.primary ul li a {
 line-height:15px;
 height:15px;
 padding:2px 15px;
 border-right:solid 1px #444;
 display:inline-block;
 font-size:16px;
 font-weight:300
}
.footer .nav.primary li:last-child a {
 border:none
}
.footer .nav.secondary>ul>li {
 display:inline-block;
 width:16%;
 vertical-align:top;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 padding:0 10px 0 0
}
.footer .nav.secondary ul li ul li {
 display:block;
 margin-bottom:10px;
 font-size:13px
}
footer h2 {
 font-weight:400;
 font-size:18px
}
footer h2 a {
 color:#fff
}
.footer .nav.primary li a:hover {
 color:#e7e7e7;
 text-decoration:underline
}
.footer .nav.secondary li a {
 color:#ccc
}
.footer .nav.secondary li a:hover {
 text-decoration:underline
}
.footer .nav.secondary ul ul {
 display:block
}
.legal-links {
 margin:0 auto;
 clear:both;
 background:#101010;
 text-align:center
}
.legal-links .grid-outer {
 margin:0 auto;
 padding:10px 0
}
.legal-links .grid-outer .nav {
 padding:10px 0;
 display:block
}
.legal-links .grid-outer .nav li {
 padding:0 4px;
 display:inline-block;
 text-align:center;
 color:#999;
 font-size:13px;
 margin-bottom:8px
}
.legal-links .grid-outer .nav li:not(:last-child):after {
 content:"|";
 margin-left:8px;
 color:#555
}
.legal-links .grid-outer .nav li a {
 color:#999;
 font-size:13px
}
.legal-links .grid-outer a:hover {
 text-decoration:underline;
 color:#d7d7d7
}
a.back-to-top.hide-desktop {
 position:absolute;
 text-align:right;
 padding:0 15px;
 font-size:13px;
 color:#888;
 right:0;
 top:24px
}
a.back-to-top.hide-desktop span {
 display:inline-block;
 width:0;
 height:0;
 border-left:4px solid transparent;
 border-right:4px solid transparent;
 border-top:4px solid #888;
 margin-left:2px;
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.cd-top {
 display:inline-block;
 height:40px;
 width:40px;
 position:fixed;
 bottom:40px;
 right:10px;
 box-shadow:0 0 10px rgba(0,0,0,.05);
 overflow:hidden;
 text-indent:100%;
 white-space:nowrap;
 background:url(../img/cd-top-arrow.svg) center 50% no-repeat grey;
 visibility:hidden;
 opacity:0;
 -webkit-transition:opacity .3s 0s,visibility 0s .3s;
 -moz-transition:opacity .3s 0s,visibility 0s .3s;
 transition:opacity .3s 0s,visibility 0s .3s
}
.cd-top.cd-fade-out,.cd-top.cd-is-visible,.no-touch .cd-top:hover {
 -webkit-transition:opacity .3s 0s,visibility 0s 0s;
 -moz-transition:opacity .3s 0s,visibility 0s 0s;
 transition:opacity .3s 0s,visibility 0s 0s
}
.cd-top.cd-is-visible {
 visibility:visible;
 opacity:1
}
.cd-top.cd-fade-out {
 opacity:.5
}
.no-touch .cd-top:hover {
 background-color:#d3d3d3;
 opacity:1
}
@media only screen and (min-width:768px) {
 .cd-top {
  right:20px;
  bottom:20px
 }
}
@media only screen and (min-width:1024px) {
 .cd-top {
  height:60px;
  width:60px;
  right:30px;
  bottom:30px
 }
}
.social-widget {
 position:relative;
 width:100%;
 height:100%;
 padding:0;
 margin:30px auto 0
}
.social-widget .tab-nav {
 position:relative;
 list-style:none;
 margin:0;
 padding:0;
 overflow:hidden;
 z-index:1
}
.social-widget .tab-nav li {
 display:inline-block;
 margin-right:-1px;
 background:#f7f7f7;
 width:70px;
 height:52px;
 float:left
}
.social-widget .tab-nav li.active {
 background:#fff
}
.social-widget .tab-nav li a {
 display:block;
 width:68px;
 height:50px;
 border:1px solid #e6e6e6;
 cursor:pointer;
 text-indent:-9000px;
 position:relative
}
.social-widget .tab-nav li.active a {
 border-bottom:1px solid #fff
}
.social-widget .tab-nav li a:after {
 content:'';
 position:absolute;
 width:22px;
 height:22px;
 display:block;
 left:50%;
 top:50%;
 margin:-11px 0 0 -11px;
 background:url(../img/sprite.png) no-repeat
}
.social-widget .tab-nav li a.fb:after {
 background-position:-344px -400px
}
.social-widget .tab-nav li.active a.fb:after {
 background-position:-344px -450px
}
.social-widget .tab-nav li a.tw:after {
 background-position:-400px -400px
}
.social-widget .tab-nav li.active a.tw:after {
 background-position:-400px -450px
}
.social-widget .container {
 border:1px solid #e6e6e6;
 background:#fff;
 position:relative;
 width:100%;
 margin-top:-1px;
 clear:left;
 overflow:hidden
}
.social-widget .container .facebook_feeds,.social-widget .container .twitter_tweets {
 margin:0;
 padding:0;
 position:absolute;
 width:100%;
 height:100%;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box
}
.social-widget .container .twitter_tweets {
 padding-left:10px;
 display:none
}
.social-widget .container .facebook_feeds .fb-facepile {
 margin:10px
}
.fb-like {
 height:20px;
 overflow:hidden
}
.online-app h2 {
 font-size:24px;
 line-height:30px;
 font-weight:400;
 color:#000;
 text-align:center;
 margin:0
}
.online-payment ul {
 margin:0;
 padding:20px 0 18px;
 list-style:none;
 width:100%;
 text-align:center
}
.online-payment ul li:first-child {
 padding-left:0 text-align:center
}
.online-payment ul li {
 display:inline-block;
 padding-left:8px;
 padding-top:10px;
 width:auto;
 border:none
}
.online-payment a.learn-more {
 float:right;
 margin-right:100px
}
.track-app .row {
 border-bottom:1px solid #e0e0e0;
 text-align:center
}
.track-app .main-form {
 padding:10px 0 20px 19px
}
.track-app .blue-btn {
 margin-left:8px
}
.row.last {
 border:none
}
.online-app-container {
 list-style:none;
 margin:0;
 padding:0
}
.online-app-container li {
 list-style:none;
 display:inline-block;
 width:49.5%;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 border-left:1px solid #e1e0e0;
 padding-top:50px;
 vertical-align:top
}
.online-app-container li:first-child {
 border:none
}
.online-app-container .inner-container {
 display:inline-block;
 width:100%;
 text-align:center
}
.online-app-container li a.hide-desktop:after {
 content:" ";
 width:0;
 height:0;
 border-left:7px solid transparent;
 border-right:7px solid transparent;
 border-top:7px solid #000;
 float:right;
 margin-right:15px;
 margin-top:5px
}
.online-app .button {
 font-size:14px;
 font-weight:400;
 line-height:38px;
 height:38px;
 padding:0 18px;
 vertical-align:top
}
.online-app .form-content {
 display:none;
 text-align:center
}
.online-app .form-content.active {
 display:block
}
.online-app .retrieve {
 display:none
}
.track-app .main-form label {
 color:#666;
 display:inline-block;
 padding-top:8px
}
.main-form input[type=radio]:checked+label {
 color:#333
}
.row.radio .fancy-radio {
 display:inline-block;
 margin:20px 20px 20px 0;
 opacity:.7;
 position:relative
}
.row.radio .fancy-radio.checked {
 opacity:1
}
.form-content.track input[type=text] {
 width:200px
}
.form-content form {
 position:relative;
 display:inline-block
}
.track-app .main-form label.error {
 position:absolute;
 left:-30px
}
.form-content .button {
 margin-left:10px
}
@media screen and (max-width:767px) and (min-width:0) {
 .grid-outer,.wrapper {
  max-width:767px;
  width:auto
 }
 .online-app-mob {
  display:block;
  list-style:none;
  margin:0;
  padding:0
 }
 .accordion,.online-app h2 {
  display:none
 }
 .online-app-container li {
  display:block;
  border-bottom:1px solid #dcdcdc;
  width:100%;
  padding:0
 }
 .online-app-container li:first-child {
  border-top:1px solid #dcdcdc;
  border-bottom:1px solid #dcdcdc
 }
 .online-app-container li a {
  display:block;
  font-weight:400;
  font-size:16px;
  line-height:18px;
  color:#000;
  padding:13px 0 12px;
  margin-left:15px
 }
 .online-payment,.track-app {
  padding-top:0
 }
 .online-payment .more-options {
  padding-bottom:20px
 }
 .online-payment ul {
  padding-bottom:5px;
  padding-top:0
 }
 .online-payment ul li,.online-payment ul li:first-child {
  border:none;
  padding:0;
  width:100%
 }
 .online-payment ul li a {
  color:#666;
  display:inline-block;
  font-size:14px;
  line-height:38px;
  font-weight:400;
  padding:0 20px;
  margin:0;
  height:38px
 }
 .online-app-container .inner-container {
  text-align:center
 }
 .online-payment a.learn-more {
  display:inline-block;
  float:none;
  margin-right:0;
  margin-bottom:12px;
  font-size:12px;
  line-height:14px;
  font-weight:400;
  color:#0095d9
 }
 .online-app .button {
  margin-top:14px;
  padding:0;
  width:100%
 }
 .online-app input.button {
  width:auto;
  margin-left:24px;
  padding:0 18px
 }
}
.flex-boxes-container {
 padding:33px 0 0
}
.flex-boxes-container .box {
 text-align:center;
 float:none;
 display:inline-block;
 margin:0 3px;
 padding-bottom:20px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
.flex-boxes-container .box .head {
 display:inline-block;
 width:100%;
 border-bottom:1px solid #ebebeb;
 background:#fbfbfb
}
.flex-boxes-container .box .head strong {
 font-size:18px;
 line-height:36px;
 font-weight:400;
 color:#333;
 display:inline-block;
 padding:7px 0 15px
}
.flex-boxes-container .box .head .left {
 width:72px;
 border-right:1px solid #e4e3e3;
 display:inline-block;
 position:relative
}
.flex-boxes-container .box .head .right {
 width:144px;
 display:inline-block;
 position:relative
}
.flex-boxes-container .box .head span {
 background-color:#fff;
 border:1px solid #ebebeb;
 display:inline-block;
 padding:5px 9px;
 position:absolute
}
.flex-boxes-container .box .head .left span {
 background-position:-251px -952px;
 width:11px;
 height:11px;
 bottom:-10px;
 left:21px
}
.flex-boxes-container .box .head .right span {
 background-position:-300px -952px;
 width:50px;
 height:11px;
 bottom:-10px;
 left:35px
}
.flex-boxes-container .box h3 {
 font-size:18px;
 line-height:26px;
 font-weight:400;
 color:#333;
 margin:0
}
.flex-boxes-container .btns {
 padding-top:56px
}
.flex-boxes-container .button {
 font-size:12px;
 line-height:35px;
 height:35px;
 padding:0;
 width:101px;
 margin-left:2;
 font-weight:400
}
.btns a:first-child {
 margin-left:0
}
html.desktop .flex-boxes-container .box:hover {
 border-color:#0095d9
}
.flex-boxes .wrapper {
 text-align:center
}
html.desktop .flex-boxes-container .grey-btn:hover {
 background:#f1f1f1;
 color:#666
}
.cta-style-1 {
 width:100%;
 height:100%
}
.cta-style-1 .box {
 padding:49px 10px 34px;
 width:230px;
 background:#fff;
 margin-bottom:10px;
 height:378px;
 vertical-align:top
}
.cta-style-1 .box h3 {
 padding:16px 0 0;
 min-height:55px
}
.cta-style-1 .flex-boxes-container .box p {
 color:#000;
 font-size:13px;
 line-height:18px;
 font-weight:300;
 height:75px;
 overflow:hidden;
 margin-bottom:14px
}
.cta-style-1 .flex-boxes-container .box strong {
 font-weight:600;
 background:0 0;
 border:none;
 display:inline-block;
 color:#000;
 font-size:13px;
 line-height:18px;
 padding:0
}
.cta-style-1 .flex-boxes-container .box img {
 background:url(../img/sprite.png) no-repeat;
 display:inline-block;
 width:110px;
 height:110px
}
.cta-style-1 .flex-boxes-container .box .balance-transfer {
 background-position:0 -3300px
}
.cta-style-1 .flex-boxes-container .box .balance-transfer-emi {
 background-position:-150px -3300px
}
.cta-style-1 .flex-boxes-container .box .flexi-pay {
 background-position:-300px -3300px
}
.cta-style-1 .flex-boxes-container .box .encash {
 background-position:-450px -3300px
}
.cta-style-1 .flex-boxes-container .box .interest {
 background-position:0 -3600px
}
.cta-style-1 .flex-boxes-container .box .money {
 background-position:-150px -3600px
}
.cta-style-1 .flex-boxes-container .box .insurance {
 background-position:-300px -3600px
}
.cta-style-1 .flex-boxes-container .box .easy-money {
 background-position:-450px -3600px
}
.cta-style-1 .flex-boxes-container .box .atm-cash {
 background-position:0 -3900px
}
.cta-style-1 .flex-boxes-container .box .card-protection {
 background-position:-150px -3900px
}
.cta-style-1 .flex-boxes-container .box .hospital-cash {
 background-position:-300px -3900px
}
.cta-style-1 .flex-boxes-container .box .accident-shield {
 background-position:-450px -3900px
}
.cta-style-1 .flex-boxes-container .box .medical-insurance {
 background-position:0 -4200px
}
.cta-style-1 .flex-boxes-container .box .family-insurance {
 background-position:-150px -4200px
}
.cta-style-1 .flex-boxes-container .box .register-pay {
 background-position:-300px -4200px
}
.cta-style-1 .flex-boxes-container .box .visa-bill-pay {
 background-position:-450px -4200px
}
.cta-style-1 .flex-boxes-container .box .top-up-recharge {
 background-position:0 -4500px
}
.cta-style-1 .flex-boxes-container .box .pay-fast {
 background-position:-150px -4500px
}
.cta-style-1 .flex-boxes-container .box .auto-bill-pay {
 background-position:-300px -4500px
}
.cta-style-1 .flex-boxes-container .box .go-mobile {
 background-position:-450px -4500px
}
.cta-style-1 .flex-boxes-container .box .sbi-card-online {
 background-position:0 -4800px
}
.cta-style-1 .flex-boxes-container .box .simply-sms {
 background-position:-150px -4800px
}
.cta-style-1 .flex-boxes-container .box .contact-phone {
 background-position:0 -5200px
}
.cta-style-1 .flex-boxes-container .box .contact-email {
 background-position:-150px -5200px
}
.cta-style-1 .flex-boxes-container .box .contact-location {
 background-position:-300px -5200px
}
.cta-style-1 .flex-boxes-container .box .contact-nodal {
 background-position:-450px -5200px
}
.cta-style-1 .flex-boxes-container .box .contact-postquery {
 background-position:0 -5500px
}
.cta-style-1 .flex-boxes-container .box .contact-print {
 background-position:-150px -5500px
}
.cta-style-1 .flex-boxes-container .box .contact-railway {
 background-position:-300px -5500px
}
.cta-style-1 .flex-boxes-container .box .contact-sms {
 background-position:-450px -5500px
}
.cta-style-1 .flex-boxes-container .box .contact-twitter {
 background-position:0 -5800px
}
.cta-style-1 .flex-boxes-container .box .contact-letter {
 background-position:-300px -4800px
}
.cta-style-1 .flex-boxes-container .box .contact-website {
 background-position:-450px -4800px
}
.cta-style-1 .flex-boxes-container .box .business-expertise {
 background-position:-150px -5800px
}
.cta-style-1 .flex-boxes-container .box .global-acceptance {
 background-position:-300px -5800px
}
.cta-style-1 .flex-boxes-container .box .tech-innovation {
 background-position:-450px -5800px
}
.cta-style-1 .flex-boxes-container .box .security-control {
 background-position:0 -6100px
}
.cta-style-1 .flex-boxes-container .box .class-servicing {
 background-position:-150px -6100px
}
.cta-style-1 .flex-boxes-container .box .solutions {
 background-position:-300px -6100px
}
.cta-style-1 .flex-boxes-container .box .credit-cards {
 background-position:0 -6550px
}
.cta-style-1 .flex-boxes-container .box .benefits-icon {
 background-position:-150px -6550px
}
.cta-style-1 .flex-boxes-container .box .pay-icon {
 background-position:-300px -6550px
}
.cta-style-1 .flex-boxes-container .box .rewards-icon {
 background-position:-450px -6550px
}
.cta-style-1 .flex-boxes-container .box .learn-more {
 float:none;
 display:inline-block
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .pay-icon {
 background-position:-300px -6700px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .benefits-icon {
 background-position:-150px -6700px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .credit-cards {
 background-position:0 -6700px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .rewards-icon {
 background-position:-450px -6700px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .global-acceptance {
 background-position:-300px -5950px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .tech-innovation {
 background-position:-450px -5950px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .security-control {
 background-position:0 -6250px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .class-servicing {
 background-position:-150px -6250px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .solutions {
 background-position:-300px -6250px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .balance-transfer {
 background-position:0 -3450px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .balance-transfer-emi {
 background-position:-150px -3450px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .flexi-pay {
 background-position:-300px -3450px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .encash {
 background-position:-450px -3450px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .interest {
 background-position:0 -3750px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .money {
 background-position:-150px -3750px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .insurance {
 background-position:-300px -3750px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .easy-money {
 background-position:-450px -3750px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .atm-cash {
 background-position:0 -4050px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .card-protection {
 background-position:-150px -4050px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .hospital-cash {
 background-position:-300px -4050px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .accident-shield {
 background-position:-450px -4050px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .medical-insurance {
 background-position:0 -4350px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .family-insurance {
 background-position:-150px -4350px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .register-pay {
 background-position:-300px -4350px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .visa-bill-pay {
 background-position:-450px -4350px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .top-up-recharge {
 background-position:0 -4650px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .pay-fast {
 background-position:-150px -4650px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .auto-bill-pay {
 background-position:-300px -4650px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .go-mobile {
 background-position:-450px -4650px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .sbi-card-online {
 background-position:0 -4950px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .simply-sms {
 background-position:-150px -4950px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .contact-phone {
 background-position:0 -5350px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .contact-email {
 background-position:-150px -5350px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .contact-location {
 background-position:-300px -5350px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .contact-nodal {
 background-position:-450px -5350px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .contact-postquery {
 background-position:0 -5650px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .contact-print {
 background-position:-150px -5650px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .contact-railway {
 background-position:-300px -5650px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .contact-sms {
 background-position:-450px -5650px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .contact-twitter {
 background-position:0 -5950px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .contact-letter {
 background-position:-300px -4950px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .contact-website {
 background-position:-450px -4950px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .business-expertise {
 background-position:-150px -5950px
}
.cta-style-2 .flex-boxes-container .box {
 border:none
}
.cta-style-2 .content-box {
 width:190px;
 display:inline-block;
 background:#f6f6f6;
 padding:25px 20px 20px
}
.cta-style-2 .content-box:before {
 content:'';
 width:0;
 height:0;
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 border-bottom:10px solid #f6f6f6;
 position:relative;
 top:-47px;
 left:-85px
}
.flex-boxes.cta-style-2 .content-box h3 {
 color:#000;
 min-height:52px
}
.cta-style-2 .content-box p {
 font-size:13px;
 line-height:18px;
 font-weight:400;
 color:#000;
 margin:0 0 27px;
 padding-top:10px;
 height:76px;
 overflow:hidden
}
.learn-more {
 float:none
}
.benefits {
 background:url(../img/benefits-bg.jpg) 0 0/cover no-repeat
}
.section-bg-2 {
 background:url(../img/mapbg.jpg) 0 0/cover no-repeat
}
.slider-container {
 display:block
}
.slider-container .flex-boxes-container {
 display:inline-block;
 text-align:center
}
.cta-style-1.benefits-01 {
 margin-top:0;
 padding-bottom:0
}
.cta-style-1.benefits-01 .flex-boxes-container .box ul {
 margin:0;
 padding:0;
 min-height:89px;
 list-style:none
}
.cta-style-1.benefits-01 .flex-boxes-container .box ul li {
 font-size:13px;
 line-height:18px;
 color:#333;
 font-weight:400;
 padding-right:6px
}
.cta-style-1.benefits-01 .flex-boxes-container .box ul li a {
 font-size:13px;
 line-height:18px;
 color:#0095d9;
 font-weight:400;
 display:inline-block;
 padding-left:6px
}
.cta-style-1.benefits-01 .flex-boxes-container .box ul li:before {
 background:url(../img/sprite.png) -250px -700px no-repeat;
 content:"";
 display:inline-block;
 height:5px;
 padding-left:5px;
 vertical-align:top;
 width:4px;
 margin-top:7px
}
.cta-style-1.benefits-01 .flex-boxes-container .box ul li {
 display:inline-block
}
.cta-style-1 .flex-boxes-container .box .rewards {
 background-position:-550px -400px;
 height:37px;
 margin-left:-19px;
 margin-top:-19px;
 width:38px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .rewards {
 background-position:-550px -450px
}
.cta-style-1 .flex-boxes-container .box .offers {
 background-position:-600px -400px;
 height:30px;
 margin-left:-17px;
 margin-top:-18px;
 width:38px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .offers {
 background-position:-600px -450px
}
.cta-style-1 .flex-boxes-container .box .benefits {
 background-position:-650px -400px;
 height:41px;
 margin-left:-20px;
 margin-top:-26px;
 width:37px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .benefits {
 background-position:-650px -450px
}
.cta-style-3 .flex-boxes-container .box {
 position:relative
}
.cta-style-3 .flex-boxes-container .box h3 {
 margin-top:21px
}
.cta-style-3 .flex-boxes-container .box p.yellow-strip {
 background:url(../img/strip-right.gif) right 0 no-repeat;
 margin-top:8px;
 bottom:71px;
 left:0;
 position:absolute;
 width:100%
}
.cta-style-3 .flex-boxes-container .box p.yellow-strip span {
 font-size:10px;
 line-height:12px;
 font-weight:800;
 color:#000;
 display:block;
 height:26px;
 background:url(../img/strip-left.gif) left 0 no-repeat;
 padding-top:5px
}
.flex-boxes-container .btns .button {
 margin-right:2px
}
.flex-boxes-container .btns .button:last-child {
 margin-right:0
}
.cta-style-1 .flex-boxes-container .box p.free-height {
 height:auto
}
.cta-style-1 .flex-boxes-container .box p.free-height a {
 font-size:12.5px
}
.cta-style-1 .flex-boxes-container .box p.address-info {
 margin-top:-20px;
 line-height:14px
}
.cta-style-1 .flex-boxes-container .box p.address-info strong {
 color:#333
}
.rewards .flex-boxes-container .box {
 height:365px;
 vertical-align:top
}
.rewards .flex-boxes-container .btns {
 bottom:22px;
 position:absolute;
 left:8px
}
.box ul.help {
 margin:0;
 padding:0;
 height:90px;
 list-style:none;
 overflow:hidden
}
.box ul.help li {
 font-size:13px;
 line-height:18px;
 color:#333;
 font-weight:400;
 padding-right:6px
}
.box ul.help li a {
 font-size:13px;
 line-height:18px;
 color:#0095d9;
 font-weight:400;
 display:inline-block;
 padding-left:6px
}
.box ul.help li:before {
 background:url(../img/sprite.png) -250px -700px no-repeat;
 content:"";
 display:inline-block;
 height:5px;
 padding-left:5px;
 vertical-align:top;
 width:4px;
 margin-top:7px
}
.box ul.help li {
 display:inline-block
}
.rewards .flex-boxes-container .box h3.reward-name {
 font-size:16px
}
.rewards .flex-boxes-container .box .head .left {
 border-right:none
}
.rewards .flex-boxes-container .box .head .right {
 border-left:1px solid #e4e3e3
}
.flex-boxes .grid-outer .button.primary.escalate {
 margin-top:18px
}
.flex-boxes-container .box .head .left span.points-txt {
 width:30px;
 height:11px;
 bottom:-10px;
 left:12px;
 font-weight:400;
 color:#333
}
.flex-boxes-container .box .head .right span.pay-txt {
 width:67px;
 height:11px;
 bottom:-10px;
 left:28px;
 font-weight:400;
 color:#333
}
.rewards p.section-description {
 font-weight:400;
 margin-top:5px
}
.cta-style-1 .flex-boxes-container .box .add-on-card-benefits-big {
 background-position:-418px -7059px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .add-on-card-benefits-big {
 background-position:-418px -7209px
}
.cta-style-1 .flex-boxes-container .box .card-upgrade-benefits-big {
 background-position:-568px -7059px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .card-upgrade-benefits-big {
 background-position:-568px -7209px
}
.cta-style-1 .flex-boxes-container .box .motor-insurance {
 background-position:-464px -7818px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .motor-insurance {
 background-position:-581px -7819px
}
.cta-style-1 .flex-boxes-container .box .travel-insurance {
 background-position:-397px -7932px
}
html.desktop .cta-style-1 .flex-boxes-container .box:hover .travel-insurance {
 background-position:-518px -7932px
}
.tabs-container {
 margin:40px 0 30px
}
.back-btn,.learn-more,.learn-more-link,.more-link,.video-previews .view-all,.view-all {
 -webkit-text-stroke:#0095d9
}
html.desktop .view-all:hover {
 text-decoration:underline
}
.tabs-container .tab-nav {
 display:table;
 list-style:none;
 margin:0 0 40px;
 padding:0;
 width:960px;
 height:92px;
 border:1px solid #e3e3e3;
 border-bottom:solid 3px #0095d9
}
.tabs-container .tab-nav li {
 display:table-cell;
 height:92px;
 border-left:solid 1px #e3e3e3;
 text-align:center;
 font-size:1.6em;
 width:20%;
 background:#fff;
 padding-bottom:0
}
.tabs-container .tab-nav li:first-child {
 border-left:none
}
.tabs-container .tab-nav li a {
 height:92px;
 display:block;
 color:#868686;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 padding-top:45px;
 position:relative
}
.tabs-container .tab-nav li.active,html.desktop .tabs-container .tab-nav li.active:hover {
 background:#0095d9
}
.tabs-container .tab-nav li.active a {
 color:#fff
}
.tabs-container .tab-nav li a span {
 display:block;
 font-size:13px
}
.tabs-container .tab-nav li a:before {
 float:none;
 position:absolute;
 left:50%;
 bottom:53px
}
.premium a:before {
 background-position:0 -250px;
 width:27px;
 height:17px
}
.tabs-container .tab-nav li.premium.active a:before {
 background-position:0 -200px
}
html.desktop .tabs-container .tab-nav li.premium:hover a:before {
 background-position:0 -350px
}
html.desktop .tabs-container .tab-nav li.premium.active:hover a:before {
 background-position:0 -200px
}
.travel a:before {
 background-position:-50px -250px;
 width:37px;
 height:13px
}
.tabs-container .tab-nav li.travel.active a:before {
 background-position:-50px -200px
}
html.desktop .tabs-container .tab-nav li.travel:hover a:before {
 background-position:-50px -350px
}
html.desktop .tabs-container .tab-nav li.travel.active:hover a:before {
 background-position:-50px -200px
}
.shopping a:before {
 background-position:-100px -250px;
 width:24px;
 height:19px
}
.tabs-container .tab-nav li.shopping.active a:before {
 background-position:-100px -200px
}
html.desktop .tabs-container .tab-nav li.shopping:hover a:before {
 background-position:-100px -350px
}
html.desktop .tabs-container .tab-nav li.shopping.active:hover a:before {
 background-position:-100px -200px
}
.classic a:before {
 background-position:-150px -250px;
 width:18px;
 height:24px
}
.tabs-container .tab-nav li.classic.active a:before {
 background-position:-150px -200px
}
html.desktop .tabs-container .tab-nav li.classic:hover a:before {
 background-position:-150px -350px
}
html.desktop .tabs-container .tab-nav li.classic.active:hover a:before {
 background-position:-150px -200px
}
.exclusive a:before {
 background-position:-200px -250px;
 width:22px;
 height:22px
}
.tabs-container .tab-nav li.exclusive.active a:before {
 background-position:-200px -200px
}
html.desktop .tabs-container .tab-nav li.exclusive:hover a:before {
 background-position:-200px -350px
}
html.desktop .tabs-container .tab-nav li.exclusive.active:hover a:before {
 background-position:-200px -200px
}
.lifestyle a:before {
 background-position:-450px -2500px;
 width:24px;
 height:24px
}
.tabs-container .tab-nav li.lifestyle.active a:before {
 background-position:-450px -2450px
}
html.desktop .tabs-container .tab-nav li.lifestyle:hover a:before {
 background-position:-450px -2550px
}
html.desktop .tabs-container .tab-nav li.lifestyle.active:hover a:before {
 background-position:-450px -2450px
}
.value-savings a:before {
 background-position:-500px -2500px;
 width:24px;
 height:24px
}
.tabs-container .tab-nav li.value-savings.active a:before {
 background-position:-500px -2450px
}
html.desktop .tabs-container .tab-nav li.value-savings:hover a:before {
 background-position:-500px -2550px
}
html.desktop .tabs-container .tab-nav li.value-savings.active:hover a:before {
 background-position:-500px -2450px
}
.banking-partnership a:before {
 background-position:-550px -2500px;
 width:24px;
 height:24px
}
.tabs-container .tab-nav li.banking-partnership.active a:before {
 background-position:-550px -2450px
}
html.desktop .tabs-container .tab-nav li.banking-partnership:hover a:before {
 background-position:-550px -2550px
}
html.desktop .tabs-container .tab-nav li.banking-partnership.active:hover a:before {
 background-position:-550px -2450px
}
.benefits a:before {
 background-position:-350px -700px;
 width:24px;
 height:24px
}
.tabs-container .tab-nav li.benefits.active a:before {
 background-position:-350px -750px
}
html.desktop .tabs-container .tab-nav li.benefits:hover a:before {
 background-position:-350px -800px
}
html.desktop .tabs-container .tab-nav li.benefits.active:hover a:before {
 background-position:-350px -750px
}
.pay a:before {
 background-position:-475px -700px;
 width:25px;
 height:26px
}
.tabs-container .tab-nav li.pay.active a:before {
 background-position:-475px -750px
}
html.desktop .tabs-container .tab-nav li.pay:hover a:before {
 background-position:-475px -800px
}
html.desktop .tabs-container .tab-nav li.pay.active:hover a:before {
 background-position:-475px -750px
}
.exclusions a:before {
 background-position:-600px -2500px;
 width:24px;
 height:24px
}
.tabs-container .tab-nav li.exclusions.active a:before {
 background-position:-600px -2450px
}
html.desktop .tabs-container .tab-nav li.exclusions:hover a:before {
 background-position:-600px -2550px
}
html.desktop .tabs-container .tab-nav li.exclusions.active:hover a:before {
 background-position:-600px -2450px
}
.special-conditions a:before {
 background-position:-650px -2500px;
 width:24px;
 height:24px
}
.tabs-container .tab-nav li.special-conditions.active a:before {
 background-position:-650px -2450px
}
html.desktop .tabs-container .tab-nav li.special-conditions:hover a:before {
 background-position:-650px -2550px
}
html.desktop .tabs-container .tab-nav li.special-conditions.active:hover a:before {
 background-position:-650px -2450px
}
.travel-entertainment a:before {
 background-position:-500px 0;
 width:24px;
 height:24px
}
.tabs-container .tab-nav li.travel-entertainment.active a:before {
 background-position:-500px -50px
}
html.desktop .tabs-container .tab-nav li.travel-entertainment:hover a:before {
 background-position:-500px -100px
}
html.desktop .tabs-container .tab-nav li.travel-entertainment.active:hover a:before {
 background-position:-500px -50px
}
.corporate a:before {
 background-position:-600px -6250px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.corporate.active a:before {
 background-position:-600px -6300px;
 left:45%
}
html.desktop .tabs-container .tab-nav li.corporate:hover a:before {
 background-position:-600px -6350px
}
html.desktop .tabs-container .tab-nav li.corporate.active:hover a:before {
 background-position:-600px -6300px
}
.utility a:before {
 background-position:-550px 0;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.utility.active a:before {
 background-position:-550px -50px
}
html.desktop .tabs-container .tab-nav li.utility:hover a:before {
 background-position:-550px -100px
}
html.desktop .tabs-container .tab-nav li.utility.active:hover a:before {
 background-position:-550px -50px
}
.purchase a:before {
 background-position:-600px 0;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.purchase.active a:before {
 background-position:-600px -50px
}
html.desktop .tabs-container .tab-nav li.purchase:hover a:before {
 background-position:-600px -100px
}
html.desktop .tabs-container .tab-nav li.purchase.active:hover a:before {
 background-position:-600px -50px
}
.corporate-purchase a:before {
 background-position:-600px 0;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.corporate-purchase.active a:before {
 background-position:-600px -50px
}
html.desktop .tabs-container .tab-nav li.corporate-purchase:hover a:before {
 background-position:-600px -100px
}
html.desktop .tabs-container .tab-nav li.corporate-purchase.active:hover a:before {
 background-position:-600px -50px
}
.mis-reporting a:before {
 background-position:-650px 0;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.mis-reporting.active a:before {
 background-position:-650px -50px
}
html.desktop .tabs-container .tab-nav li.mis-reporting:hover a:before {
 background-position:-650px -100px
}
html.desktop .tabs-container .tab-nav li.mis-reporting.active:hover a:before {
 background-position:-650px -50px
}
.servicing a:before {
 background-position:0 -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.servicing.active a:before {
 background-position:0 -6450px
}
html.desktop .tabs-container .tab-nav li.servicing:hover a:before {
 background-position:0 -6500px
}
html.desktop .tabs-container .tab-nav li.servicing.active:hover a:before {
 background-position:0 -6450px
}
.our-beliefs a:before {
 background-position:-50px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.our-beliefs.active a:before {
 background-position:-50px -6450px
}
html.desktop .tabs-container .tab-nav li.our-beliefs:hover a:before {
 background-position:-50px -6500px
}
html.desktop .tabs-container .tab-nav li.our-beliefs.active:hover a:before {
 background-position:-50px -6450px
}
.our-culture a:before {
 background-position:-100px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.our-culture.active a:before {
 background-position:-100px -6450px
}
html.desktop .tabs-container .tab-nav li.our-culture:hover a:before {
 background-position:-100px -6500px
}
html.desktop .tabs-container .tab-nav li.our-culture.active:hover a:before {
 background-position:-100px -6450px
}
.testimonials a:before {
 background-position:-150px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.testimonials.active a:before {
 background-position:-150px -6450px
}
html.desktop .tabs-container .tab-nav li.testimonials:hover a:before {
 background-position:-150px -6500px
}
html.desktop .tabs-container .tab-nav li.testimonials.active:hover a:before {
 background-position:-150px -6450px
}
.central-travel a:before {
 background-position:-200px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.central-travel.active a:before {
 background-position:-200px -6450px
}
html.desktop .tabs-container .tab-nav li.central-travel:hover a:before {
 background-position:-200px -6500px
}
html.desktop .tabs-container .tab-nav li.central-travel.active:hover a:before {
 background-position:-200px -6450px
}
.multi-layer a:before {
 background-position:-250px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.multi-layer.active a:before {
 background-position:-250px -6450px
}
html.desktop .tabs-container .tab-nav li.multi-layer:hover a:before {
 background-position:-250px -6500px
}
html.desktop .tabs-container .tab-nav li.multi-layer.active:hover a:before {
 background-position:-250px -6450px
}
.our-values a:before {
 background-position:-300px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.our-values.active a:before {
 background-position:-300px -6450px
}
html.desktop .tabs-container .tab-nav li.our-values:hover a:before {
 background-position:-300px -6500px
}
html.desktop .tabs-container .tab-nav li.our-values.active:hover a:before {
 background-position:-300px -6450px
}
.convert-to-emi a:before {
 background-position:-350px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.convert-to-emi.active a:before {
 background-position:-350px -6450px
}
html.desktop .tabs-container .tab-nav li.convert-to-emi:hover a:before {
 background-position:-350px -6500px
}
html.desktop .tabs-container .tab-nav li.convert-to-emi.active:hover a:before {
 background-position:-350px -6450px
}
.offers-this-week a:before {
 background-position:-400px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.offers-this-week.active a:before {
 background-position:-400px -6450px
}
html.desktop .tabs-container .tab-nav li.offers-this-week:hover a:before {
 background-position:-400px -6500px
}
html.desktop .tabs-container .tab-nav li.offers-this-week.active:hover a:before {
 background-position:-400px -6450px
}
.all-offers a:before {
 background-position:-450px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.all-offers.active a:before {
 background-position:-450px -6450px
}
html.desktop .tabs-container .tab-nav li.all-offers:hover a:before {
 background-position:-450px -6500px
}
html.desktop .tabs-container .tab-nav li.all-offers.active:hover a:before {
 background-position:-450px -6450px
}
.control-compliance a:before {
 background-position:-500px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.control-compliance.active a:before {
 background-position:-500px -6450px
}
html.desktop .tabs-container .tab-nav li.control-compliance:hover a:before {
 background-position:-500px -6500px
}
html.desktop .tabs-container .tab-nav li.control-compliance.active:hover a:before {
 background-position:-500px -6450px
}
.convenience a:before {
 background-position:-550px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.convenience.active a:before {
 background-position:-550px -6450px
}
html.desktop .tabs-container .tab-nav li.convenience:hover a:before {
 background-position:-550px -6500px
}
html.desktop .tabs-container .tab-nav li.convenience.active:hover a:before {
 background-position:-550px -6450px
}
.efficiency a:before {
 background-position:-600px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.efficiency.active a:before {
 background-position:-600px -6450px
}
html.desktop .tabs-container .tab-nav li.efficiency:hover a:before {
 background-position:-600px -6500px
}
html.desktop .tabs-container .tab-nav li.efficiency.active:hover a:before {
 background-position:-600px -6450px
}
.higher-savings a:before {
 background-position:-650px -6400px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.higher-savings.active a:before {
 background-position:-650px -6450px
}
html.desktop .tabs-container .tab-nav li.higher-savings:hover a:before {
 background-position:-650px -6500px
}
html.desktop .tabs-container .tab-nav li.higher-savings.active:hover a:before {
 background-position:-650px -6450px
}
.credit-card-wisely a:before {
 background-position:-450px -6250px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.credit-card-wisely.active a:before {
 background-position:-450px -6300px
}
html.desktop .tabs-container .tab-nav li.credit-card-wisely:hover a:before {
 background-position:-450px -6350px
}
html.desktop .tabs-container .tab-nav li.credit-card-wisely.active:hover a:before {
 background-position:-450px -6300px
}
.security-card a:before {
 background-position:-550px -6250px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.security-card.active a:before {
 background-position:-550px -6300px
}
html.desktop .tabs-container .tab-nav li.security-card:hover a:before {
 background-position:-550px -6350px
}
html.desktop .tabs-container .tab-nav li.security-card.active:hover a:before {
 background-position:-550px -6300px
}
.credit-score a:before {
 background-position:-500px -6250px;
 width:25px;
 height:24px
}
.tabs-container .tab-nav li.credit-score.active a:before {
 background-position:-500px -6300px
}
html.desktop .tabs-container .tab-nav li.credit-score:hover a:before {
 background-position:-500px -6350px
}
html.desktop .tabs-container .tab-nav li.credit-score.active:hover a:before {
 background-position:-500px -6300px
}
.tabs-container .tab-nav li.all-offers a:before,.tabs-container .tab-nav li.benefits a:before,.tabs-container .tab-nav li.central-travel a:before,.tabs-container .tab-nav li.control-compliance a:before,.tabs-container .tab-nav li.convenience a:before,.tabs-container .tab-nav li.convert-to-emi a:before,.tabs-container .tab-nav li.credit-card-wisely a:before,.tabs-container .tab-nav li.credit-score a:before,.tabs-container .tab-nav li.efficiency a:before,.tabs-container .tab-nav li.higher-savings a:before,.tabs-container .tab-nav li.mis-reporting a:before,.tabs-container .tab-nav li.multi-layer a:before,.tabs-container .tab-nav li.offers-this-week a:before,.tabs-container .tab-nav li.our-benefits a:before,.tabs-container .tab-nav li.our-culture a:before,.tabs-container .tab-nav li.our-values a:before,.tabs-container .tab-nav li.pay a:before,.tabs-container .tab-nav li.purchase a:before,.tabs-container .tab-nav li.security-card a:before,.tabs-container .tab-nav li.servicing a:before,.tabs-container .tab-nav li.testimonials a:before,.tabs-container .tab-nav li.travel-entertainment a:before,.tabs-container .tab-nav li.utility a:before {
 margin-left:-11px
}
.tabs-container .tab-nav li.premium a:before {
 margin-left:-13px
}
.tabs-container .tab-nav li.travel a:before {
 margin-left:-18px
}
.tabs-container .tab-nav li.shopping a:before {
 margin-left:-12px
}
.tabs-container .tab-nav li.banking-partnership a:before,.tabs-container .tab-nav li.classic a:before,.tabs-container .tab-nav li.exclusions a:before,.tabs-container .tab-nav li.exclusive a:before,.tabs-container .tab-nav li.lifestyle a:before,.tabs-container .tab-nav li.special-conditions a:before,.tabs-container .tab-nav li.value-savings a:before {
 margin-left:-9px
}
html.desktop .tabs-container .tab-nav a:hover,html.desktop .tabs-container .tab-nav li:hover a {
 color:#0095d9
}
html.desktop .tabs-container .tab-nav li.active a:hover,html.desktop .tabs-container .tab-nav li.active:hover a {
 color:#fff
}
.eligible-card-list h3,.tab-content h3 {
 font-size:2.4em;
 margin:0;
 font-weight:400
}
.tab-content .grid-outer {
 margin:38px 0
}
.eligible-card-list .grid-outer {
 margin:38px 0 20px
}
.eligible-card-list article figure,.tab-content article figure {
 margin-bottom:10px
}
.eligible-card-list article h4,.tab-content article h4 {
 font-size:1.8em;
 margin-top:16px;
 font-weight:400;
 margin-bottom:0
}
.eligible-card-list article h4 {
 margin-bottom:0;
 margin-top:17px
}
.eligible-card-list article strong {
 font-weight:600;
 font-size:1.3em
}
.eligible-card-list article .grid,.tab-content article .grid {
 text-align:center;
 width:350px;
 margin:40px 62px 0
}
.eligible-card-list article .grid:nth-child(1),.eligible-card-list article .grid:nth-child(2),.tab-content article .grid:nth-child(1),.tab-content article .grid:nth-child(2) {
 margin-top:0
}
.eligible-card-list article .grid p,.tab-content article .grid p {
 margin:0 20%;
 font-size:13px;
 display:block;
 color:#888
}
.tab-content article .grid>p {
 height:75px;
 overflow:hidden;
 margin-bottom:15px
}
.tab-content article .grid>ul {
 height:135px;
 overflow:hidden;
 margin-bottom:15px
}
.eligible-card-list article .grid p {
 color:#000;
 margin:0 20% 20px 0;
 font-weight:600
}
.tab-content article .button {
 display:inline-block;
 margin-top:102px
}
.tab-content article .fancy-checkbox span {
 margin-bottom:-3px;
 border:1px solid #959595
}
.tab-content article .fancy-checkbox {
 font-size:12px
}
.tab-content article .learn-more-link {
 display:inline-block;
 font-size:13px;
 margin-bottom:15px;
 float:none;
 -webkit-text-stroke:#0095d9
}
html.desktop .tab-content article .learn-more-link:hover {
 text-decoration:underline
}
.tab-content .grid .item-footer label {
 margin-top:10px;
 display:block;
 float:left
}
.offers .tabs-container .tab-nav li {
 width:25%
}
.render-cards .tab-content h3 {
 text-align:center
}
.cards-data>.slick-list {
 overflow:hidden
}
.offers {
 background:url(../img/mapbg.jpg) 0 0/cover
}
.offers-list {
 list-style:none;
 padding:0;
 margin:0;
 text-align:center
}
.offers-list li {
 display:inline-block;
 width:230px;
 margin:3px;
 height:200px;
 background:#efefef;
 position:relative
}
.offers .tabs-container .tab-nav {
 margin-bottom:10px
}
.gif-align {
 vertical-align:middle;
 margin-top:30%;
 margin-left:40%
}
.offers-list li img {
 display:block;
 position:absolute;
 left:0;
 top:0;
 z-index:1
}
.offers-list li .offer-bubble {
 position:absolute;
 z-index:3;
 width:50px;
 height:50px;
 border-radius:50%;
 -webkit-border-radius:50%;
 background:#e2e2e2;
 left:1px;
 top:5px;
 border:3px solid #959595
}
.offers-list li .offer-bubble p {
 font-weight:700;
 font-size:17px;
 color:#888;
 padding:5px 0 0;
 margin:0;
 text-align:center
}
.offers-list li .offer-bubble span {
 font-weight:400
}
.offers-list li .offer-bubble .percent-icon {
 display:inline-block;
 font-size:14px
}
.offers-list li .offer-bubble .offtxt {
 display:block;
 text-align:center;
 font-size:13px;
 margin-top:0;
 line-height:13px
}
.card-filters {
 clear:both;
 text-align:center;
 display:block;
 list-style:none;
 margin:0;
 font-size:1.3em;
 background:#f3f2f2;
 padding:10px
}
.card-filters li {
 display:inline-block;
 margin:0 8px;
 height:18px;
 vertical-align:middle
}
.card-filters li input {
 margin-right:3px;
 display:inline-block;
 background:#fff;
 border:1px solid #888;
 height:15px;
 width:15px
}
.card-filters li label {
 height:18px;
 display:inline-block;
 line-height:18px;
 vertical-align:top;
 color:#999
}
.share-card-section {
 font-size:1.3em;
 color:#b8b8b8;
 height:40px;
 font-weight:700;
 margin-bottom:20px
}
.share-card-section .total-cards {
 float:left;
 height:40px;
 line-height:40px;
 font-weight:400
}
.share-card-section .social-media {
 float:right
}
.tab-header {
 text-align:center;
 margin:40px 0;
 position:relative
}
.tab-header p {
 font-size:1.4em;
 margin:0;
 color:#000;
 font-weight:600
}
.layout-selector {
 display:block;
 text-align:right;
 list-style:none;
 padding:0;
 margin:0
}
.layout-selector li {
 display:inline-block
}
.tab-header .layout-selector {
 position:absolute;
 right:0;
 top:15px
}
.layout-selector li a {
 background:url(../img/sprite.png) no-repeat;
 display:block;
 width:24px;
 height:20px;
 margin-left:20px;
 opacity:1;
 font-size:11px;
 overflow:hidden;
 padding-top:23px;
 color:#666;
 text-transform:capitalize;
 text-align:center
}
.layout-selector li a.grid-layout {
 background-position:-147px -800px
}
.layout-selector li a.list-layout {
 background-position:-100px -800px
}
.layout-selector li a.active {
 opacity:.4;
 color:#000
}
.cards-data .col-2 {
 -webkit-perspective:1000;
 -moz-perspective:1000;
 -ms-perspective:1000;
 perspective:1000;
 -ms-transform:perspective(1000px);
 -moz-transform:perspective(1000px);
 -moz-transform-style:preserve-3d;
 -ms-transform-style:preserve-3d
}
.card-container {
 height:222px;
 margin:0 auto;
 overflow:hidden;
 position:relative;
 border-radius:10px;
 -webkit-border-radius:10px;
 width:355px
}
.cards-data .col-2 .flip-board,.flip-board {
 -webkit-transition:.3s;
 -webkit-transform-style:preserve-3d;
 -ms-transition:.3s;
 -moz-transition:.3s;
 -moz-transform:perspective(1000px);
 -moz-transform-style:preserve-3d;
 -ms-transform-style:preserve-3d;
 transition:.3s;
 transform-style:preserve-3d
}
.card-container .card-add,.card-container .card-protection {
 height:75px;
 width:100px;
 position:absolute;
 display:block;
 top:80px;
 left:138px;
 text-indent:-9000px
}
.card-container .card-add {
 background:url(../img/sprite.png) 0 -1150px no-repeat
}
.card-container .card-protection {
 background:url(../img/sprite.png) -150px -1150px no-repeat
}
.cards-data .col-2 .flip-board .card-features,.cards-data .col-2 .flip-board figure {
 width:350px;
 height:220px;
 position:absolute;
 left:0;
 top:0;
 border-radius:10px;
 -webkit-border-radius:10px
}
.card-features.back img {
 position:absolute;
 left:0;
 top:0;
 z-index:1
}
.cards-data .col-2 .flip-board figure {
 backface-visibility:hidden;
 -webkit-backface-visibility:hidden
}
.cards-data .col-2 .back,.cards-data .col-2 .front {
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 -ms-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-transition:.3s;
 -webkit-transform-style:preserve-3d;
 -moz-transition:.3s;
 -moz-transform-style:preserve-3d;
 -o-transition:.3s;
 -o-transform-style:preserve-3d;
 -ms-transition:.3s;
 -ms-transform-style:preserve-3d;
 transition:.3s;
 transform-style:preserve-3d;
 position:absolute;
 top:0;
 left:0
}
.cards-data .col-2 .back {
 -webkit-transform:rotateY(-180deg);
 -moz-transform:rotateY(-180deg);
 -o-transform:rotateY(-180deg);
 -ms-transform:rotateY(-180deg);
 transform:rotateY(-180deg);
 background:#f3f2f2
}
.card-features {
 text-align:left;
 box-sizing:border-box;
 padding:15px 25px
}
.card-features a,.card-features li {
 font-size:12px
}
.card-features ul {
 text-align:left;
 padding-left:20px
}
.card-features ul li {
 margin-bottom:10px;
 line-height:18px;
 color:#666
}
.tab-content article .card-features h4 {
 position:absolute;
 color:#fff;
 z-index:10;
 top:149px;
 font-weight:300;
 margin:0
}
.tab-content article .card-features a {
 display:block;
 position:absolute;
 top:179px;
 z-index:10;
 color:#fff;
 font-weight:400
}
.tab-content article .row .card-features h4 {
 margin:0 0 15px;
 font-size:18px
}
.tab-content article .grid.row {
 width:100%;
 text-align:left;
 margin:20px 0
}
.tab-content .grid.row .flip-board figure {
 float:left
}
.tab-content .grid.row .flip-board .card-features {
 float:left;
 width:300px;
 padding:0 20px;
 font-size:13px
}
.tab-content .grid.row .item-footer label {
 float:none;
 display:block;
 position:absolute;
 bottom:0;
 right:0
}
.tab-content .grid .item-footer label {
 font-size:12px
}
.tab-content article .grid.row p {
 padding:0;
 margin-right:0
}
.tab-content .col-2 .item-footer .button {
 clear:both;
 display:block;
 width:106px;
 text-align:center;
 margin:0 auto 15px;
 padding:0
}
.tab-content .grid.row {
 position:relative
}
.tab-content .grid.row>.item-footer {
 position:absolute;
 right:0;
 bottom:0;
 top:15px;
 text-align:right;
 width:245px
}
.tab-nav li.nearest a:before {
 background-position:-250px -250px;
 width:26px;
 height:25px;
 margin-left:-13px
}
.tabs-container .tab-nav li.nearest.active a:before {
 background-position:-250px -200px
}
html.desktop .tabs-container .tab-nav li.nearest:hover a:before {
 background-position:-250px -350px
}
html.desktop .tabs-container .tab-nav li.nearest.active:hover a:before {
 background-position:-250px -200px
}
.tab-nav li.deals a:before {
 background-position:-300px -250px;
 width:26px;
 height:25px;
 margin-left:-13px
}
.tabs-container .tab-nav li.deals.active a:before {
 background-position:-300px -200px
}
html.desktop .tabs-container .tab-nav li.deals:hover a:before {
 background-position:-300px -350px
}
html.desktop .tabs-container .tab-nav li.deals.active:hover a:before {
 background-position:-300px -200px
}
.tab-nav li.week a:before {
 background-position:-350px -250px;
 width:26px;
 height:25px;
 margin-left:-13px
}
.tabs-container .tab-nav li.week.active a:before {
 background-position:-350px -200px
}
html.desktop .tabs-container .tab-nav li.week:hover a:before {
 background-position:-350px -350px
}
html.desktop .tabs-container .tab-nav li.week.active:hover a:before {
 background-position:-350px -200px
}
.tab-nav li.popular a:before {
 background-position:-400px -250px;
 width:26px;
 height:25px;
 margin-left:-13px
}
.tabs-container .tab-nav li.popular.active a:before {
 background-position:-400px -200px
}
html.desktop .tabs-container .tab-nav li.popular:hover a:before {
 background-position:-400px -350px
}
html.desktop .tabs-container .tab-nav li.popular.active:hover a:before {
 background-position:-400px -200px
}
.card-listing .cards-data .grid.row h4 {
 margin-left:367px;
 margin-top:10px
}
.card-listing .cards-data .grid.row ul {
 margin-left:367px;
 margin-right:105px
}
.tab-content article .grid.row .learn-more-link {
 display:inline-block;
 margin-left:19px;
 margin-top:10px
}
.tab-inner-content {
 display:none;
 visibility:hidden;
 opacity:0
}
.tab-inner-content.open {
 display:block;
 visibility:visible;
 opacity:1;
 -webkit-animation:openTab .15s ease-in both;
 -moz-animation:openTab .15s ease-in both;
 -o-animation:openTab .15s ease-in both;
 -ms-animation:openTab .15s ease-in both;
 animation:openTab .15s ease-in both
}
.tab-content .cards-data .button-wrap .button {
 margin-top:0
}
.tabs-container.all-cards .tab-nav li {
 width:68px
}
.all a:before {
 background-position:-600px -250px;
 width:24px;
 height:16px;
 margin-left:-12px
}
html.desktop .all:hover a:before {
 background-position:-600px -350px
}
.all.active a:before {
 background-position:-600px -200px
}
.tab-content .tab-header>h3 {
 font-size:20px;
 font-weight:400;
 color:#000;
 text-align:center;
 margin:0
}
.tab-content .tab-header>p {
 font-size:14px;
 font-weight:400;
 color:#333;
 text-align:center;
 margin:0
}
.tab-content article .grid p {
 color:#000;
 margin-top:10px;
 font-weight:400
}
section.tabs-container.card-listing.all-cards {
 margin-bottom:0
}
.tab-content article .cards-data .grid>ul {
 height:150px
}
.bt-tab {
 background:url(../img/bt-tab-bg.jpg) 0 0/cover no-repeat
}
.make-most p strong {
 font-weight:600;
 font-size:15px
}
.wrap a.apply-read {
 font-size:14px
}
.app-widget {
 position:relative
}
.app-widget .title {
 color:#333;
 text-align:center;
 background:#fff;
 border:1px solid #e6e6e6;
 width:100px;
 margin:0 auto 0 -51px;
 font-size:10px;
 font-weight:400;
 display:block;
 line-height:27px;
 position:absolute;
 left:50%;
 top:-15px;
 z-index:1
}
.app-widget .nav {
 margin:15px auto 0;
 overflow:hidden;
 background:#fafafa;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 position:relative
}
.app-widget .nav .app-icon {
 width:130px;
 height:56px;
 position:relative
}
.app-widget .nav .app-icon img {
 float:left
}
.app-widget .nav .app-icon .mobile-icon {
 float:left;
 width:30px;
 height:50px;
 background:url(../img/sprite.png) -250px -600px no-repeat;
 display:block;
 text-indent:-9000px;
 margin-right:10px;
 margin-top:2px
}
.app-widget .nav li {
 display:inline-block;
 vertical-align:middle
}
.app-widget .nav li+li {
 height:30px;
 border-left:none
}
.app-widget .nav li:nth-child(2) {
 border:none
}
.app-widget .nav li a {
 width:30px;
 height:30px;
 display:block;
 text-align:left;
 text-indent:-9000px;
 background-image:url(../img/sprite.png)
}
#appdownload {
 background:0 0
}
.app-widget .nav li.row input[type=submit] {
 background-image:none;
 height:100%;
 width:73px;
 display:inline-block;
 text-indent:0;
 text-align:center;
 margin-left:18px
}
.app-widget .hide {
 display:none
}
.app-widget .nav li .appstore {
 background:url(../img/app-store.png) no-repeat;
 width:135px;
 height:40px
}
.app-widget .nav li .playstore {
 background:url(../img/google-app.png) no-repeat;
 width:135px;
 height:40px
}
.app-widget .nav li .windows-store {
 background:url(../img/windows-store.png) no-repeat;
 width:135px;
 height:40px
}
.nav li .windows-store {
 background-position:-100px -600px
}
.nav li .blackberry-store {
 background-position:-147px -597px
}
.app-widget .nav .send-link {
 clear:both;
 float:right;
 color:#000;
 margin-top:6px;
 font-size:11px
}
.app-widget .nav .send-link:hover {
 text-decoration:underline;
 :
 

}
.app-widget .responseMsg {
 margin-top:20px;
 font-size:16px;
 color:#777;
 text-align:center
}
.app-widget .responseMsg.error {
 border:1px solid red
}
.app-widget .responseMsg.success {
 border:1px solid green
}
.app-widget .nav {
 width:665px;
 border:1px solid #e6e6e6;
 border-bottom:none;
 padding:15px 20px 10px
}
.app-widget .nav li:first-child {
 margin-right:3%
}
.app-widget .nav li+li {
 padding:3px 4% 3px 0
}
.app-widget .nav .send-link {
 margin-right:1%
}
.app-widget .nav li:last-child {
 padding-right:0
}
.social-page-links {
 clear:both;
 text-align:center;
 position:relative;
 margin-bottom:40px
}
.social-page-links h1 {
 font-size:16px;
 font-weight:400
}
.social-page-links .nav ul {
 list-style:none
}
.social-page-links .nav ul li {
 display:inline-block;
 border-radius:16px;
 -webkit-border-radius:16px;
 width:32px;
 height:32px;
 background:#0095d9;
 vertical-align:top;
 position:relative
}
.social-page-links .nav ul li:hover {
 background:#999
}
.social-page-links .nav ul li+li {
 margin-left:15px
}
.social-page-links .nav ul li a {
 position:absolute;
 width:32px;
 height:32px;
 margin-left:-16px;
 margin-top:-16px;
 left:50%;
 top:50%;
 text-indent:-9000px;
 background:url(../img/sprite.png) no-repeat
}
.social-page-links .nav ul li a.facebook {
 background-position:13px 9px
}
.social-page-links .nav ul li a.twitter {
 background-position:-41px 9px
}
.social-page-links .nav ul li a.linkedin {
 background-position:-90px 9px
}
@media screen and (min-width:600px) {
 .social-page-links .nav ul li {
  background:#999
 }
 .social-page-links .nav ul li:hover {
  background:#0095d9
 }
}
.help-links .box {
 border:none;
 padding:15px 22px;
 width:231px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 display:inline-block;
 float:none;
 height:330px;
 vertical-align:top
}
.help-links .box.col-1 {
 border-right:1px solid #e6e6e6;
 margin-bottom:20px
}
.img-icon {
 background:url(../img/sprite.png) no-repeat;
 width:32px;
 height:32px
}
.img-icon.faq {
 background-position:-300px -600px
}
.img-icon.chat {
 background-position:-350px -600px;
 width:36px
}
.img-icon.call {
 background-position:-400px -600px;
 width:33px
}
.img-icon.request {
 background-position:-450px -600px;
 width:30px
}
.img-icon.help {
 background-position:-600px -1250px
}
.block-button .img-icon.help {
 margin:0 auto 10px
}
.img-icon.mobile {
 background-position:-500px -1100px
}
.img-icon.simply-sms {
 background-position:-650px -1100px;
 width:34px;
 height:34px
}
.img-icon.query {
 background-position:-300px -500px;
 width:41px
}
.img-icon.atm-dropbox {
 background-position:-550px -1100px
}
.img-icon.twitter {
 background-position:-400px -500px;
 width:41px
}
.img-icon.track-app {
 background-position:-600px -1100px
}
.help-links .box h3 {
 color:#333;
 padding:14px 0 0
}
.help-links .box h3 a {
 color:#333;
 cursor:inherit
}
.help-links .box p {
 color:#000;
 font-size:13px;
 height:142px;
 font-weight:400;
 margin-bottom:10px;
 overflow:hidden;
 margin-top:14px
}
.help-links .flex-boxes-container .box strong {
 background:0 0;
 border:none;
 color:#000;
 display:inline-block;
 font-size:13px;
 font-weight:600;
 line-height:16px;
 padding:0
}
.help-links .flex-boxes-container .box:hover {
 border-color:#e6e6e6
}
.help-links .flex-boxes-container div:nth-child(4n+4) {
 border:none
}
.help-links .section-description {
 font-weight:400;
 margin-top:5px
}
.img-icon.escalations {
 background-position:-200px -600px;
 width:39px;
 height:36px
}
.img-icon.lost-card {
 background-position:-500px -450px;
 width:24px;
 height:24px
}
.options-bg {
 background:url(../img/options-bg.jpg) 0 0/cover no-repeat
}
.img-icon.locate {
 background-position:-100px -1950px;
 width:72px;
 height:72px
}
.img-icon.pay-cash {
 background-position:-200px -1950px;
 width:72px;
 height:72px
}
.img-icon.otc {
 background-position:-300px -1950px;
 width:72px;
 height:72px
}
.img-icon.atm {
 background-position:-400px -1950px;
 width:72px;
 height:72px
}
.img-icon.media {
 background-position:-300px -700px;
 width:27px
}
html.desktop .help-links .flex-boxes-container .box:hover {
 border-color:#e6e6e6
}
.img-icon.login {
 background-position:-600px -550px;
 height:60px;
 width:60px
}
.img-icon.sms {
 background-position:-600px -750px;
 height:60px;
 width:60px
}
.img-icon.bt-call {
 background-position:-600px -650px;
 height:60px;
 width:60px
}
.help-links .cta-box {
 height:248px;
 overflow:hidden;
 padding-top:18px;
 text-align:left
}
.help-links .cta-box p {
 height:auto;
 overflow:inherit;
 margin:0;
 text-align:left
}
.help-links p.top-space {
 padding-top:15px
}
.help-links .cta-box small {
 background:none;
 border:none;
 color:#666;
 font-size:11px;
 font-weight:400;
 line-height:14px;
 padding:0;
 position:static
}
.help-links .cta-box a {
 font-size:13px;
 line-height:16px
}
.more-cards {
 background:url(../img/more-cards-bg.jpg) 0 0/cover
}
.more-cards .box {
 border:none
}
.more-cards .box h4 {
 color:#000;
 font-size:1.6em;
 padding:30px 0 10px
}
.more-cards .box img {
 width:203px;
 height:130px;
 display:inline-block
}
.cards-wrapper.cards-margin {
 margin-top:85px
}
.offers-card {
 text-align:center
}
.offers-card .offer-description {
 bottom:0;
 display:inline-block;
 left:0;
 position:absolute;
 text-align:center;
 width:100%;
 z-index:1;
 background:#000;
 opacity:.6;
 padding:4px 0
}
.offers-card .offer-description p {
 font-size:12px;
 line-height:16px;
 font-weight:400;
 color:#fff;
 margin:0
}
.offers-card .offer-description p.white {
 color:#fff
}
.offers-card .offers-list li img {
 position:relative
}
.tab-inner-content ul {
 display:block;
 margin:0;
 padding:0;
 list-style:none
}
.tab-inner-content ul li {
 padding:15px 10px 15px 45px;
 border-bottom:1px solid #e3e2e2
}
.tab-inner-content ul li:last-child {
 border:none
}
.tab-inner-content ul li h5 {
 font-size:18px;
 line-height:20px;
 font-weight:400;
 color:#000;
 margin:0
}
.tab-inner-content ul.sub-list {
 list-style:disc;
 color:#999;
 padding-left:12px
}
.tab-inner-content ul.sub-list li {
 font-size:13px;
 line-height:18px;
 font-weight:400;
 color:#000;
 padding:7px 0;
 border:none
}
.tab-nav li.features a:before {
 background-position:-497px -245px;
 height:23px;
 width:30px
}
.tab-nav li.fees-charges a:before {
 background-position:-400px -700px;
 height:24px;
 margin-left:-11px;
 width:24px
}
.tab-nav li.faq a:before {
 background-position:-425px -700px;
 height:18px;
 margin-left:-11px;
 width:18px
}
.tab-nav li.reward a:before,.tab-nav li.rewards a:before {
 background-position:-450px -700px;
 height:25px;
 margin-left:-11px;
 width:17px
}
.tab-nav li.features:hover a:before {
 background-position:-497px -345px
}
.tab-nav li.fee-rates:hover a:before {
 background-position:-550px -350px
}
.tab-nav li.spend-benefits:hover a:before {
 background-position:-400px -350px
}
.tab-nav li.fees-charges:hover a:before {
 background-position:-400px -800px
}
.tab-nav li.faq:hover a:before {
 background-position:-425px -800px
}
.tab-nav li.reward:hover a:before,.tab-nav li.rewards:hover a:before {
 background-position:-450px -800px
}
.tab-nav li.features.active a:before {
 background-position:-497px -200px
}
.tab-nav li.fee-rates.active a:before {
 background-position:-550px -200px
}
.tab-nav li.spend-benefits.active a:before {
 background-position:-400px -200px
}
.tab-nav li.fees-charges.active a:before {
 background-position:-400px -750px
}
.tab-nav li.faq.active a:before {
 background-position:-425px -750px
}
.tab-nav li.reward.active a:before,.tab-nav li.rewards.active a:before {
 background-position:-450px -750px
}
.signature-detail .tabs-container .tab-nav {
 margin-bottom:22px
}
.privileges .col-2 {
 text-align:center;
 margin:45px 15px 0;
 width:450px
}
.privileges .col-2 figure {
 margin-top:10px
}
.privileges .col-2 h4 {
 font-size:24px;
 line-height:26px;
 font-weight:400;
 margin:17px 0 0
}
.privileges .col-2 ul li {
 margin:0;
 list-style:disc inside;
 height:auto;
 overflow:hidden;
 font-size:13px;
 line-height:18px;
 font-weight:400;
 padding:3px 0
}
.privileges .col-2 img.signatures {
 margin:24px 0 0
}
.privileges .col-2 h5 {
 font-size:18px;
 line-height:20px;
 font-weight:400;
 margin:0;
 display:inline
}
.privileges .secondary-view {
 width:362px;
 margin-left:55px;
 display:none;
 margin-top:36px
}
.privileges .back-btn {
 float:left;
 line-height:20px
}
.privileges .back-btn:hover {
 text-decoration:underline
}
.privileges .col-2 .secondary-view ul {
 text-align:left;
 margin-left:14px;
 list-style-position:outside;
 overflow:visible
}
.toggle-wrapper .secondary-view {
 display:block
}
.toggle-wrapper .primary-view {
 display:none
}
table.rewards-table,table.rewards-table td,table.rewards-table th {
 border:1px solid #666;
 font-size:13px
}
table.rewards-table td,table.rewards-table th {
 height:30px;
 width:155px;
 text-align:left;
 padding-left:22px;
 font-weight:400
}
table.rewards-table th {
 font-weight:600
}
.clear-left {
 clear:left
}
.privileges .wrapper.grid-outer {
 padding-top:0
}
table.rewards-table td.col02,table.rewards-table th.col02 {
 width:76%
}
.card-table tr th.head {
 padding-top:12px;
 padding-bottom:12px;
 border-bottom:1px solid #f2f2f2
}
.simplifyer-wrap {
 padding:50px 0 0;
 position:relative
}
.simplifier .ui-slider-handle,.simplyfier .ui-slider-handle {
 background:url(../img/sprite.png) no-repeat
}
.simplyfier .ui-slider-handle {
 background-position:0 -1000px;
 width:28px;
 height:23px;
 border:none;
 top:-9px;
 outline:0
}
.ui-slider-vertical .ui-slider-handle {
 background-position:-100px -1000px;
 width:23px;
 height:28px;
 border:none;
 left:-6px;
 outline:0
}
.ui-slider-vertical div.tooltip.top.slider-tip {
 left:-33px;
 top:2px;
 width:49px
}
div.tooltip.top.slider-tip {
 position:absolute;
 background:#333;
 padding:5px 8px;
 top:-30px;
 width:100px;
 text-align:center;
 margin-left:-37px
}
.range-label {
 position:absolute;
 top:67px;
 color:#555;
 font-size:14px;
 font-weight:600
}
.range-label.position-left {
 left:0
}
.range-label.position-right {
 right:0
}
.simplifier-page .simplyfier-modules.expense-income-simplyfiers .section-heading,.simplifier-page .simplyfier-modules.simplifier-slider .section-heading {
 font-size:50px;
 color:#333;
 font-weight:600;
 line-height:50px;
 margin-bottom:10px
}
.simplyfier-modules .simplifyer-wrap h3 {
 font-size:26px;
 font-weight:600;
 display:block;
 margin:15px auto 0;
 text-align:center;
 color:#000;
 height:26px;
 line-height:26px
}
.simplifier-page {
 margin-top:100px
}
.simplifier-page .simplyfier-modules.simplifier-slider {
 background-color:#eee
}
.expense-income-simplyfiers,.simplifier-slider,.simplyfier-modules.step-3 {
 background:url(../img/simplifier-bg.jpg) 0 0/cover;
 box-shadow:inset 0 -50px 50px rgba(0,0,0,.1)
}
.select-preference {
 background:#082229;
 color:#435559
}
.select-preference h2.section-heading {
 color:#fff;
 margin-bottom:16px;
 display:block
}
.content-section.simplyfier-modules>.wrapper {
 text-align:center
}
.content-section.simplyfier-modules>.wrapper>.button.primary {
 margin:20px auto 0;
 display:inline-block;
 text-align:left
}
.button .icon.round-arrow {
 width:20px;
 height:20px;
 background-position:-550px -550px;
 margin:-4px 0 0 5px;
 display:inline-block;
 vertical-align:middle
}
.select-preference ul {
 display:table;
 list-style:none;
 width:100%
}
.select-preference ul li {
 display:table-cell;
 border-right:solid 1px #435559;
 text-align:center;
 font-size:13px;
 font-weight:600;
 position:relative;
 padding:7px 0;
 width:16%;
 cursor:pointer
}
.select-preference ul li .fancy-checkbox {
 position:absolute;
 right:5px;
 top:7px;
 pointer-events:none
}
.select-preference ul li .fancy-checkbox input {
 pointer-events:none
}
.select-preference ul li:last-child {
 border:none
}
.select-preference .fancy-checkbox span,.select-preference .radio-wrap span {
 background:#0f313a;
 border:1px solid #6d7a7d
}
.select-preference ul li.selected {
 color:#fff
}
.select-preference ul li span.icon {
 display:block;
 width:58px;
 height:38px;
 margin:0 auto 13px
}
.select-preference ul li span.icon.rewards {
 background-position:9px -1250px
}
.select-preference ul li span.icon.lounge {
 background-position:-99px -1250px
}
.select-preference ul li span.icon.fuel {
 background-position:-187px -1250px
}
.select-preference ul li span.icon.liability {
 background-position:-294px -1250px
}
.select-preference ul li span.icon.concierge {
 background-position:-388px -1250px
}
.select-preference ul li span.icon.travel {
 background-position:-488px -1250px
}
.select-preference ul li.selected span.icon.rewards {
 background-position:9px -1300px
}
.select-preference ul li.selected span.icon.lounge {
 background-position:-99px -1300px
}
.select-preference ul li.selected span.icon.fuel {
 background-position:-187px -1300px
}
.select-preference ul li.selected span.icon.liability {
 background-position:-294px -1300px
}
.select-preference ul li.selected span.icon.concierge {
 background-position:-388px -1300px
}
.select-preference ul li.selected span.icon.travel {
 background-position:-488px -1300px
}
.cards-list {
 background:#f3f2f2
}
.cards-list .wrapper>h2 {
 font-size:24px;
 font-weight:600;
 color:#000;
 display:block;
 text-align:center;
 margin:-18px 0 35px
}
.cards-listing {
 list-style:none;
 padding:0;
 margin:0;
 display:block;
 text-align:center
}
.cards-listing li {
 display:inline-block;
 width:175px;
 text-align:center;
 margin:0 30px 60px
}
.cards-listing li.hide {
 display:none
}
.cards-listing li img {
 width:175px;
 height:auto
}
.cards-listing li h3 {
 font-size:14px;
 font-weight:600;
 margin:0 0 9px
}
.cards-listing li a.button {
 margin:15px 0 0
}
.cards-listing li figure {
 margin-bottom:13px
}
.calculator-module .simplifyer-wrap,.expense-income-simplyfiers .simplifyer-wrap {
 background:#fbfbfb;
 padding:0;
 border:1px solid #cdcbcb;
 position:relative
}
.expense-income-simplyfiers .simplifyer-wrap {
 margin:18px 0
}
.calculator-module .simplifyer-wrap {
 margin:10px 0
}
.expense-income-simplyfiers .simplifyer-wrap .left {
 float:left;
 background:#fff;
 position:absolute;
 left:0;
 top:0;
 width:194px;
 bottom:0;
 border-right:solid 1px #cdcbcb
}
,.calculator-module .simplifyer-wrap .right {
 margin-left:0
}
.expense-income-simplyfiers .simplifyer-wrap .right {
 margin-left:194px
}
.calculator-module .simplifyer-wrap .right ul,.expense-income-simplyfiers .simplifyer-wrap .right ul {
 list-style:none;
 display:block;
 padding:0 20px;
 margin:0;
 position:relative
}
.calculator-module .simplifyer-wrap .right ul {
 padding-top:30px
}
.calculator-module .simplifyer-wrap .right ul li,.expense-income-simplyfiers .simplifyer-wrap .right ul li {
 width:14%;
 display:inline-block;
 position:relative
}
.expense-income-simplyfiers .simplifyer-wrap .right ul li:last-child {
 width:13%;
 position:absolute;
 font-size:18px;
 right:0;
 top:25%;
 text-align:left
}
.expense-income-simplyfiers .simplifyer-wrap .right ul li:last-child span {
 font-weight:400;
 color:#000
}
.calculator-module .simplifyer-wrap h4,.expense-income-simplyfiers .simplifyer-wrap h4 {
 font-size:18px;
 font-weight:600;
 text-align:center;
 margin:18px 0 6px
}
.expense-income-simplyfiers .simplifyer-wrap h4 {
 margin:13px 0 6px
}
.calculator-module .simplifier,.expense-income-simplyfiers .simplifier {
 height:200px;
 margin:0 auto
}
.max-value,.min-value {
 display:block;
 text-align:center;
 font-size:14px;
 font-weight:600;
 color:#666;
 margin-bottom:10px
}
.max-value {
 margin-bottom:24px
}
.min-value {
 margin-top:10px
}
.calculator-module h5,.expense-income-simplyfiers h5 {
 display:block;
 position:relative;
 text-align:center;
 height:22px;
 padding-top:36px;
 font-size:16px;
 font-weight:600;
 color:#666
}
.expense-income-simplyfiers h5 {
 height:10px;
 margin-top:13px
}
.calculator-module h5 .icon,.expense-income-simplyfiers h5 .icon {
 position:absolute;
 left:50%;
 top:0;
 width:29px;
 height:29px;
 margin-left:-14.5px
}
.calculator-module h5 .icon.dining,.expense-income-simplyfiers h5 .icon.dining {
 background-position:-50px -1350px
}
.calculator-module h5 .icon.travel,.expense-income-simplyfiers h5 .icon.travel {
 background-position:-100px -1350px
}
.calculator-module h5 .icon.shopping,.expense-income-simplyfiers h5 .icon.shopping {
 background-position:-150px -1350px
}
.calculator-module h5 .icon.fuel,.expense-income-simplyfiers h5 .icon.fuel {
 background-position:-200px -1350px
}
.calculator-module h5 .icon.movies,.expense-income-simplyfiers h5 .icon.movies {
 background-position:-250px -1350px
}
.calculator-module h5 .icon.income,.expense-income-simplyfiers h5 .icon.income {
 background-position:0 -1350px
}
.calculator-module h5 .icon.others,.expense-income-simplyfiers h5 .icon.others {
 background-position:-450px -1350px
}
.calculator-module .wrapper {
 padding-top:0
}
.ui-slider-vertical div.tooltip {
 text-align:left;
 color:#fff;
 font-size:11px
}
.ui-slider-vertical div.tooltip.top.slider-tip:after {
 display:block;
 position:absolute;
 content:'';
 background:#333;
 width:10px;
 height:10px;
 right:-3px;
 top:7px;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg)
}
.simplyfier-modules.step-3 h2.section-heading span {
 display:block;
 font-size:20px;
 font-weight:400;
 margin-bottom:-2px;
 letter-spacing:-1px
}
.simplyfier-modules.step-3 h2.section-heading {
 font-size:24px;
 font-weight:600;
 margin-bottom:43px;
 color:#333
}
h2.section-heading .top-card-name {
 font-size:24px;
 font-weight:600;
 color:#333
}
.final-card-wrapper {
 width:810px;
 margin:0 auto;
 position:relative
}
.final-card-wrapper figure {
 float:left;
 padding:30px 0
}
.main-card-info {
 position:relative;
 width:345px;
 background:#fbfbfb;
 border:1px solid #cdcbcb;
 padding:30px 40px;
 text-align:left;
 float:right
}
.main-card-info:before {
 width:15px;
 height:15px;
 content:'';
 background:#fbfbfb;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 display:block;
 position:absolute;
 left:-9px;
 top:15%;
 margin-top:-10px;
 border:solid #cdcbcb;
 border-width:0 0 1px 1px
}
.main-card-info h3 {
 display:block;
 font-size:20px;
 margin:0 0 20px;
 font-weight:600;
 color:#666
}
.main-card-info ul {
 padding:0 0 0 16px;
 font-size:13px;
 min-height:100px
}
.main-card-info ul li {
 margin-bottom:5px;
 font-weight:400
}
.main-card-info .button-wrap {
 text-align:left
}
.ui-slider .ui-state-focus,.ui-slider .ui-state-hover,.ui-slider .ui-widget-content .ui-state-focus,.ui-slider .ui-widget-content .ui-state-hover,.ui-slider .ui-widget-header .ui-state-focus,.ui-slider .ui-widget-header .ui-state-hover {
 color:#fff
}
.cards-for-you .cards-listing li h3 {
 height:35px
}
.monthly-expense {
 display:block
}
.compare-card-page .tab-content article>ul.rewards-points {
 margin-bottom:0
}
.compare-card-page .tab-content article>ul.rewards-points li h3 {
 font-size:18px;
 font-weight:600
}
.compare-card-page .tab-content article>ul.rewards-points li span {
 font-size:13px;
 font-weight:400
}
.compare-card-page .tab-content article>ul.rewards-points li {
 margin:0;
 text-align:center;
 background:#eee;
 width:318px;
 padding:16px 0
}
.compare-card-page .tab-content article>ul.rewards-points li:nth-child(even) {
 background:#e9e7e7
}
.compare-card-page .tab-content article>ul.rewards-points li:nth-child(odd) {
 background:#f3f3f3
}
body .signature-calculator-header {
 background:url(../img/signature-calculator-bg.jpg)
}
.simplifier-page .section-description {
 color:#666
}
.simplifier-page .button-wrap .secondary:hover {
 background:#ddd
}
.content-section.simplyfier-modules>.wrapper>.button.primary.simplyfier-landing-next {
 margin-top:40px
}
.step-2 a.show-my-card {
 margin:0!important
}
.share-button {
 position:relative;
 font-size:14px;
 cursor:pointer;
 text-decoration:none;
 height:80px;
 width:150px
}
.share-button .icons-share {
 height:32px;
 border:none;
 padding-left:42px;
 padding-top:5px;
 background:url(../img/sprite.png) -450px -400px no-repeat;
 vertical-align:middle;
 display:block;
 line-height:20px;
 color:#868686
}
.share-button .dropdown-menu.show {
 display:block;
 opacity:1;
 margin-top:0;
 visibility:visible
}
.share-button .dropdown-menu {
 position:absolute;
 opacity:0;
 visibility:hidden;
 left:101px;
 z-index:1000;
 display:block;
 width:135px;
 margin:10px 0 0;
 font-size:14px;
 list-style:none;
 background-color:#fff;
 top:-2px
}
.share-button .dropdown-menu>li {
 display:inline-block;
 padding:5px;
 clear:both;
 font-weight:400;
 line-height:1.42857143;
 color:#333;
 white-space:nowrap
}
.share-button .dropdown-menu>li+li {
 margin-top:-1px
}
.share-button .dropdown-menu>li span {
 display:inline-block;
 vertical-align:middle;
 line-height:1.5em

}
.share-button .dropdown-menu>li:hover {
 background:#f1f1f1;
 -moz-box-shadow:0 0 6px rgba(0,0,0,.175) inset;
 -webkit-box-shadow:0 0 6px rgba(0,0,0,.175) inset;
 box-shadow:0 0 6px rgba(0,0,0,.175) inset
}
.share-button .dropdown-menu.size-32x32>li span.c {
 display:none
}
.share-button .dropdown-menu.size-32x32>li span.icon {
 width:32px;
 height:32px;
 background:url(../img/sprite.png) no-repeat
}
.share-button .dropdown-menu.size-32x32>li.facebook span.icon {
 background-position:-50px -1700px
}
.share-button .dropdown-menu.size-32x32>li.twitter span.icon {
 background-position:-100px -1700px
}
.share-button .dropdown-menu.size-32x32>li.googleplus span.icon {
 background-position:0 -858px
}
.share-button .dropdown-menu.size-32x32>li.pinterest span.icon {
 background-position:0 -495px
}
.share-button .dropdown-menu.size-32x32>li.gmail span.icon {
 background-position:0 -923px
}
.share-button .dropdown-menu.size-32x32>li.email span.icon {
 background-position:0 -1023px
}
.share-button .dropdown-menu.size-32x32>li.linkedin span.icon {
 background-position:-150px -1700px
}
body .home-header .left-content {
 padding-left:38px;
 width:45%;
 display:inline-block;
 height:288px;
 position:relative
}
body .home-header .left-content h2 {
 font-size:32px;
 line-height:36px;
 font-weight:200;
 margin-top:52px
}
body .home-header .left-content h2 strong {
 font-weight:400
}
body .home-header .watch-demo {
 background:url(../img/watch-demo.png) center right no-repeat;
 font-size:12px;
 line-height:18px;
 padding-right:39px;
 color:#fff;
 font-weight:600
}
body .home-header .right-content {
 float:right;
 width:40%;
 padding:27px 0 0
}
body .home-header .left-content .dl-link {
 position:absolute;
 bottom:0;
 left:38px
}
body .home-header .left-content .download {
 font-weight:400;
 font-size:12px;
 line-height:32px
}
body .home-header .left-content .download small {
 background:url(../img/sprite.png) -450px -500px no-repeat;
 width:32px;
 height:32px;
 display:inline-block;
 margin-right:9px
}
body .home-header .share {
 font-weight:400;
 font-size:12px;
 line-height:32px;
 margin:12px 0 0;
 width:300px;
 height:60px
}
body .home-header .share a {
 color:#fff;
 display:block;
 width:87px;
 font-weight:400;
 background-color:transparent
}
body .home-header .share small {
 background:url(../img/sprite.png) -450px -550px no-repeat;
 width:32px;
 height:32px;
 display:inline-block;
 margin-right:6px
}
body .home-header .share em {
 vertical-align:top;
 font-style:normal
}
body .home-header .slick-slider {
 position:static
}
body .home-header .slick-list {
 overflow:initial
}
body .home-header .left-content.white-color h2,body .home-header .left-content.white-color p {
 color:#fff
}



.content-section.e-apply input[type=date],.content-section.e-apply input[type=email],.content-section.e-apply input[type=tel],.content-section.e-apply input[type=text] {
 background:transparent;
}

.content-section.e-apply .select-wrap {
 width:198px
}
.form-field-list li .field-wrap input[type=text].amount {
 width:180px
}
#pancard {
 text-transform:uppercase
}
form label.error[for=annualExpenses],form label.error[for=city],form label.error[for=income],form label.error[for=qualification],form label.error[for=turnover] {
 left:198px
}
form label.error[for=agreeCondition1],form label.error[for=agreeCondition2],form label.error[for=agreeCondition4],form label.error[for=agree] {
 left:5px;
 top:25px
}
form select.error+label+div.trigger {
 border-color:red
}
form .checked label.error[for=agreeCondition1]+span,form .checked label.error[for=agreeCondition2]+span,form .checked label.error[for=agreeCondition4]+span,form .checked label.error[for=agree]+span {
 border:none
}
form label.error[for=agree-condition-03]+span,form label.error[for=agreeCondition1]+span,form label.error[for=agreeCondition2]+span,form label.error[for=agree]+span {
 border-color:red
}
form .instruction {
 font-size:11px
}
.form-field-list li .field-wrap input[type=text]#smsCode,.form-field-list li .field-wrap input[type=text]#smsCodeExist {
 width:105px;
 text-transform:uppercase
}
.form-field-list li .field-wrap input[type=text].small {
 width:105px;
 margin-right:7px
}
.e-apply-step-2 h3 {
 font-size:20px;
 font-weight:400;
 line-height:22px;
 margin:0 0 8px
}
.e-apply-step-2 section h3 {
 padding-bottom:7px
}
.e-apply-step-2>section {
 border-top:1px solid #ececec;
 padding:30px 0
}
.content-section.e-apply-step-2 .form-field-list .row:first-child,.content-section.e-apply-step-2 .form-field-list .row:nth-child(2) {
 margin:0 0 10px
}
.content-section.e-apply-step-2 .form-field-list .row.user-agreement {
 padding:0 0 6px 185px;
 width:60%
}
.content-section.e-apply-step-2 .form-field-list .row.user-agreement label {
 font-size:12px
}
.fancy-select #homestdCode+.trigger,.fancy-select #landlineLoc+.trigger,.fancy-select #officestdCode+.trigger,.fancy-select #stdCode+.trigger {
 width:60px
}
.e-apply-step-2 .form-field-list li .field-wrap input#homelandlinePhone[type=text],.e-apply-step-2 .form-field-list li .field-wrap input#landlinePhone[type=text],.e-apply-step-2 .form-field-list li .field-wrap input#officelandlinePhone[type=text] {
 width:80px
}
.form-field-list li .field-wrap input[type=text].#alternate-num {
 width:122px
}
form label[for=gender].error {
 left:347px;
 top:5px
}
form label[for=mailingAddress].valid {
 right:83px;
 top:5px
}
.form-field-list li .field-wrap input[type=text]#years,.mandatoryInstruction {
 position:relative
}
.mandatoryInstruction small {
 display:block;
 position:absolute;
 right:144px;
 top:-31px
}
form label[for=natureOfCompany].error,form label[for=officeCity].error,form label[for=officePinCode].error,form label[for=pinCode].error {
 left:203px
}
.e-apply-step-2 h2 {
 font-size:20px;
 font-weight:400;
 line-height:22px;
 margin:0 0 30px
}
.e-apply-step-2 h2 small,.e-apply-step-2 h3 small {
 float:right;
 font-size:11px
}
.content-section .wrapper.generic-respons-container {
 padding:37px 0
}
.generic-form-respons {
 text-align:center
}
.generic-form-respons h3 {
 font-size:20px;
 margin:0 0 10px;
 font-weight:600
}
.generic-form-respons span {
 font-weight:700
}
.generic-form-respons p {
 font-size:12px;
 margin:0;
 font-weight:600
}
.generic-form-respons {
 padding-top:10px
}
.generic-form-respons span.application-icon {
 background:url(../img/sprite.png) -550px -800px no-repeat;
 height:41px;
 width:32px;
 display:inline-block
}
.ui-widget-content.ui-datepicker {
 background:#efefef
}
.content-section .upload-docs .button {
 margin-top:40px
}
.page-header-wrapper h2 strong {
 font-weight:700
}
.form-field-list.hide {
 display:none
}
.e-apply #e-apply-form .e-apply-step-2 small {
 margin-left:10px
}
.progress-bar.percent-0 .percent-track span.track-icon.icon-0 {
 display:block
}
div.wrapper.page-header-wrapper.eapply-landing {
 margin-top:-45px
}
#e-apply-form .field-wrap .rupees {
 padding-right:2px
}
#e-apply-links {
 top:400px
}
form .tooltip.name-tooltip {
 left:570px
}
input#CompanyNameLbl {
 text-transform:uppercase
}
.fees-savings {
 padding-bottom:50px
}
.fees-savings .fees {
 padding-left:38px;
 padding-top:45px;
 float:left;
 width:62%
}
.fees-savings ul {
 margin:0;
 padding:0;
 list-style:none
}
.fees-savings ul.fee-list {
 width:320px;
 display:inline-block;
 background:url(../img/brackets.png) 338px center no-repeat;
 padding-right:43px
}
.fees-savings ul li {
 font-size:14px;
 line-height:16px;
 font-weight:400;
 padding:0;
 letter-spacing:-1px;
 width:100%;
 text-align:right
}
.fees-savings ul.fee-list ul li small {
 font-size:14px;
 line-height:16px;
 font-weight:400
}
.fees-savings ul li .left {
 text-align:left;
 padding-right:4px
}
.fees-savings ul li .right {
 text-align:right;
 display:inline-block;
 width:20%;
 padding-left:6px
}
.fees-savings ul.fee-list li:first-child ul {
 border-bottom:1px solid #525253;
 padding-bottom:12px
}
.fees-savings ul.fee-list ul {
 width:245px;
 display:inline-block;
 float:left
}
.fees-savings ul.fee-list span {
 float:right;
 position:relative;
 top:22px;
 font-size:18px;
 font-weight:400
}
.fees-savings ul.fee-list ul li {
 padding:7px 0
}
.net-fee {
 padding-top:48px;
 display:inline-block;
 margin-left:15px;
 vertical-align:top
}
.net-fee span {
 font-size:24px;
 line-height:26px;
 font-weight:400;
 display:block
}
.net-fee small {
 font-size:11px;
 line-height:13px;
 font-weight:400;
 display:block;
 padding-top:13px
}
.calculate {
 float:right;
 width:245px;
 margin-top:45px;
 background:url(../img/calculate.png) 0 5px no-repeat;
 padding-left:70px
}
.calculate h3 {
 font-size:24px;
 line-height:26px;
 font-weight:400;
 margin:0
}
.calculate .content-box {
 width:245px;
 display:inline-block
}
.calculate p {
 font-size:14px;
 line-height:16px;
 font-weight:400
}
.calculate .button {
 padding:0 20px
}
.col-three .net-fee {
 padding-top:17px;
 margin-left:10px
}
.fees-savings ul.fee-list span.pos-change {
 top:8px
}
.fees-savings .col-three ul.fee-list {
 height:115px
}
.fees-savings .col-two ul.fee-list {
 background:0 0;
 width:100%
}
.fees-savings .col-two ul.fee-list li:first-child ul {
 border-bottom:none;
 border-right:1px solid #525253;
 padding-right:20px;
 padding-bottom:0
}
.fees-savings .col-two ul.fee-list li.last {
 text-align:left;
 padding-left:20px
}
.fees-savings .col-two ul.fee-list ul li small {
 font-size:20px
}
.fees-savings .col-two ul li .right {
 width:20%
}
.fees-savings .col-two ul.fee-list span {
 position:static;
 font-size:13px;
 letter-spacing:0
}
.fees-savings .col-four ul.fee-list li:first-child ul {
 padding-bottom:10px;
 margin-top:15px
}
.fees-savings .col-four ul.fee-list ul li:first-child {
 padding-top:10px
}
.fees-savings .col-two.col-two-01 ul li .right {
 width:27%
}
.fees-savings .col-two.col-two-02 ul.fee-list ul li small {
 font-size:17px
}
.fees-savings .col-two.col-two-02 ul.fee-list ul li.last small {
 font-size:14px;
 letter-spacing:0;
 padding-top:8px;
 display:block
}
.content-section.login-page {
 background:url(../img/login-bg.jpg) 0 0/cover no-repeat #1b568a;
 padding:50px 0
}
.content-section.login-page .wrapper {
 width:960px;
 margin:0 auto;
 background:#fff;
 padding:0
}
.section-header {
 border-bottom:solid 1px #ddd;
 height:75px;
 position:relative;
 padding:0 35px
}
.section-header .logo {
 float:left;
 margin-top:18px
}
.section-header .page-title {
 float:left;
 text-align:center;
 height:75px;
 line-height:70px;
 font-weight:300;
 margin:0 0 0 235px
}
.section-wrapper .column {
 width:478px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 min-height:300px
}
.section-wrapper .left {
 float:left;
 border-right:solid 1px #ddd
}
.section-wrapper .right {
 float:right
}
.login-form .column form {
 display:block;
 padding:40px
}
.login-form .form-field-list li .button {
 margin-top:0
}
.login-page .section-wrapper .column {
 padding:40px 0
}
#keyboard {
 margin:0;
 padding:0 30px;
 list-style:none;
 text-align:center
}
#keyboard li {
 display:inline-block;
 margin:0 5px 5px 0;
 width:30px;
 height:30px;
 line-height:30px;
 text-align:center;
 background:#fff;
 border:1px solid #b2dff4;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 font-size:12px;
 font-weight:200;
 color:#d1d1d1
}
#keyboard.active li {
 border:1px solid #0095d9;
 color:#333
}
.capslock,.left-shift,.tab {
 clear:left
}
#keyboard .backspace,#keyboard .clear,#keyboard .return {
 width:77px
}
#keyboard .left-shift {
 width:95px
}
#keyboard .right-shift {
 width:109px
}
.lastitem {
 margin-right:0
}
.uppercase {
 text-transform:uppercase
}
#keyboard .space {
 clear:left;
 width:681px
}
.on {
 display:none
}
#keyboard li:hover {
 cursor:default
}
#keyboard.active li:hover {
 cursor:pointer;
 position:relative;
 top:1px;
 left:1px;
 border-color:#000;
 color:#000
}
#keyboard li.divider {
 border:none;
 display:block;
 clear:both;
 background:0 0;
 height:10px
}
.login-footer {
 background:#101010;
 width:920px;
 margin:0 auto;
 height:20px;
 color:#eee;
 font-size:13px;
 padding:20px;
 line-height:20px;
 text-align:center
}
.login-footer p {
 margin:0;
 padding:0
}
.login-footer p span.blue-colr {
 color:#0095d9
}
.login-footer p a {
 color:#bbb;
 display:inline-block;
 padding:0 5px
}
.alert {
 background:#d8d8d8
}
.alert p {
 display:block;
 text-align:center;
 padding:0;
 margin:0;
 font-size:13px;
 color:#666;
 font-weight:600;
 height:50px
}
.alert p strong {
 color:#333;
 font-weight:700;
 line-height:50px
}
.login-page .help-links {
 padding:50px 0 180px;
 background:url(../img/login-help-bg.jpg) 0 0/cover no-repeat
}
.login-page .help-links .grid-outer {
 background:0 0
}
.login-page .app-widget {
 display:block;
 position:relative;
 margin-top:-115px
}
.login-page .left .form-field-list .row .fancy-checkbox {
 display:block;
 width:200px
}
.login-page .left .form-field-list .row .fancy-checkbox em {
 display:block;
 color:#c2bcb6;
 font-size:11px;
 font-weight:200;
 font-style:normal;
 margin-left:25px
}
.login-page h1 span {
 display:block;
 margin:-20px 0 0;
 text-align:center;
 font-size:12px;
 line-height:12px;
 color:#888
}
.register {
 padding:40px;
 position:relative
}
input#cvv-number,input.cvv-number {
 width:30px;
 text-align:center
}
.login-page .register .button-wrap {
 text-align:left;
 margin-left:187px
}
.login-page .register .button-wrap .button {
 margin-right:5px;
 margin-left:0
}
.register label {
 text-align:left
}
p.info-text {
 font-size:12px;
 font-weight:200;
 color:#666;
 margin-top:0
}
aside.card-preview {
 float:right
}
.float-left {
 float:left
}
.form-field-list.float-left {
 width:50%
}
.fancy-select-wrap.date-set .fancy-select {
 width:71px;
 display:inline-block
}
.fancy-select-wrap.date-set .fancy-select div.trigger {
 width:50px;
 display:inline-block
}
.register h3 {
 font-size:18px;
 font-weight:400;
 margin:0
}
.general-progress strong {
 display:block;
 text-align:center;
 position:absolute;
 bottom:-21px;
 width:100%;
 font-weight:400;
 font-size:13px
}
.general-progress .stop-1 strong {
 left:0;
 text-align:left
}
.general-progress .stop-3 strong {
 right:0;
 text-align:right
}
.field-wrap span.field-value {
 font-size:12px;
 line-height:18px;
 font-weight:600;
 color:#999;
 padding:8px 9px;
 height:20px;
 display:inline-block
}
.field-wrap>p.field-value {
 width:33%;
 float:left;
 margin-left:191px
}
.field-wrap p {
 color:#999
}
.field-wrap .info-box {
 display:inline-block;
 margin-left:15px;
 width:38%;
 padding:15px;
 background:#ffc;
 font-size:13px
}
.register ul.form-field-list {
 margin:30px 0;
 position:relative
}
.password-strength {
 position:absolute;
 top:90px;
 left:50%;
 background:#f1f1f1;
 width:235px;
 padding:10px 15px;
 color:#666;
 font-size:10px
}
.password-strength .strength {
 padding:10px 0
}
.strength span {
 display:inline-block;
 width:52px;
 height:4px;
 background:#cccecf;
 margin:0 1px
}
.strength strong {
 display:block;
 text-align:right;
 margin-right:11px;
 color:#333;
 font-weight:600;
 font-size:12px
}
.password-strength p {
 margin:0
}
.compare-wrapper {
 list-style:none;
 display:table;
 margin:0;
 background:#d7fff1;
 position:absolute;
 left:0;
 right:0;
 overflow:hidden;
 border:1px solid #d4e8f1;
 padding:9px;
 vertical-align:top;
 width:100%;
 box-sizing:border-box
}
.tab-content .grid.row .flip-board .card-features.back {
 display:none
}
.card-listing .cards-data div,.eligible-card-list .cards-data div {
 text-align:left
}
.card-listing .cards-data ul,.eligible-card-list .cards-data ul {
 padding:0 0 0 17px;
 margin-top:7px
}
.card-listing .cards-data ul li,.eligible-card-list .cards-data ul li {
 font-size:13px;
 line-height:22px;
 margin-bottom:5px;
 color:#666;
 font-weight:400
}
.eligible-card-list .eligible-article {
 border-bottom:1px solid #e6e6e6
}
.eligible-card-list .e-apply-additional .eligible-article {
 border-bottom:none
}
.eligible-card-list .wrapper.e-apply-additional {
 padding:0
}
a.remove-compare-card {
 display:none
}
.added a.remove-compare-card {
 background:url(../img/sprite.png) 0 -1700px #fff;
 display:block;
 position:absolute;
 width:17px;
 height:17px;
 text-align:center;
 color:#333;
 font-weight:600;
 padding:0;
 margin:0;
 line-height:15px;
 right:0;
 top:0;
 border:1px solid #b7f2dd;
 text-indent:-9000px
}
.card-listing .cards-data .flip-board,.eligible-card-list .cards-data .card-container,.eligible-card-list .cards-data .flip-board {
 margin:0
}
a.add-another-card {
 position:absolute;
 top:46px;
 left:129px;
 font-size:12px;
 font-weight:400
}
a.add-another-card:after {
 border-bottom:4px solid transparent;
 border-left:4px solid #007bff;
 border-top:4px solid transparent;
 content:"";
 display:inline-block;
 height:0;
 margin-left:5px;
 width:0
}
.compare-wrapper>li.added:before,.compare-wrapper>li.compare-btn:before {
 display:none
}
.compare-wrapper>li {
 position:relative;
 text-align:left;
 float:left;
 vertical-align:top;
 width:240px;
 margin-right:10px;
 background:#effff9;
 padding:10px
}
.compare-wrapper>li.compare-btn {
 background:0 0;
 width:100px;
 margin-right:0;
 margin-left:10px
}
.compare-wrapper>li img {
 display:inline-block;
 margin-right:10px
}
.compare-wrapper li h2 {
 font-weight:400;
 display:inline-block;
 margin-top:12px;
 vertical-align:top;
 font-size:12px;
 position:absolute;
 left:128px;
 top:10px
}
.compare-wrapper li.added h2 {
 vertical-align:top
}
.card-selector {
 position:absolute;
 background:#fff;
 border:1px solid #ddd;
 top:152px;
 z-index:15;
 display:none;
 height:0;
 width:315px;
 transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 padding:20px;
 bottom:auto
}
.card-selector.show {
 display:block;
 min-height:400px;
 height:auto
}
.card-selector .card-select-wrapper {
 position:absolute;
 top:35px;
 bottom:20px;
 left:10px;
 overflow-y:auto;
 padding:0 20px;
 right:10px
}
.card-selector article ul li img {
 float:left;
 width:45px;
 margin-right:10px
}
.card-selector article ul li {
 font-size:12px;
 height:50px;
 position:relative
}
.card-selector span.card-title {
 float:left
}
a.icon.add-card {
 text-indent:-9000px;
 background-position:0 -852px;
 width:38px;
 height:38px;
 margin-top:-9px;
 position:absolute;
 right:0;
 top:0
}
.card-selector li.added a.icon.add-card.hide,span.confirm.hide {
 display:none
}
span.confirm {
 float:right;
 color:#00ce7e
}
.card-selector h4 {
 font-size:15px;
 font-weight:400;
 margin:0 0 15px;
 padding:0 0 0 35px;
 position:relative
}
.card-selector li.added img {
 opacity:.3
}
h4.icon-b:before {
 display:block;
 width:22px;
 height:20px;
 position:absolute;
 left:5px;
 top:5px
}
.card-selector .premium .icon-b:before {
 background-position:0 -650px
}
.card-selector .travel .icon-b:before {
 background-position:0 -675px
}
.card-selector .shopping .icon-b:before {
 background-position:0 -700px
}
.card-selector .classic .icon-b:before {
 background-position:0 -725px
}
.card-selector .exclusive .icon-b:before {
 background-position:0 -750px
}
.card-selector .lifestyle .icon-b:before {
 background-position:0 -5100px
}
.card-selector .reward .icon-b:before {
 background-position:-75px -5100px
}
.card-selector .banking-partnership .icon-b:before {
 background-position:-25px -5100px
}
.card-selector .value-savings .icon-b:before {
 background-position:-50px -5100px
}
.card-selector.second {
 left:30%
}
.card-selector.third {
 left:60%
}
.card-selector ul {
 display:block;
 list-style:none;
 padding:0;
 margin:15px 0
}
.eligible-card-list .item-footer .button,.tab-content .card-listing .item-footer .button {
 margin:0
}
.card-listing .tab-content .cards-data .col-2.grid .item-footer .button,.eligible-card-list .cards-data .col-2.grid .item-footer .button {
 float:left;
 clear:none;
 margin:0
}
.compare-card-wrapper {
 position:relative;
 margin-top:-45px;
 margin-bottom:65px;
 transition:all .1s ease-in-out;
 -webkit-transition:all .1s ease-in-out;
 -moz-transition:all .1s ease-in-out;
 -o-transition:all .1s ease-in-out;
 -ms-transition:all .1s ease-in-out
}
.compare-card-wrapper.fixed {
 position:fixed;
 top:55px;
 width:960px;
 margin:0 auto 0 -480px;
 left:50%;
 z-index:999
}
.card-selector .close-icon {
 background:url(../img/sprite.png) 0 -1700px #fff;
 display:block;
 position:absolute;
 width:17px;
 height:17px;
 text-align:center;
 color:#333;
 font-weight:600;
 padding:0;
 margin:0;
 line-height:15px;
 right:0;
 top:0;
 border:1px solid #b7f2dd;
 text-indent:-9000px;
 z-index:99
}
.compare-wrapper>li.compare-btn .button {
 margin-top:14px;
 padding:0 21.5px
}
.compare-card-wrapper.hide,.compare-card-wrapper:not(.hide) {
 transition:all .1s ease-in-out;
 -webkit-transition:all .1s ease-in-out;
 -moz-transition:all .1s ease-in-out;
 -o-transition:all .1s ease-in-out;
 -ms-transition:all .1s ease-in-out;
 z-index:999
}
.compare-card-wrapper.hide,.compare-card-wrapper.hide.fixed {
 opacity:0;
 height:0;
 overflow:hidden;
 display:block;
 margin-top:0!important;
 margin-bottom:0!important;
 visibility:hidden;
 padding:0
}
.compare-wrapper li {
 position:relative
}
.compare-wrapper li img {
 display:inline-block;
 width:105px;
 height:65px;
 border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #ddd;
 background:#fff;
 margin-right:12px;
 position:relative
}
.compare-wrapper li.added img {
 border:none
}
.compare-wrapper li span.icon:before {
 background:url(../img/sprite.png) 0 -850px no-repeat;
 content:'';
 display:block;
 width:40px;
 height:40px;
 position:absolute;
 left:63px;
 margin-left:-20px;
 top:24px;
 z-index:10
}
.compare-wrapper li.added span.icon:before {
 display:none
}
.compare-card-page {
 padding:0;
 margin-top:0
}
.compare-card-page .compare-card-wrapper {
 z-index:1
}
.compare-card-page .compare-card-wrapper .compare-wrapper {
 position:static;
 background:0 0;
 border:none;
 padding:10px 0
}
.compare-card-page .compare-card-wrapper .compare-wrapper li {
 display:inline-block;
 width:316px;
 border:1px solid #ddd;
 margin-right:5px;
 padding:15px 15px 0;
 box-sizing:border-box;
 height:340px;
 text-align:center
}
.compare-card-page .compare-card-wrapper .compare-wrapper li:last-child {
 margin-right:0
}
.compare-card-page .compare-card-wrapper .compare-wrapper li img {
 margin:0 auto;
 display:block;
 position:relative
}
.compare-card-page .compare-card-wrapper .compare-wrapper li .add-another-card {
 float:none;
 position:static;
 text-align:center;
 display:block;
 font-size:17px
}
.compare-card-page .compare-card-wrapper .compare-wrapper li span a.add-another-card {
 position:relative;
 left:auto
}
.compare-card-page .compare-card-wrapper .compare-wrapper li a {
 float:none;
 position:static;
 display:block;
 text-align:center
}
.compare-card-page .tab-content article>ul {
 padding:0;
 margin:0
}
.compare-card-page .tab-content article ul li {
 display:inline-block;
 width:300px;
 padding:0;
 margin:0 10px
}
.compare-card-page .tab-content article>table {
 float:left;
 width:31%;
 margin:0 10px;
 border:1px solid #f3f3f3;
 vertical-align:top
}
.compare-card-page .tab-content article>table td {
 padding:15px;
 font-size:14px;
 font-weight:300;
 color:#555
}
.compare-card-page .tab-content article>table tr {
 border-bottom:solid 1px #f3f3f3
}
.compare-card-page .tab-content article>table tr:nth-child(even) {
 background:#fafafa
}
.compare-card-page .compare-card-wrapper .compare-wrapper li .add-another-card.hide,.compare-card-page .compare-card-wrapper .compare-wrapper li a.hide {
 display:none
}
.compare-card-page .compare-wrapper span.icon-wrapper {
 width:210px;
 height:131px;
 border-radius:10px;
 -webkit-border-radius:10px;
 background:#eee;
 display:block;
 margin:0 auto;
 position:relative
}
.compare-card-page .compare-wrapper li:before {
 display:none
}
.compare-card-page .compare-card-wrapper .compare-wrapper li .icon-wrapper img {
 background:url(../img/sprite.png) 0 -850px no-repeat;
 display:block;
 width:40px;
 height:40px;
 position:absolute;
 left:50%;
 margin-left:-20px;
 top:50%;
 margin-top:-20px;
 z-index:10;
 border:none
}
.compare-card-page .compare-card-wrapper .compare-wrapper li .icon-wrapper img.card-img {
 width:210px;
 height:131px;
 margin:0 auto;
 background:0 0;
 position:static
}
.compare-card-page .compare-card-wrapper .compare-wrapper li a.remove-compare-card {
 background:url(../img/sprite.png) 0 -1700px #fff;
 display:none;
 position:absolute;
 width:17px;
 height:17px;
 text-align:center;
 color:#333;
 font-weight:600;
 padding:0;
 margin:0;
 line-height:15px;
 right:0;
 top:0;
 border:1px solid #b7f2dd;
 text-indent:-9000px
}
.compare-card-page .compare-card-wrapper .compare-wrapper li.added a.remove-compare-card {
 display:block
}
.compare-card-page .compare-card-wrapper .compare-wrapper li h2 {
 font-size:18px;
 margin-top:15px;
 margin-bottom:10px;
 position:static
}
.compare-card-page .compare-card-wrapper .compare-wrapper li a.button {
 width:80px;
 margin:15px auto
}
.compare-card-page .compare-card-wrapper .compare-wrapper li.added .item-footer {
 border-bottom:solid 1px #ddd
}
.compare-card-page .compare-card-wrapper .compare-wrapper li p {
 font-size:14px;
 font-weight:400;
 color:#555
}
.compare-card-page .compare-card-wrapper .compare-wrapper li p .amount {
 font-weight:600;
 color:#444
}
.compare-card-page .tab-content ul li h2 {
 font-size:22px;
 font-weight:300;
 color:#666;
 margin-bottom:25px
}
.compare-card-page .tab-content ul.cards-name li h2 {
 font-size:18px;
 font-weight:400;
 color:#000;
 text-align:center;
 padding-left:0
}
.wrapper.compare-card-wrapper {
 padding-top:0;
 padding-bottom:0
}
.compare-card-page .compare-card-wrapper {
 margin:0 auto
}
.compare-card-page .card-selector.show {
 top:300px
}
.compare-card-page .compare-card-wrapper .tabs-container .tab-nav li a:before {
 bottom:45px
}
.features .icon-b:before {
 background-position:-500px -300px;
 width:30px;
 height:30px;
 display:block;
 margin-left:-15px
}
.fee-rates .icon-b:before {
 background-position:-550px -300px;
 width:30px;
 height:23px;
 display:block;
 margin-left:-15px
}
.spend-benefits .icon-b:before {
 background-position:-400px -300px;
 width:30px;
 height:23px;
 display:block;
 margin-left:-15px
}
.cards-wrapper .compare-card-page .tabs-container .tab-nav li a {
 height:50px
}
.tab-content article .card-features a {
 color:#0095d9
}
.item-footer {
 position:relative;
 padding-top:5px
}
.item-footer .fb-like {
 position:absolute;
 right:0;
 top:-29px
}
.row .item-footer .fb-like {
 top:0
}
.tabs-container.card-listing .tab-nav {
 margin-bottom:25px
}
.card-listing .share-card-section .total-cards {
 line-height:25px;
 height:25px
}
.card-listing .share-card-section {
 float:left;
 width:100%;
 height:30px
}
.card-listing .tab-content h3 {
 font-size:2em;
 font-weight:400
}
.card-listing .tab-header p {
 color:#333;
 font-size:1.3em;
 font-weight:400
}
.cards-data .col-2 {
 border-bottom:1px solid #eee;
 margin-bottom:50px;
 padding-bottom:20px;
 height:525px
}
.tab-content .grid .item-footer label.fancy-checkbox {
 float:right
}
.grid-outer .row .card-container {
 float:left
}
.tab-content .row .item-footer label.fancy-checkbox {
 margin:0;
 bottom:65px
}


.tab-content .row {
 border-bottom:solid 1px #eee;
 margin-bottom:40px;
 padding-bottom:40px
}

.content .tab-content .row {
 border-bottom:solid 0px #eee;
 margin-bottom:0px;
 padding-bottom:0px
}

.tab-content .row:last-child {
 margin-bottom:0;
 border-bottom:none
}
.compare-wrapper li span.icon {
 background-image:none
}
.card-listing .tab-content article .row .button {
 margin-top:78px
}
.card-listing .cards-data .grid.row ul {
 margin-bottom:10px
}
.card-listing .tab-content article h4 {
 font-size:1.7em
}
.learn-more-link:after,.learn-more:after {
 margin-left:3px
}
.last,.second-last {
 border-bottom:none!important
}
.tabs-container.compare-card-page .compare-card-wrapper .tab-nav {
 margin-bottom:0
}
.compare-card-page .tab-content article>ul.rewards-points li span.amount {
 font-size:18px;
 font-weight:600
}
.community {
 overflow:hidden;
 background:url(../img/bg-community.jpg) 0 0/cover no-repeat
}
.phm.pluginLikeboxStream {
 margin-right:5px!important
}
.likeBoxStream div div {
 border:none
}
.community-right {
 width:47%;
 margin:80px 0 0 28px
}
.testimonials {
 width:100%;
 display:inline-block;
 border-bottom:1px solid #e6e6e6;
 padding-bottom:22px;
 padding-left:16px;
}
.testimonials .text-sec {
 width:285px;
 float:left
}
.testimonials .text-sec h3 {
 font-size:19px;
 line-height:24px;
 color:#000;
 padding-left:50px;
 margin:16px 0 0;
 position:relative;
 font-weight:600
}
.testimonials .text-sec h3:before {
 content:'';
 display:inline-block;
 position:absolute;
 background:url(../img/sprite.png) -50px -850px no-repeat;
 width:49px;
 height:37px;
 left:0;
 top:-10px
}
.testimonials .text-sec p {
 font-size:13px;
 line-height:17px;
 font-weight:400;
 color:#000;
 margin:4px 10px 0 0;
 padding-top:2px
}
.testimonials .text-sec p:after {
 content:'';
 display:inline-block;
 background:url(../img/sprite.png) -25px -825px no-repeat;
 width:11px;
 height:8px;
 position:relative;
 top:2px;
 left:1px
}
.testimonials .personal-info {
 padding-top:30px
}
.testimonials .personal-info strong {
 font-weight:600
}
.testimonials .personal-info p,.testimonials .personal-info p:after {
 background:0 0
}
.testimonials figure {
 float:right;
 width:145px;
 background:#fff;
 border:1px solid #e6e6e6;
 padding:4px
}
.video-previews {
 width:100%;
 display:block;
 margin:29px 0 0;
 padding-left:16px
}
.video-previews h3 {
 font-size:20px;
 line-height:24px;
 font-weight:400;
 color:#000;
 margin:0;
 float:left
}
.video-previews .view-all {
 float:right;
 font-size:12px;
 font-weight:400;
 line-height:25px
}
.video-previews ul {
 margin:0;
 padding:20px 0 0;
 display:inline-block;
 list-style:none;
 width:100%
}
.video-previews ul li {
 position:relative;
 text-align:center;
 display:inline-block
}
.video-previews ul li:last-child {
 float:right
}
.video-previews ul li a {
 display:inline-block
}
.video-previews ul li small {
 width:210px;
 height:120px;
 background:#000;
 position:absolute;
 display:inline-block;
 top:0;
 left:0;
 opacity:.3
}
.video-previews .play-icon {
 background:url(../img/sprite.png) -250px -650px no-repeat;
 width:40px;
 height:28px;
 position:absolute;
 left:38%;
 top:33%
}
.video-previews ul li p {
 font-weight:400;
 font-size:13px;
 color:#fff;
 position:absolute;
 left:0;
 bottom:6px;
 width:100%
}
.video-previews ul li img {
 width:210px;
 height:120px
}
.testimonials .personal-info p {
 line-height:14px;
 :


}
.client-logos ul {
 margin:0;
 padding:0;
 list-style:none
}
.client-logos ul li {
 margin:30px 0 30px 60px;
 padding:0;
 display:inline-block;
 background:url(../img/circle-bg.png) no-repeat;
 width:132px;
 height:132px;
 text-align:center
}
.client-logos ul li img {
 padding-top:28px
}
.community .iw_component .community-right {
 width:46%
}
.offers-container {
 text-align:center
}
.offers-container p {
 font:19px/22px 'Open Sans',sans-serif;
 font-weight:400;
 color:#000;
 margin-top:30px;
 margin-bottom:0
}
.offers-container ul {
 list-style:none;
 text-align:left;
 border:1px solid #e6e6e6;
 margin:15px 0 0;
 padding:0
}
.offers-container ul li:nth-child(5n) {
 border-right:none
}
.offers-container ul li {
 float:left;
 width:20%;
 height:98px;
 text-align:center;
 position:relative;
 border-bottom:1px solid #e6e6e6;
 border-right:1px solid #e6e6e6;
 box-sizing:border-box;
 margin-bottom:-1px;
 vertical-align:top
}
.offers-container ul li span {
 font-size:12px;
 font-weight:400;
 color:#999;
 display:block
}
.offers-container .fancy-checkbox {
 position:absolute;
 right:4px;
 top:8px
}
.offers-container ul li .active span {
 color:#000
}
.offers-container .fancy-checkbox span {
 display:inline-block
}
.offers-container .icon {
 background:url(../img/sprite.png) no-repeat;
 display:inline-block;
 margin-top:29px;
 width:35px;
 height:35px
}
.offers-container .everything {
 background-position:-100px -850px;
}
.offers-container .active .everything {
 background-position:-100px -900px
}
.offers-container .dining {
 background-position:-150px -850px
}
.offers-container .active .dining {
 background-position:-150px -900px
}
.offers-container .travel {
 background-position:-196px -845px
}
.offers-container .active .travel {
 background-position:-196px -895px
}
.offers-container .latest-offers {
 background-position:-250px -850px
}
.offers-container .active .latest-offers {
 background-position:-250px -900px
}
.offers-container .lifestyle {
 background-position:-300px -855px
}
.offers-container .active .lifestyle {
 background-position:-300px -905px
}
.offers-container .wellness {
 background-position:-350px -850px
}
.offers-container .active .wellness {
 background-position:-350px -900px
}
.offers-container .unbelievable-deals {
 background-position:-400px -850px
}
.offers-container .active .unbelievable-deals {
 background-position:-400px -900px
}
.offers-container .shopping {
 background-position:-450px -846px
}
.offers-container .active .shopping {
 background-position:-450px -896px
}
.offers-container .emi {
 background-position:-225px -750px
}
.offers-container .active .emi {
 background-position:-225px -800px
}
.contact-sec .tab-nav {
 height:auto;
 margin-bottom:0;
 margin-top:15px
}
.contact-sec .tab-nav li {
 height:auto;
 width:50%;
 border:0
}
.contact-sec .tab-nav li a {
 padding:0;
 height:50px;
 line-height:50px;
 color:#666
}
.contact-sec .tab-nav li.active a {
 padding:0;
 height:50px;
 line-height:50px;
 color:#fff
}
.contact-sec .tab-content {
 border:1px solid #e3e3e3;
 border-top:0;
 padding:40px 15px 30px;
 text-align:left
}
.contact-sec .left-sec {
 display:inline-block;
 width:50%;
 vertical-align:top
}
.contact-sec p.sub-head {
 text-align:center
}
.contact-sec .left-sec .row {
 display:block;
 padding:0 0 6px
}
.contact-sec .left-sec .row input {
 width:237px
}
.contact-sec .left-sec .row .width-150 {
 width:143px;
 margin:0 12px 0 0;
 text-align:right;
 float:left
}
.contact-sec .left-sec .row .width-40 {
 width:40px;
 margin:0 3px 0 0
}
.contact-sec .left-sec label {
 font-weight:400;
 font-size:13px;
 line-height:36px
}
.contact-sec p {
 font:19px/22px 'Open Sans',sans-serif;
 font-weight:400;
 color:#000;
 margin-top:30px;
 margin-bottom:0
}
.contact-sec ul {
 margin:0;
 padding:0
}
.contact-sec .right-sec {
 display:inline-block;
 width:40%;
 vertical-align:top
}
.content-section .contact-sec .right-sec .button {
 margin-top:4px
}
.contact-sec .right-sec p {
 font-size:13px;
 line-height:18px;
 margin:0 0 18px
}
.contact-sec .left-sec label.fancy-checkbox {
 float:left;
 left:0;
 position:relative;
 top:5px;
 margin-left:160px
}
.contact-sec .left-sec label.fancy-checkbox input {
 width:0
}
.contact-sec .left-sec .row small {
 color:#333;
 float:left;
 font-size:11px;
 font-weight:400;
 margin-left:0;
 margin-top:8px;
 width:232px
}
.content-section .contact-sec .button.primary {
 margin-top:6px;
 width:105px;
 margin-left:160px
}
.contact-sec .tab-content .row {
 border:none;
 margin:0;
 position:relative
}
.contact-sec .left-sec p {
 font-size:13px;
 line-height:18px;
 margin:0 0 18px
}
.contact-sec .verify-mobile {
 margin-top:10px
}
.contact-sec .instruction {
 color:#888;
 display:block;
 font-size:11px;
 margin-top:15px;
 width:250px;
 margin-left:160px
}
.contact-sec a.button.secondary.verify-mobile {
 margin-top:15px;
 width:221px;
 margin-left:160px
}
.tab-content #guest-tab {
 display:none;
 :


}
.card-application .col-2 {
 text-align:center;
 margin-top:35px;
 padding:18px 0 0
}
.card-application .button.primary {
 margin-top:0
}
.card-application .retrieve-section {
 border-left:1px solid #e1e0e0
}
.card-application .retrieve-section .datepicker {
 display:inline-block
}
.card-application form {
 padding-top:25px;
 padding-bottom:20px
}
.card-application .retrieve-section form input {
 width:120px
}
.card-application .retrieve-section .button.primary {
 width:93px;
 margin-left:7px
}
.card-application label {
 font-size:13px;
 font-weight:400;
 color:#333;
 padding-right:10px
}
.card-application .track-section input[type=text] {
 width:182px
}
.card-application ::-webkit-input-placeholder {
 color:#666;
 opacity:1
}
.card-application :-moz-placeholder {
 color:#666;
 opacity:1
}
.card-application ::-moz-placeholder {
 color:#666;
 opacity:1
}
.card-application :-ms-input-placeholder {
 color:#666;
 opacity:1
}
.card-application .grid .field-wrap {
 display:inline-block;
 position:relative
}
.card-application form .field-wrap label.error {
 left:0;
 right:auto;
 margin-left:-15px
}
.card-application .grid .field-wrap .datepicker {
 margin-right:15px
}
.card-application #track .field-wrap {
 margin-left:10px
}
.card-application .track-section .button.primary {
 margin-left:3px;
 width:93px
}
.apply-form {
 background:url(../img/apply-bg.jpg) 0 0/cover no-repeat #f4f4f4
}
.row .field-wrap,.section-filter .field-wrap {
 display:inline-block;
 margin:0 5px;
 vertical-align:top
}
.enquire-now .row .field-wrap {
 margin:0 10px 0 0!important;
 position:relative
}
.content-section.apply-form .enquire-now .row .field-wrap input#name,.content-section.apply-form .enquire-now .row .field-wrap input#phone {
 width:160px
}
.apply-form-wrapper.enquire-now .row .field-wrap label.error {
 background:url(../img/sprite.png) 0 -900px no-repeat;
 width:11px;
 height:11px;
 position:absolute;
 top:14px;
 margin-left:1px;
 border:none
}
.apply-form-wrapper.enquire-now form .row label.valid,.apply-form-wrapper.enquire-now form .row label.valid.error {
 background:url(../img/sprite.png) -50px -900px no-repeat
}
.apply-form-wrapper .row {
 text-align:center
}
.apply-form-wrapper .row .fancy-select,.section-filter .fancy-select {
 text-align:left
}
.apply-form-wrapper .row .fancy-select .fancy-select-wrap,.section-filter .fancy-select .fancy-select-wrap {
 vertical-align:top
}
.fancy-select-wrap.select-city {
 width:107px
}
.fancy-select-wrap.select-card,.fancy-select-wrap.select-categories,.fancy-select-wrap.select-location,.section-filter .fancy-select-wrap.select-city {
 width:200px
}
.apply-form-wrapper .fancy-select div.trigger,.section-filter .fancy-select div.trigger {
 width:auto
}
.apply-form-wrapper .row .field-wrap label,.section-filter .field-wrap label {
 display:inline-block;
 background:#f3f3f3;
 height:36px;
 line-height:33px;
 padding:0 15px;
 border:1px solid #bfbfbf;
 margin-right:-4px;
 vertical-align:top;
 color:#999;
 text-transform:capitalize
}
.section-filter .field-wrap label {
 width:63px;
 text-align:left
}
.apply-form-wrapper .row .button.primary,.section-filter .button.primary {
 margin:0;
 vertical-align:middle
}
.apply-form-wrapper form {
 padding-top:30px
}
.apply-form-wrapper form .row .checkbox-wrap {
 text-align:right;
 margin:15px auto 0;
 width:735px;
 position:relative
}
.apply-form-wrapper label,.section-filter label {
 font-size:13px
}
.apply-form-wrapper label {
 color:#666
}
.apply-form-wrapper label .apply-form-wrapper .field-wrap,.section-filter .field-wrap,.section-filter label {
 vertical-align:top
}
.apply-form-wrapper .fancy-checkbox span,.section-filter .fancy-checkbox span {
 margin-right:10px
}
.section-filter .row.first {
 margin-bottom:8px
}
.section-filter .button-map,.section-filter .checkbox-wrap {
 float:right
}
.section-filter .checkbox-wrap {
 margin-top:15px
}
.section-filter {
 margin-top:25px
}
.icon-button.map {
 background-position:-440px -200px;
 padding-left:33px
}
.apply-form-wrapper .fancy-checkbox span {
 top:1px;
 position:relative;
 vertical-align:top
}
.help-me {
 float:right;
 position:relative;
 right:0;
 top:-34px;
 font-weight:600
}
.general-progress li span.progress-text {
 display:block;
 position:absolute;
 text-align:center;
 left:0;
 right:0;
 bottom:-20px;
 font-size:13px
}
.general-progress li:first-child span.progress-text {
 left:-85px
}
.general-progress li:last-child span.progress-text {
 right:-85px
}
.enquire-now form .row .checkbox-wrap {
 display:inline-block;
 margin:10px 13px 0 0;
 text-align:center;
 width:auto
}
.enquire-now form .row.last {
 margin-top:40px
}
.apply-form form .row .checkbox-wrap label {
 width:100%;
 display:inline-block;
 white-space:normal
}
.apply-form form .row .checkbox-wrap label small {
 font-size:13px;
 display:inline-block;
 width:95%;
 font-weight:400
}
.row .field-wrap {
 position:relative
}
.apply-form-wrapper .fancy-checkbox label.error[for=existingCard]+span {
 border-color:red
}
.apply-form-wrapper .row .field-wrap {
 margin-right:20px
}
.apply-form-wrapper .row .field-wrap:last-child {
 margin-right:0;
 text-align:left
}
.apply-form-wrapper .fancy-checkbox label.error.valid[for=existingCard]+span {
 border:0
}
.apply-form-wrapper #want-apply-now .fancy-checkbox label.error.valid {
 top:21px;
 margin-left:7px
}
.upload-docs-bg {
 background:url(../img/upload-documents-bg.jpg) 0 0/cover
}
.upload-docs {
 text-align:center
}
.content-section .wrapper.upload-docs {
 padding-bottom:50px
}
.upload-docs .slider-container {
 margin-top:28px
}
.upload-docs .box-3 {
 border-right:1px solid #ccc;
 padding:15px 0
}
.upload-docs div.box-3:last-child {
 border-right:none
}
.upload-docs .icon {
 background:url(../img/sprite.png) no-repeat;
 display:inline-block
}
.upload-docs .photograph {
 background-position:-50px -950px;
 width:27px;
 height:27px
}
.upload-docs .id-proof {
 background-position:-100px -950px;
 width:41px;
 height:28px
}
.upload-docs .address-proof {
 background-position:-150px -950px;
 width:24px;
 height:31px
}
.upload-docs .text-container {
 display:inline-block;
 padding-left:2px;
 text-align:left
}
.upload-docs h3 {
 margin:0;
 font-size:16px;
 line-height:20px;
 color:#666;
 font-weight:400
}
.upload-docs a {
 margin:0;
 font-size:12px;
 line-height:14px;
 font-weight:400
}
.upload-docs a:hover {
 text-decoration:underline
}
.faq-page .tab-nav {
 margin-bottom:20px
}
.gray-accordion .tab-inner-content h3.heading {
 background:#e9e9e9;
 font-size:16px;
 line-height:25px;
 color:#000;
 font-weight:400;
 padding:16px 60px 16px 70px;
 cursor:pointer
}

/*.gray-accordion .tab-inner-content h3.heading:after {
 content:'';
 background:url(../img/sprite.png) -100px -675px no-repeat;
 width:25px;
 height:25px;
 display:inline-block;
 position:absolute;
 right:21px;
 top:12px
}

.gray-accordion .tab-inner-content h3.heading.arrow-up:after {
 content:'';
 background:url(../img/sprite.png) -100px -700px no-repeat;
 width:25px;
 height:25px;
 display:inline-block;
 position:absolute;
 right:21px;
 top:12px
}

.gray-accordion .tab-inner-content h3.heading.arrow-up:after {
 content:'';
 background:url(../img/sprite.png) -100px -700px no-repeat;
 width:25px;
 height:25px;
 display:inline-block;
 position:absolute;
 right:21px;
 top:12px
}


*/

.gray-accordion .tab-inner-content h3 span.qoptions:after {
content:'';
 background:url(../img/sprite.png) -100px -675px no-repeat;
 width:25px;
 height:25px;
 display:inline-block;
 position:absolute;
 right:21px;
 top:50px
}

.gray-accordion .tab-inner-content h3 span.qoptions.arrow-up:after {
 content:'';
 background:url(../img/sprite.png) -100px -700px no-repeat;
 width:25px;
 height:25px;
 display:inline-block;
 position:absolute;
 right:21px;
 top:50px
}

.gray-accordion .tab-inner-content h3 span.qsubmit:after {
 content:'';
 background:url(../img/sprite.png) -11px -966px no-repeat;
 width:24px;
 height:24px;
 display:inline-block;
 position:absolute;
 right:58px;
 top:15px
}

.gray-accordion .tab-inner-content h3 span.qsubmit.qsubmit-up:after {
 content:'';
 background:url(../img/sprite.png) -45px -895px no-repeat;
 width:24px;
 height:24px;
 display:inline-block;
 position:absolute;
 right:58px;
 top:15px
}

label.qimage:after {
 content:'';
 background:url(../img/image.png) 0px 0px no-repeat;
 width:24px;
 height:24px;
 display:inline-block;
 position:absolute;
 right:90px;
 top:15px;

}






.gray-accordion .tab-inner-content h3 span.qsubmit2:after {
 content:'';
 background:url(../img/sprite.png) -11px -966px no-repeat;
 width:24px;
 height:24px;
 display:inline-block;
 position:absolute;
 right:62px;
 top:12px
}

.gray-accordion .tab-inner-content h3 span.qsubmit2.qsubmit-up2:after {
 content:'';
 background:url(../img/sprite.png) -45px -895px no-repeat;
 width:24px;
 height:24px;
 display:inline-block;
 position:absolute;
 right:62px;
 top:12px
}

.gray-accordion .tab-inner-content .content span.newopt:after {
 content:'';
background:url(../img/sprite.png) -322px -954px no-repeat;
 width:15px;
 height:15px;
 display:inline-block;
 position:absolute;
 right:2px;
 top:90px

}

.gray-accordion .tab-inner-content .content span.newopt-up:after {
 content:'';
background:url(../img/sprite.png) -0px -896px no-repeat;
 width:15px;
 height:15px;
 display:inline-block;
 position:absolute;
 right:2px;
 top:100px
}

.gray-accordion .tab-inner-content .content span.newopt2:after {
 content:'';
background:url(../img/sprite.png) -322px -954px no-repeat;
 width:15px;
 height:15px;
 display:inline-block;
 position:absolute;
 right:2px;
 top:100px

}



.gray-accordion .tab-inner-content h3.heading:before {
 content:'';
 background:url(../img/sprite.png) -578px -4731px no-repeat;
 width:34px;
 height:28px;
 display:inline-block;
 position:absolute;
 left:20px
}
.gray-accordion .tab-inner-content h3.analyser:before {
 background-position:-149px -7709px;
 width:30px;
 height:36px
}
.gray-accordion .tab-inner-content h3.alerts:before {
 background-position:-211px -7709px;
 width:38px;
 height:34px
}
.gray-accordion .tab-inner-content h3.redeem-points:before {
 background-position:-578px -4731px;
 width:34px;
 height:28px
}
.gray-accordion .tab-inner-content h3.reward-points:before {
 background-position:-278px -7709px;
 width:34px;
 height:35px
}
.gray-accordion .tab-inner-content h3.personal-cards:before {
 background-position:-17px -7709px;
 width:34px;
 height:30px
}
.gray-accordion .tab-inner-content h3.corporate-cards:before {
 background-position:-340px -7716px;
 width:32px;
 height:22px
}
.gray-accordion .tab-inner-content h3.calculate-changes:before {
 background-position:-76px -7706px;
 width:34px;
 height:39px
}
.gray-accordion .tab-inner-content h3.accident-shield:before {
 background-position:-574px -3300px;
 width:32px;
 height:24px
}
.gray-accordion .tab-inner-content h3.balance-transfer:before {
 background-position:-570px -3351px;
 width:34px;
 height:34px
}
.gray-accordion .tab-inner-content h3.balance-transfer-emi:before {
 background-position:-572px -3400px;
 width:28px;
 height:29px
}
.gray-accordion .tab-inner-content h3.flexipay:before {
 background-position:-572px -3450px;
 width:34px;
 height:25px
}
.gray-accordion .tab-inner-content h3.easy-money:before {
 background-position:-572px -3500px;
 width:28px;
 height:28px
}
.gray-accordion .tab-inner-content h3.encash:before {
 background-position:-571px -3550px;
 width:30px;
 height:24px
}
.gray-accordion .tab-inner-content h3.register-pay:before {
 background-position:-572px -3600px;
 width:28px;
 height:29px
}
.gray-accordion .tab-inner-content h3.top-up-recharge:before {
 background-position:-600px -3650px;
 width:25px;
 height:33px
}
.gray-accordion .tab-inner-content h3.pay-fast:before {
 background-position:-572px -3700px;
 width:34px;
 height:20px
}
.gray-accordion .tab-inner-content h3.hospital-cash:before {
 background-position:-572px -3750px;
 width:28px;
 height:28px
}
.gray-accordion .tab-inner-content h3.medisafe-insurance:before {
 background-position:-600px -3800px;
 width:29px;
 height:29px
}
.gray-accordion .tab-inner-content h3.family-health:before {
 background-position:-572px -3850px;
 width:29px;
 height:29px
}
.gray-accordion .tab-inner-content h3.go-mobile:before {
 background-position:-571px -3900px;
 width:24px;
 height:32px
}
.gray-accordion .tab-inner-content h3.card-protection:before {
 background-position:-572px -3950px;
 width:30px;
 height:21px
}
.gray-accordion .tab-inner-content h3.simply-sms:before {
 background-position:-570px -4000px;
 width:33px;
 height:31px
}
.gray-accordion .tab-inner-content h3.neft-payment:before {
 background-position:-571px -4049px;
 width:34px;
 height:21px
}
.gray-accordion .tab-inner-content h3.rewards:before {
 background-position:-574px -4150px;
 width:25px;
 height:25px
}
.gray-accordion .tab-inner-content h3.paynet:before {
 background-position:-600px -4200px;
 width:32px;
 height:25px
}
.gray-accordion .tab-inner-content h3.visa:before {
 background-position:-600px -4250px;
 width:32px;
 height:22px
}
.gray-accordion .tab-inner-content h3.online-sbi:before {
 background-position:-600px -4300px;
 width:32px;
 height:23px
}
.gray-accordion .tab-inner-content h3.mobile-banking:before {
 background-position:-600px -4350px;
 width:23px;
 height:30px
}
.gray-accordion .tab-inner-content h3.electronic-bill:before {
 background-position:-600px -4400px;
 width:29px;
 height:30px
}
.gray-accordion .tab-inner-content h3.electronic-clearing:before {
 background-position:-600px -4450px;
 width:32px;
 height:30px
}
.gray-accordion .tab-inner-content h3.auto-debit:before {
 background-position:-600px -4500px;
 width:32px;
 height:23px
}
.gray-accordion .tab-inner-content h3.debit-card:before {
 background-position:-614px -4250px;
 width:32px;
 height:22px
}
.gray-accordion .tab-inner-content h3.counter-payment:before {
 background-position:-600px -4550px;
 width:32px;
 height:28px
}
.gray-accordion .tab-inner-content h3.drop-box:before {
 background-position:-600px -4600px;
 width:31px;
 height:30px
}
.gray-accordion .tab-inner-content h3.pay-cash:before {
 background-position:-600px -4650px;
 width:30px;
 height:28px
}
.gray-accordion .tab-inner-content h3.sbi-atm:before {
 background-position:-572px -4100px;
 width:28px;
 height:28px
}
.gray-accordion .tab-inner-content ul li {
 padding:0;
 position:relative;
 margin-bottom:1px;
 border:none;
 display:block
}
.gray-accordion .tab-inner-content ol li {
 padding:0 0 11px;
 position:relative;
 border:none;
 font-size:13px;
 font-weight:400;
 line-height:18px;
 display:list-item
}
.gray-accordion .content {
 border:1px solid #cdcccc;
 margin-top:2px;
 box-sizing:border-box;
 padding:5px 5px 5px 5px;
}
.gray-accordion .sub-heading {
 font-size:16px;
 line-height:21px;
 color:#000;
 font-weight:400;
 padding-bottom:7px
}
.gray-accordion .sub-heading span {
 float:left;
 width:95%
}
.gray-accordion .tab-inner-content .heading {
 display:block
}
.gray-accordion .tab-inner-content .content {
 display:none
}
.gray-accordion .content strong {
 font-weight:400;
 font-size:16px;
 line-height:18px;
 color:#000;
 padding-top:16px;
 display:block
}
.gray-accordion ul.sublist-01 li:before {
 background:url(../img/sprite.png) -250px -700px no-repeat;
 content:"";
 display:inline-block;
 height:5px;
 padding-left:4px;
 vertical-align:top;
 margin-top:8px;
 width:4px;
 position:absolute;
 top:0;
 left:0
}
.gray-accordion .content ul.sublist-02 {
 list-style:none;
 padding-left:12px
}
.gray-accordion .content ul li {
 font-size:13px;
 line-height:18px;
 font-weight:400;
 color:#000;
 padding-bottom:12px;
 position:relative;
 padding-left:11px
}
.gray-accordion .content h5 {
 font-size:13px;
 line-height:22px;
 font-weight:400;
 display:inline-block;
 width:97%
}
.gray-accordion .content ul.sublist-02 li {
 color:#000;
 line-height:18px;
 margin:0;
 padding:0 0 0 7px
}
.gray-accordion .content ul.sublist-02 li:before {
 background:url(../img/sprite.png) -250px -725px no-repeat;
 content:"";
 display:inline-block;
 height:3px;
 width:4px;
 vertical-align:top;
 margin-top:9px
}
.gray-accordion .tab-inner-content h2 {
 padding:35px 0 20px;
 margin-bottom:15px
}
.faq-page .tab-nav li.credit-cards a:before {
 background-position:-600px -250px;
 height:17px;
 margin-left:-11px;
 width:23px
}
.faq-page .tab-nav li.rewards-faq a:before {
 background-position:-200px -250px;
 height:21px;
 margin-left:-11px;
 width:22px
}
.faq-page .tab-nav li.offers a:before {
 background-position:-650px -250px;
 height:20px;
 margin-left:-11px;
 width:25px
}
.faq-page .tab-nav li.services a:before {
 background-position:-150px -250px;
 height:24px;
 margin-left:-11px;
 width:18px
}
.faq-page .tab-nav li.credit-cards:hover a:before {
 background-position:-600px -350px
}
.faq-page .tab-nav li.rewards-faq:hover a:before {
 background-position:-200px -350px
}
.faq-page .tab-nav li.offers:hover a:before {
 background-position:-650px -350px
}
.faq-page .tab-nav li.services:hover a:before {
 background-position:-150px -350px
}
.faq-page .tab-nav li.credit-cards.active a:before {
 background-position:-600px -200px
}
.faq-page .tab-nav li.rewards-faq.active a:before {
 background-position:-200px -200px
}
.faq-page .tab-nav li.offers.active a:before {
 background-position:-650px -200px
}
.faq-page .tab-nav li.services.active a:before {
 background-position:-150px -200px
}
.home-header.small-hero {
 height:206px
}
.small-hero .slick-slide .slide-wrapper {
 top:auto;
 bottom:30%
}
.home-header.small-hero .slide-wrapper h2 {
 font-weight:400;
 font-size:46px;
 margin:3% 0
}
.home-header.small-hero .slide-wrapper .slide-description {
 font-size:13px;
 font-weight:400;
 margin-bottom:0;
 padding:0
}
.gray-accordion ul li p {
 font-size:13px;
 font-weight:400;
 text-shadow:none
}
.gray-accordion .content .sublist-01 strong {
 padding-top:0;
 font-size:14px;
 font-weight:600
}
.gray-accordion .content p strong {
 display:inline-block;
 font-weight:600;
 font-size:14px
}
.gray-accordion .tab-inner-content h3.do-not-disturb:before {
 background-position:4px -7435px;
 width:38px;
 height:36px
}
.gray-accordion .tab-inner-content h3.credit-balance-refund:before {
 background-position:-46px -7438px;
 width:38px;
 height:36px
}
.gray-accordion .tab-inner-content h3.credit-limit-increase:before {
 background-position:-96px -7438px;
 width:38px;
 height:36px
}
.gray-accordion .tab-inner-content h3.international-limit:before {
 background-position:-147px -7436px;
 width:38px;
 height:36px
}
.gray-accordion .tab-inner-content h3.personal-details-change:before {
 background-position:-196px -7435px;
 width:38px;
 height:38px
}
.gray-accordion .tab-inner-content h3.demographic-change:before {
 background-position:-250px -7359px;
 width:38px;
 height:38px
}
.gray-accordion .tab-inner-content h3.replace-card:before {
 background-position:-302px -7359px;
 width:38px;
 height:38px
}
.gray-accordion .tab-inner-content h3.sbi-card-online:before {
 background-position:-354px -7434px;
 width:38px;
 height:38px
}
.gray-accordion .tab-inner-content h3.ivr-otp:before {
 background-position:-406px -7435px;
 width:38px;
 height:38px
}
.gray-accordion .tab-inner-content h3.update-your-information:before {
 background-position:-454px -7434px;
 width:38px;
 height:38px
}
.gray-accordion .tab-inner-content h3.closing-the-credit-card-account:before {
 background-position:-507px -7436px;
 width:38px;
 height:38px
}
.gray-accordion .tab-inner-content h3.stolen-cards:before {
 background-position:-560px -7440px;
 width:38px;
 height:38px
}
.gray-accordion .tab-inner-content h3.paynet�pay-online:before {
 background-position:-611px -7362px;
 width:38px;
 height:38px
}
.gray-accordion .tab-inner-content h3.pay-via-mobile-app:before {
 background-position:-666px -7435px;
 width:38px;
 height:38px
}
.new-accordion div#faq-element h2.heading.personal-cards:before {
 background-position:-607px -4244px;
 width:38px;
 height:38px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading:before {
 content:'';
 background:url(/sbi-card-en/resources/img/sprite.png) -578px -4731px no-repeat;
 width:34px;
 height:28px;
 display:inline-block;
 position:relative
}
.new-accordion div#faq-element h2.heading.pay-via-mobile-app:before {
 background-position:-666px -7435px;
 width:38px;
 height:38px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.do-not-disturb:before {
 background-position:4px -7435px;
 width:38px;
 height:36px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.credit-balance-refund:before {
 background-position:-46px -7438px;
 width:38px;
 height:36px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.credit-limit-increase:before {
 background-position:-96px -7438px;
 width:38px;
 height:36px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.international-limit:before {
 background-position:-147px -7436px;
 width:38px;
 height:36px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.personal-details-change:before {
 background-position:-196px -7435px;
 width:38px;
 height:38px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.demographic-change:before {
 background-position:-250px -7359px;
 width:38px;
 height:38px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.replace-card:before {
 background-position:-302px -7359px;
 width:38px;
 height:38px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.sbi-card-online:before {
 background-position:-354px -7434px;
 width:38px;
 height:38px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.ivr-otp:before {
 background-position:-406px -7435px;
 width:38px;
 height:38px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.update-your-information:before {
 background-position:-454px -7434px;
 width:38px;
 height:38px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.closing-the-credit-card-account:before {
 background-position:-507px -7436px;
 width:38px;
 height:38px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.stolen-cards:before {
 background-position:-560px -7440px;
 width:38px;
 height:38px;
 margin-bottom:-15px;
 padding-right:12px
}
.new-accordion div#faq-element h2.heading.paynet�pay-online:before {
 background-position:-611px -7362px;
 width:38px;
 height:38px;
 margin-bottom:-15px;
 padding-right:12px
}
.others-offer {
 background:#ebebeb
}
.others-offer .section-description {
 margin-bottom:40px
}
.others-help .col-2,.others-offer .col-2 {
 background:#f3f2f2;
 text-align:center;
 padding:30px 0
}
.others-offer .col-2 {
 text-align:left;
 border:2px solid #e4e3e3;
 margin-top:20px
}
.others-help .people {
 background:url(../img/sprite.png) -550px -500px no-repeat;
 width:39px;
 height:24px
}
.others-help .good-word {
 background:url(../img/sprite.png) -600px -500px no-repeat;
 width:26px;
 height:27px
}
.others-help h3 {
 font-size:18px;
 font-weight:400;
 line-height:26px;
 color:#000;
 margin:16px 0
}
.others-offer h3 {
 font-size:18px;
 font-weight:400;
 line-height:26px;
 color:#000;
 margin:8px 0 16px 154px;
 padding-right:25px
}
.others-offer .icon {
 width:75px;
 height:75px;
 display:inline-block;
 float:left;
 margin-left:30px;
 margin-top:23px
}
.others-offer .balance {
 background-position:-200px -1400px
}
.others-offer .cashback {
 background-position:-600px -1400px
}
.other-offers-bg {
 background:url(../img/other-offers-bg.jpg) 0 0/cover no-repeat
}
.demo-videos {
 background:url(../img/more-cards-bg.jpg) 0 0/cover
}
.demo-videos.content-section {
 text-align:center
}
.videos-container {
 display:inline-block;
 padding-top:35px;
 text-align:center;
 width:100%
}
.videos-container .col-1 {
 display:inline-block;
 position:relative;
 text-align:center;
 float:none;
 vertical-align:top;
 margin:0 3px 10px
}
.videos-container .video-wrap {
 display:inline-block
}
.videos-container .video-wrap em {
 background:#000;
 display:inline-block;
 height:131px;
 left:0;
 opacity:.3;
 position:absolute;
 top:0;
 width:230px
}
.videos-container .video-wrap .play-icon {
 background:url(../img/sprite.png) -250px -650px no-repeat;
 height:28px;
 left:41%;
 position:absolute;
 top:25%;
 width:40px
}
.videos-container .video-wrap small {
 top:106px;
 color:#fff;
 font-size:13px;
 font-weight:400;
 left:0;
 position:absolute;
 width:100%
}
.videos-container p {
 font-size:13px;
 line-height:18px;
 color:#000;
 font-weight:400;
 padding:20px 15px 15px;
 min-height:55px;
 width:200px;
 display:inline-block;
 background:#fff;
 margin:0
}
.box-listing {
 padding:0
}
.child-wrap {
 padding-top:35px
}
.box-listing .box-3 {
 text-align:center;
 padding-top:42px;
 padding-bottom:43px;
 border-right:1px solid #e5e5e5;
 margin:0;
 position:relative;
 min-height:342px;
 display:inline-block;
 width:317px
}
.box-listing .box-3:nth-child(3n) {
 border:none
}
.box-listing .content-container {
 width:960px
}
.box-listing h3 {
 font-size:16px;
 font-weight:600;
 line-height:18px;
 color:#000;
 margin-top:35px
}
.box-listing p {
 font-size:13px;
 line-height:22px;
 font-weight:400;
 color:#333;
 height:92px;
 margin-bottom:12px;
 overflow:hidden
}
.box-listing .box-3 .content-box {
 display:inline-block;
 width:265px
}
.box-listing .img-icon {
 width:73px;
 height:74px
}
.img-icon.interest {
 background-position:0 -1400px
}
.img-icon.encash {
 background-position:-100px -1400px
}
.img-icon.money {
 background-position:-200px -1400px
}
.img-icon.insurance {
 background-position:-300px -1400px
}
.img-icon.utility {
 background-position:-400px -1400px
}
.img-icon.servicing {
 background-position:-500px -1400px
}
.img-icon.business-expertise {
 background-position:-100px -2950px
}
.img-icon.global-acceptance {
 background-position:-200px -2950px
}
.img-icon.tech-innovation {
 background-position:-300px -2950px
}
.img-icon.security-control {
 background-position:-400px -2950px
}
.img-icon.class-servicing {
 background-position:-500px -2950px
}
.img-icon.solutions {
 background-position:-500px -3100px
}
.box-listing .active .solutions {
 background-position:-500px -3200px
}
.box-listing .active .business-expertise {
 background-position:-100px -3025px
}
.box-listing .active .global-acceptance {
 background-position:-200px -3025px
}
.box-listing .active .tech-innovation {
 background-position:-300px -3025px
}
.box-listing .active .security-control {
 background-position:-400px -3025px
}
.box-listing .active .class-servicing {
 background-position:-500px -3025px
}
.box-listing .active .interest {
 background-position:0 -1500px
}
.box-listing .active .encash {
 background-position:-100px -1500px
}
.box-listing .active .money {
 background-position:-200px -1500px
}
.box-listing .active .insurance {
 background-position:-300px -1500px
}
.box-listing .active .utility {
 background-position:-400px -1500px
}
.box-listing .active .servicing {
 background-position:-500px -1500px
}
.box-listing .box-3.active a,.box-listing .box-3.active h3,.box-listing .box-3.active p {
 color:#fff
}
.box-listing .content-container .flex-boxes-container {
 border-bottom:1px solid #e5e5e5;
 display:block;
 max-height:0;
 overflow:hidden;
 padding:0;
 margin:-1px 0 0;
 -webkit-backface-visibility:hidden;
 -webkit-perspective:1000;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 -webkit-transition-duration:.25s;
 transition-duration:.25s
}
.box-listing .content-container .flex-boxes-container.open {
 display:block;
 max-height:1200px;
 overflow:hidden;
 padding:45px 0 17px;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 -webkit-transition-duration:.25s;
 transition-duration:.25s
}
.box-listing .content-container .flex-boxes-container .grid.box {
 max-height:0;
 overflow:hidden;
 opacity:0;
 padding:0;
 margin:0;
 -webkit-transition:max-height .25s ease-in-out,opacity:.28s ease-in-out;
 transition:max-height .25s ease-in-out,opacity:.28s ease-in-out
}
.box-listing .content-container .flex-boxes-container.open .grid {
 max-height:1200px;
 opacity:1;
 padding:49px 10px 34px;
 margin:10px
}
.box-listing .wrapper {
 padding:0
}
.box-listing .content-section {
 border-top:1px solid #e5e5e5
}
.box-listing .box-3.active {
 background:#0095d9;
 position:relative
}
.box-listing .box-3.active .learn-more:after {
 border-left-color:#fff
}
.box-listing .box-3.active .content-box:after {
 border-top:10px solid #0095d9;
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 content:"";
 height:0;
 left:-141px;
 position:relative;
 bottom:-56px;
 width:0;
 z-index:1;
 display:inline-block
}
.box-listing .box-3.active .learn-more {
 margin-left:21px
}
.box-listing .active .locate {
 background-position:-100px -2050px
}
.box-listing .active .pay-cash {
 background-position:-200px -2050px
}
.box-listing .active .otc {
 background-position:-300px -2050px
}
.box-listing .active .atm {
 background-position:-400px -2050px
}
.box-listing .active .other-benefit {
 background-position:-596px -6951px
}
.img-icon.personal-accident {
 background-position:-202px -6843px
}
.img-icon.family-health-floater {
 background-position:-102px -6843px
}
.img-icon.card-protection-plan {
 background-position:-1px -6844px
}
.img-icon.addon-card {
 background-position:-302px -6844px
}
.img-icon.other-benefit {
 background-position:-501px -6844px
}
.img-icon.card-upgrade {
 background-position:-402px -6844px
}
.img-icon.motor-insurance {
 background-position:-382px -7818px
}
.img-icon.travel-insurance {
 background-position:-17px -7909px
}
.book-bt .box-3 {
 text-align:center;
 border-right:1px solid #e5e5e5;
 position:relative;
 min-height:104px
}
.book-bt h2 {
 font-size:16px
}
.book-bt .img-icon {
 width:60px;
 height:60px
}
.book-bt .login {
 background-position:-600px -550px
}
.book-bt .call {
 background-position:-600px -650px
}
.book-bt .sms {
 background-position:-600px -750px
}
.img-icon.bt-download {
 background-position:-600px -1300px;
 height:60px;
 width:60px
}
.book-bt .box-3 p {
 margin:14px 0 0;
 font-size:16px;
 line-height:18px;
 font-weight:400;
 color:#000
}
.book-bt .content-box {
 width:225px;
 margin:0 auto
}
.book-bt strong {
 font-weight:800
}
.book-bt .box-3:after {
 content:'';
 display:inline-block;
 background:url(../img/sprite.png) -600px -850px no-repeat;
 width:31px;
 height:31px;
 position:absolute;
 right:-15px;
 top:42px
}
.book-bt .box-3:last-child {
 border-right:none
}
.book-bt .box-3:last-child:after {
 background:0 0
}
.choose-options-bg {
 background:url(../img/choose-options-bg.jpg) 0 0/cover no-repeat
}
.choose-options h2 {
 font-weight:400;
 font-size:16px;
 margin-bottom:35px
}
.choose-options .col-2 {
 background:#fff;
 text-align:center;
 width:430px;
 margin:0 15px;
 padding-bottom:28px
}
.choose-options .col-2 h3 {
 font-size:18px;
 line-height:20px;
 color:#000;
 font-weight:400;
 margin:20px 0 45px
}
.choose-options span {
 font-weight:300;
 font-size:36px;
 line-height:36px;
 color:#000;
 display:block;
 margin:0 auto
}
.flex-boxes-container .box .choose-options {
 padding-bottom:20px
}
.flex-boxes-container .box .choose-options span strong {
 font-weight:600;
 font-size:36px;
 line-height:36px;
 color:#000
}
.choose-options .col-2 a {
 margin-top:30px;
 display:inline-block
}
.choose-options .col-2 sup {
 font-size:60%
}
.content-section .wrapper.calculate-savings {
 padding:0
}
.calculate-savings .col-2 {
 float:none;
 margin:0 auto;
 width:445px
}
.calculate-savings .calculate {
 width:250px;
 float:none;
 margin-top:0;
 margin-left:41px;
 padding-bottom:40px
}
.terms {
 border-left:1px solid #e5e5e5
}
.terms .calculate {
 background:url(../img/terms.png) 0 5px no-repeat
}
.calculate-savings .calculate h3 {
 margin-top:50px;
 margin-bottom:20px
}
.calculate-savings .right-block {
 margin-left:525px
}
.calculate-savings .left-block {
 float:left;
 margin-left:50px;
 width:340px
}
.content-section .calculator-options {
 padding-left:285px;
 padding-top:50px
}
.content-section .calculator-options .button {
 margin-right:18px
}
.calculate-savings .book-now {
 background:url(../img/book-now.png) 0 5px no-repeat
}
.calculate-savings .renew-now {
 background:url(../img/renew-now.png) 0 5px no-repeat
}
.calculate-savings .eligibility {
 background:url(../img/eligibility.png) 0 5px no-repeat
}
.modal-overlay {
 background:rgba(0,0,0,.7);
 position:fixed;
 opacity:0;
 transition:opacity .3s ease-in-out;
 -webkit-transition:opacity .3s ease-in-out;
 -moz-transition:opacity .3s ease-in-out;
 -ms-transition:opacity .3s ease-in-out;
 -o-transition:opacity .3s ease-in-out;
 overflow:hidden;
 left:0;
 bottom:0;
 z-index:-900
}
.modal-overlay.open {
 opacity:1;
 left:0;
 right:0;
 top:0;
 bottom:0;
 width:100%;
 height:100%;
 display:block;
 z-index:9999
}
.modal-overlay .modal {
 width:680px;
 position:fixed;
 margin-left:-300px;
 background:#fff;
 padding:40px 90px;
 font-size:13px;
 top:50%;
 left:50%
}
.modal .close-button {
 display:block;
 position:absolute;
 right:-31px;
 top:-31px;
 background:#fbfbfb;
 width:25px;
 height:30px;
 line-height:27px;
 text-align:center;
 font-size:18px;
 color:#333;
 font-weight:600;
 border-left:solid 1px #ddd
}
.modal-title {
 font-size:22px;
 font-weight:600;
 color:#000;
 margin:0;
 line-height:28px
}
.modal header {
 margin-bottom:30px;
 display:block
}
.modal p.modal-intro {
 font-size:14px;
 margin:0;
 color:#888
}
.modal .button-wrap {
 padding-top:20px
}
.modal .button {
 padding:0 15px
}
.modal-content p {
 font-size:13px;
 line-height:16px;
 margin:0 0 16px
}
label.modal-label {
 display:inline-block;
 width:200px;
 padding-right:15px
}
.modal-grids {
 text-align:center
}
.modal-grids .column {
 display:inline-block;
 text-align:left;
 vertical-align:top
}
.three-column .column {
 width:32%;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 padding:0 15px
}
.modal-grids .column:nth-child(2) {
 border-right:solid 1px #ddd;
 border-left:solid 1px #ddd
}
.modal .column .radio-wrap {
 margin-bottom:10px
}
.modal h3 {
 font-size:16px;
 font-weight:600
}
.modal-grids .column label {
 font-size:12px;
 display:block;
 margin-bottom:5px
}
.modal-grids .column .form-field-list .datepicker input[type=text],.modal-grids .column .form-field-list input {
 width:155px
}
a.block-button {
 width:48%;
 display:inline-block;
 text-align:center;
 color:#555;
 vertical-align:top
}
.column .block-button:first-child {
 margin-right:12px
}
.block-button .icon {
 display:block;
 margin:0 auto 10px;
 width:38px;
 height:31px
}
.block-button span,.block-button strong {
 display:block;
 margin-bottom:5px
}
.block-button span {
 font-size:11px
}
.block-button .icon.call {
 background-position:-350px -600px
}
.block-button .icon.chat {
 background-position:-400px -600px
}
.overlay-loader {
 position:fixed;
 z-index:999;
 left:0;
 right:0;
 bottom:0;
 top:0;
 background:rgba(255,255,255,.8)
}
.overlay-loader:after {
 content:url(/sbi-card-en/assets/media/images/ajax-loader.gif);
 left:50%;
 top:50%;
 margin:-16px 0 0 -16px;
 position:absolute;
 width:32px;
 height:32px;
 display:block
}
.modal-overlay.tile-popup header {
 margin-bottom:0
}
.modal-overlay.tile-popup .modal-content {
 overflow:hidden
}
.modal-overlay.tile-popup .modal {
 background:url(../img/popup-bg.jpg) 0 0/cover no-repeat
}
.modal-overlay#videoPlayer .modal {
 padding:5px;
 width:640px;
 margin-left:-320px;
 height:360px
}
.modal-overlay#videoPlayer .modal .modal-wrap {
 display:block;
 margin:0
}
.modal-overlay#videoPlayer .modal-wrap header {
 height:1px;
 margin:-1px 0 0
}
.modal-wrap header {
 position:relative
}
.tile-popup .modal .close-button {
 right:-116px;
 top:-40px
}
#videoPlayer .modal .close-button {
 top:-4px
}
#videoPlayer iframe#player {
 background:#000
}
#disclaimer .modal .close-button {
 right:-56px;
 top:-32px
}
#disclaimer.modal-overlay .modal {
 width:400px;
 padding:20px 30px 25px;
 margin-left:-250px
}
#modal2 .three-column .column {
 width:48%;
 border-right:1px solid #ddd
}
#modal2 .three-column .column:nth-child(2) {
 border-left:none;
 border-right:none
}
#feedback-form .feedback-form-fields {
 margin-left:15px
}
.feedback-form-fields .row {
 padding-bottom:10px
}
.feedback-form-fields .field-wrap {
 margin:0
}
.feedback-form-fields .field-wrap input#code[type=text] {
 width:25px;
 margin-right:5px
}
#modal2 .close-button {
 right:-76px;
 top:-40px
}
#feedback-form .row label.valid.error {
 margin-left:0;
 right:-15px
}
#feedback-form .row label.error {
 right:-15px
}
.msg-txt {
 display:none;
 width:100%;
 font-size:16px;
 font-weight:400
}
.button.primary.submit-feedback.disabled {
 cursor:default;
 opacity:.5;
 background-color:grey
}
#disclaimer p {
 font-size:12px;
 font-weight:400;
 line-height:16px;
 margin-bottom:10px
}
#disclaimer .modal header {
 margin-bottom:0
}
#modal2.modal-overlay .modal {
 padding:40px 50px
}
#feedback-form .agree-row label.error {
 position:relative;
 top:38px;
 left:-6px
}
.content-visible-hide {
 visibility:hidden
}
.our-values {
 background:url(../img/values-bg.jpg) 0 0/cover no-repeat #f4f4f4
}
.our-values .grid-outer {
 margin-top:14px
}
.our-values .box-row .col-2 .content-box {
 margin-bottom:30px;
 margin-top:10px
}
.our-values .box-row .col-2 {
 width:455px;
 border:2px solid #ddd;
 background:#fff
}
.our-values .box-row {
 margin-top:30px
}
.our-values .box-row .col-2:nth-child(odd) {
 margin-right:30px
}
.our-values .main-icon.icon {
 height:68px;
 width:68px;
 margin:30px auto 0
}
.our-values .icon.trust {
 background-position:0 -2150px
}
.our-values .icon.innovate {
 background-position:-100px -2150px
}
.our-values .icon.centric {
 background-position:-200px -2150px
}
.our-values .icon.transparent {
 background-position:-300px -2150px
}
.our-values .content-box {
 width:360px;
 margin:0 auto
}
.our-values .content-box p {
 height:38px;
 font-size:13px;
 font-weight:400;
 color:#999;
 overflow:hidden
}
.our-values .content-box h4 {
 font-size:14px;
 font-weight:600;
 margin-top:0;
 text-align:center
}
.our-values .content-box a {
 font-weight:600
}
.our-values .learn-more span {
 font-size:30px;
 color:#999
}
.our-history .grid-outer ul {
 list-style:none
}
.our-history .grid-outer ul li {
 border-bottom:1px solid #999;
 margin-bottom:35px
}
.our-history .grid-outer ul li ul {
 margin:0 0 25px;
 padding-left:18px
}
.our-history .grid-outer ul li ul li {
 border-bottom:none;
 font-size:13px;
 font-weight:400;
 margin-bottom:0
}
.our-history .grid-outer ul li ul {
 list-style:disc
}
.our-history .grid-outer ul li.last,.our-history .grid-outer ul li:last-child {
 border-bottom:none;
 margin-bottom:0
}
.our-history .grid-outer h4 {
 font-weight:600;
 font-size:13px;
 margin:0
}
.our-history .grid-outer h3 {
 font-weight:400;
 font-size:13px;
 margin:0
}
.our-history .grid-outer p {
 font-weight:400;
 font-size:13px;
 margin:25px 0
}
.tile-bg {
 background:url(../img/tile-bg.jpg) center top #f4f4f4;
 padding:0 0 106px
}
.tile-row {
 margin:54px auto 0;
 display:inline-block
}
.tile-row .tile {
 float:left;
 height:148px;
 width:239px;
 margin:1px 1px 1px auto;
 text-align:center
}
.tile-row .tile h4 {
 font-size:22px;
 font-weight:600;
 margin-bottom:0
}
.tile-row .tile p {
 font-size:14px;
 font-weight:400;
 padding:0 15px
}
.slick-next,.slick-prev {
 position:absolute;
 display:block;
 height:33px;
 width:33px;
 line-height:0;
 font-size:0;
 cursor:pointer;
 color:transparent;
 top:50%;
 margin-top:-10px;
 padding:0;
 border:none;
 outline:0;
 background:url(../img/sprite.png) no-repeat;
 text-indent:-9000px
}
.slick-prev {
 left:36px;
 background-position:0 -2350px
}
.slick-next {
 right:30px;
 background-position:-50px -2350px
}
.tile-popup figure {
 float:left;
 margin:0 10px
}
.tile-popup article {
 padding:0 10px
}
.tile-popup article h4 {
 font-size:18px;
 font-weight:400
}
.tile-popup article p {
 font-size:13px;
 font-weight:400;
 color:#a6a5a5
}
.tile-popup figure img {
 max-width:200px;
 max-height:200px
}
.our-values a.flip-link {
 font-weight:400;
 display:inline-block
}
.our-values .back .content-box {
 margin-top:36px
}
.icon.more-icon {
 background-position:-100px -2350px
}
.back .icon.more-icon {
 background-position:-150px -2350px;
 margin-right:10px
}
.our-values .box-row .col-2 {
 height:257px;
 margin-bottom:30px
}
.our-values .flip-board {
 position:relative;
 height:255px
}
.our-values .back,.our-values .front {
 right:0;
 bottom:0
}
.flip-board .front {
 backface-visibility:hidden;
 -webkit-backface-visibility:hidden
}
.our-values .back {
 -webkit-transform:rotateY(-180deg);
 -moz-transform:rotateY(-180deg);
 -o-transform:rotateY(-180deg);
 -ms-transform:rotateY(-180deg);
 transform:rotateY(-180deg);
 background:#f3f2f2
}
.our-values .back,.our-values .front {
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 -ms-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-transition:.3s;
 -webkit-transform-style:preserve-3d;
 -moz-transition:.3s;
 -moz-transform-style:preserve-3d;
 -o-transition:.3s;
 -o-transform-style:preserve-3d;
 -ms-transition:.3s;
 -ms-transform-style:preserve-3d;
 transition:.3s;
 transform-style:preserve-3d;
 position:absolute;
 top:0;
 left:0
}
.our-values .col-2.flip-this .flip-board .back {
 -webkit-transform:rotateY(0deg);
 -moz-transform:rotateY(0deg);
 -o-transform:rotateY(0deg);
 -ms-transform:rotateY(0deg);
 transform:rotateY(0deg)
}
.our-values .col-2.flip-this .flip-board .front {
 -webkit-transform:rotateY(180deg);
 -moz-transform:rotateY(180deg);
 -o-transform:rotateY(180deg);
 transform:rotateY(180deg);
 z-index:2
}
.our-values .col-2.showback .flip-board .front {
 display:none
}
.our-values .col-2.showback .flip-board .back {
 display:block
}
.tabs-container.media-container {
 margin-top:5px;
 margin-bottom:2px
}
.media-container .tab-inner-content ul li {
 padding:15px 10px 15px 0;
 display:inline-block;
 width:100%
}
.media-container .tab-inner-content h3:last-child {
 padding-top:18px
}
.media-container .tab-inner-content ul.notice li:first-child {
 padding-top:0
}
.media-container.tabs-container .tab-nav {
 margin-bottom:25px
}
.media-container .tab-inner-content .left-container {
 width:80%;
 float:left
}
.media-container .tab-inner-content .right-container {
 float:right;
 width:20%;
 text-align:center
}
.media-container .tab-inner-content ul li p {
 font-size:13px;
 font-weight:400
}
.media-container .right-container .icon-download {
 width:22px;
 background-position:-200px -2350px;
 display:block;
 padding-top:15px;
 font-size:11px;
 font-weight:400;
 margin:0 34%;
 text-indent:-9000px;
 padding-bottom:12px
}
.media-news {
 background:url(../img/media-news-bg.jpg) 0 0/cover
}
.media-news .video-wrap .play-icon {
 background:url(../img/sprite.png) -250px -650px no-repeat;
 height:28px;
 left:41%;
 position:absolute;
 top:25%;
 width:40px
}
.media-news .content-box:before {
 content:'';
 width:0;
 height:0;
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 border-bottom:10px solid #f6f6f6;
 position:relative;
 top:-48px;
 left:-80px
}
.media-news .content-box {
 width:190px;
 display:inline-block;
 background:#fff;
 padding:25px 20px 20px
}
.media-news .videos-container h3 {
 font-size:18px;
 font-weight:400
}
.media-news .videos-container p {
 padding:0;
 font-size:13px
}
.content-section.gray-bg.media-container .wrapper {
 padding:20px 0
}
.gray-01 {
 background:#ededed
}
.gray-02 {
 background:#e5e5e5
}
.gray-03 {
 background:#e8e8e8
}
.gray-04 {
 background:#dbdbdb
}
.media-container .tab-inner-content .load-more-list li:nth-child(n+5) {
 display:none
}
.load-more-link+.load-more-list,.load-more-link+h3 {
 margin-top:20px
}
.load-more-link {
 font-size:14px;
 border-bottom:1px solid #0095d9
}
.load-more-link.disable {
 opacity:.5;
 cursor:default;
 border-bottom:none
}
img.page-header-image {
 width:100%
}
.box-4,.box-listing .box-3.box-4 {
 width:238px
}
.box-listing .box-3.box-4:nth-child(3n) {
 border-right:1px solid #e5e5e5
}
.box-listing .box-4:nth-child(4n) {
 border:none
}
.box-listing .box-4 .content-box {
 width:215px
}
.img-icon.paynet {
 background-position:0 -1750px
}
.img-icon.debit-card {
 background-position:-100px -1750px
}
.img-icon.visa {
 background-position:-600px -3100px
}
.img-icon.online-sbi {
 background-position:-200px -1750px
}
.img-icon.mobile-banking {
 background-position:-300px -1750px
}
.img-icon.neft {
 background-position:-400px -1750px
}
.img-icon.electronic-bill {
 background-position:-500px -1750px
}
.img-icon.electronic-clearing {
 background-position:-600px -1750px
}
.img-icon.auto-debit {
 background-position:0 -1950px
}
.img-icon.pay-cash {
 background-position:-500px -1950px
}
.img-icon.counter-payment {
 background-position:-500px -2150px;
 width:73px
}
.img-icon.electronic-dropbox {
 background-position:-400px -2150px
}
.img-icon.manual-dropbox {
 background-position:-600px -2150px
}
.img-icon.sbi-atm {
 background-position:-600px -2900px
}
.box-listing .box-4.active .content-box:after {
 left:-94px
}
.box-listing .active .paynet {
 background-position:0 -1850px
}
.box-listing .active .debit-card {
 background-position:-100px -1850px
}
.box-listing .active .visa {
 background-position:-600px -3200px
}
.box-listing .active .online-sbi {
 background-position:-200px -1850px
}
.box-listing .active .mobile-banking {
 background-position:-300px -1850px
}
.box-listing .active .neft {
 background-position:-400px -1850px
}
.box-listing .active .electronic-bill {
 background-position:-500px -1850px
}
.box-listing .active .electronic-clearing {
 background-position:-600px -1850px
}
.box-listing .active .auto-debit {
 background-position:0 -2050px
}
.box-listing .active .pay-cash {
 background-position:-500px -2050px
}
.box-listing .active .counter-payment {
 background-position:-500px -2250px
}
.box-listing .active .electronic-dropbox {
 background-position:-400px -2250px
}
.box-listing .active .manual-dropbox {
 background-position:-600px -2250px
}
.box-listing .active .sbi-atm {
 background-position:-600px -3000px
}
.inner-content {
 text-align:left;
 padding-left:40px
}
.inner-content h4 {
 font-size:20px;
 font-weight:400;
 line-height:18px;
 color:#000;
 margin-top:0;
 margin-bottom:15px
}
.inner-content ul {
 margin:0 0 30px;
 padding:0;
 list-style:none
}
.inner-content ul li {
 margin:0;
 padding:0 0 15px;
 font-size:14px;
 font-weight:400;
 line-height:16px;
 color:#000
}
.inner-content ul li span {
 font-weight:600
}
.inner-content ul li:last-child {
 padding-bottom:0
}
.grid-outer.corporate-enquire {
 width:600px
}
.corporate-enquire label {
 text-align:left
}
.corporate-enquire .form-field-list .row.user-agreement {
 padding:0
}
.corporate-enquire .button-wrap {
 margin:25px 0 0 25px;
 text-align:center
}
.corporate-enquire label.label-style-2 {
 width:235px
}
.corporate-enquire .row small {
 font-size:12px;
 color:#333
}
.corporate-enquire h3 {
 border-bottom:1px solid #ccc;
 font-size:16px;
 font-weight:600;
 padding-bottom:6px;
 margin-bottom:18px
}
.corporate-enquire ul.conditions {
 margin-top:18px
}
.corporate-enquire form {
 margin-top:22px
}
.corporate-enquire .button-wrap .button {
 width:145px
}
.corporate-enquire .user-agreement label.fancy-checkbox span.check-toggle {
 left:6px
}
.corporate-enquire .row .field-wrap.hide {
 visibility:hidden
}
.corporate-enquire .row .field-wrap.show {
 visibility:visible
}
.corporate-enquire .inner-wrap {
 display:inline-block;
 margin-left:14px
}
.corporate-enquire .enquire,.corporate-enquire .radio-wrap {
 display:block;
 margin-top:6px
}
.corporate-enquire .existing-relation {
 min-height:67px
}
.corporate-enquire .existing-relation label.label-style-2 {
 vertical-align:top
}
#contactFirstName,#contactLastName {
 width:140px
}
#contactLastName {
 margin-left:7px
}
.corporate-enquire div.field-wrap input.landlinePhone[type=text] {
 width:180px
}
.corporate-enquire form label.error[for=agreeCondition1],.corporate-enquire label.error[for=agreeCondition1] {
 left:0
}
.value-culture {
 background:url(../img/value-culture-bg.jpg) 0 0/cover no-repeat
}
.banner-left.career {
 width:47%
}
.banner-left.career span {
 font-weight:300;
 display:inline
}
.button.white {
 background:#fff;
 color:#0095d9
}
.banner-left.career h2 {
 margin-bottom:.83em
}
.tab-nav li.work-culture a:before {
 background-position:-250px -2500px;
 height:22px;
 margin-left:-11px;
 width:21px
}
.tab-nav li.work-culture:hover a:before {
 background-position:-250px -2550px
}
.tab-nav li.work-culture.active a:before {
 background-position:-250px -2450px
}
.tab-nav li.recognition a:before {
 background-position:-450px -700px;
 height:25px;
 margin-left:-11px;
 width:17px
}
.tab-nav li.recognition:hover a:before {
 background-position:-450px -800px
}
.tab-nav li.recognition.active a:before {
 background-position:-450px -750px
}
.tab-nav li.testimonial a:before {
 background-position:-200px -2500px;
 height:18px;
 margin-left:-11px;
 width:21px
}
.tab-nav li.testimonial:hover a:before {
 background-position:-200px -2550px
}
.tab-nav li.testimonial.active a:before {
 background-position:-200px -2450px
}
.refine-choice {
 padding:15px 0 12px;
 display:inline-block;
 background:#f3f2f2;
 text-align:center;
 width:100%;
 margin-top:15px
}
.refine-choice label {
 font-size:13px;
 font-weight:400;
 color:#666;
 padding-right:20px;
 display:inline-block;
 float:none
}
.refine-choice label.refine {
 padding-right:35px
}
.inner-wrapper {
 margin-top:40px;
 display:inline-block;
 text-align:center
}
.join-sbi .slider {
 display:inline
}
.inner-wrapper .col-1 {
 border-left:none;
 border-right:1px solid #ccc;
 border-top:none;
 border-bottom:none;
 text-align:center;
 padding-bottom:18px;
 padding-left:10px;
 padding-right:10px;
 margin:0 0 20px;
 width:238px
}
.inner-wrapper .col-1 h3 {
 font-weight:400;
 font-size:16px;
 line-height:18px;
 color:#333;
 height:40px
}
.inner-wrapper .col-1 p {
 font-size:13px;
 line-height:18px;
 font-weight:400;
 color:#333;
 height:75px
}
.inner-wrapper .col-1 span {
 font-size:11px;
 color:#666;
 display:block;
 margin-bottom:18px;
 font-weight:400
}
.inner-wrapper div.col-1:last-child {
 border:none;
 padding-right:0
}
.gird-outer.join-sbi {
 text-align:center
}
.trainings-inner ul {
 display:block;
 list-style:none;
 margin:0;
 padding:0
}
.trainings-inner ul li {
 display:inline-block;
 padding:15px 10px 15px 0
}
.trainings-inner .left {
 float:left;
 width:80%
}
.trainings-inner .left h3 {
 color:#000;
 font-size:18px;
 font-weight:400;
 line-height:20px;
 margin:0
}
.trainings-inner .left p {
 font-size:13px;
 font-weight:400
}
.trainings-inner .right {
 float:right;
 text-align:center;
 width:20%
}
.trainings-inner .right .icon-download {
 background-position:-200px -2350px;
 display:block;
 font-size:11px;
 font-weight:400;
 height:22px;
 margin:20px 34% 0;
 padding-top:8px;
 width:17px
}
.wrapper.grid-outer.news-media-kit {
 padding-top:20px
}
.media-bg {
 background:url(../img/news-media-bg.jpg) 0 0/cover no-repeat
}
.news-media-kit h3 {
 font-size:24px;
 line-height:26px;
 color:#000;
 font-weight:600;
 margin-bottom:17px
}
.notice-media-kit {
 margin-bottom:0!important;
 margin-top:30px
}
.news-media-kit ul {
 margin:0;
 padding:0;
 list-style:none
}
.news-media-kit .col-2 {
 width:450px;
 margin:0 0 0 168px
}
.news-media-kit .grid.col-2.media {
 margin-left:48px;
 margin-top:-14px
}
.news-media-kit ul li {
 border-bottom:1px solid #ccc;
 padding:18px 40px 17px 7px
}
.news-media-kit ul li p {
 font-size:13px;
 color:#000;
 line-height:18px;
 font-weight:400;
 margin:8px 0 11px
}
.news-media-kit .news ul li p {
 height:36px;
 overflow:hidden
}
.news-media-kit .media ul li p {
 color:#666;
 margin-top:3px;
 margin-bottom:20px
}
.news-media-kit .news ul li span {
 font-size:12px;
 color:#666;
 font-weight:400;
 line-height:14px
}
.news-media-kit .button-wrap {
 margin-top:41px;
 text-align:center;
 margin-bottom:45px
}
.news-media-kit .media ul li {
 padding-right:20px;
 display:inline-block;
 width:100%;
 padding-top:27px;
 padding-bottom:20px
}
.news-media-kit .media .left {
 width:20%;
 float:left;
 text-align:center
}
.news-media-kit .media .right {
 width:74%;
 float:right
}
.news-media-kit .download {
 background-position:-250px -2350px;
 width:39px;
 height:48px;
 display:inline-block
}
.news-media-kit .media small {
 color:#000;
 font-weight:400;
 font-size:11px;
 line-height:13px;
 padding-top:18px;
 display:block
}
.news-media-kit .media h4 {
 font-size:14px;
 color:#000;
 line-height:16px;
 margin:0;
 font-weight:600
}
.news-media-kit .media-block {
 width:100%
}
.news-media-kit .media-block ul li {
 width:45%
}
.news-media-kit .media-block ul li:nth-child(2n) {
 margin-left:20px
}
.news-media-kit ul.notice-list li {
 padding-top:11px
}
.news-media-kit ul.notice-list li:first-child {
 padding-top:0
}
.news-media-kit {
 min-height:683px
}
.making-world .tab-nav li.education a:before {
 background-position:0 -2500px;
 height:22px;
 margin-left:-15px;
 width:30px
}
.making-world .tab-nav li.education:hover a:before {
 background-position:0 -2550px
}
.making-world .tab-nav li.education.active a:before {
 background-position:0 -2450px
}
.making-world .tab-nav li.environment a:before {
 background-position:-50px -2500px;
 height:22px;
 margin-left:-10px;
 width:30px
}
.making-world .tab-nav li.environment:hover a:before {
 background-position:-50px -2550px
}
.making-world .tab-nav li.environment.active a:before {
 background-position:-50px -2450px
}
.making-world .tab-nav li.health a:before {
 background-position:-100px -2500px;
 height:22px;
 margin-left:-12px;
 width:30px
}
.making-world .tab-nav li.health:hover a:before {
 background-position:-100px -2550px
}
.making-world .tab-nav li.health.active a:before {
 background-position:-100px -2450px
}
.making-world .tab-nav li.women-empowerment a:before {
 background-position:-150px -2500px;
 height:22px;
 margin-left:-9px;
 width:30px
}
.making-world .tab-nav li.women-empowerment:hover a:before {
 background-position:-150px -2550px
}
.making-world .tab-nav li.women-empowerment.active a:before {
 background-position:-150px -2450px
}
.generic-tabs.tabs-container .tab-nav {
 margin-bottom:0
}
.generic-tabs .tab-content .wrap {
 display:inline-block;
 margin-top:40px
}
.generic-tabs .tab-content .wrap img {
 float:left;
 margin-right:3%
}
.generic-tabs .tab-content .wrap .text-sec {
 overflow:hidden
}
.generic-tabs .tab-content .wrap .text-sec h3 {
 font-size:18px;
 line-height:24px;
 font-weight:600;
 margin-top:5px
}
.generic-tabs .tab-content .wrap .text-sec p {
 font-size:14px;
 font-weight:400
}
.generic-tabs .tab-content .wrap .text-sec .icon-download {
 background-position:-200px -2350px;
 display:block;
 font-size:11px;
 font-weight:400;
 height:22px;
 margin:20px 0 0;
 padding-top:8px;
 width:17px
}
.generic-tabs .tab-content .wrap .text-sec .button-wrap {
 clear:none;
 padding-top:20px
}
.tab-wrap {
 margin-top:4px;
 position:relative;
 min-height:418px;
 background:#000
}
.tab-wrap img {
 width:100%
}
.tab-wrap .text-sec {
 color:#fff;
 width:80%;
 text-align:center;
 position:absolute;
 bottom:52px;
 left:50%;
 margin-left:-40%;
 display:inline-block
}
.tab-wrap .text-sec h3 {
 font-weight:400;
 font-size:18px;
 line-height:22px
}
.tab-wrap .text-sec p {
 font-size:13px;
 font-weight:400;
 line-height:16px;
 color:#fff
}
.download-report {
 margin-top:17px
}
.download-report a:before {
 background:url(../img/sprite.png) -100px -2600px no-repeat;
 content:"";
 display:inline-block;
 width:32px;
 height:32px;
 padding-right:10px;
 position:relative;
 top:12px
}
.download-report a {
 color:#0095d9;
 font-size:12px;
 font-weight:400;
 line-height:14px
}
.generic-tabs .content-area {
 padding:15px 10px 15px 25px
}
.generic-tabs .content-area h4 {
 font-size:20px;
 font-weight:600;
 margin:15px 0 0
}
.tab-inner-content p {
 font-size:13px;
 line-height:16px;
 font-weight:400;
 color:#000
}
.rewards-table.insurance-table {
 width:93%
}
.balance-transfer .right-sec .rewards-table.insurance-table td,.balance-transfer .right-sec .rewards-table.insurance-table th {
 padding-left:5px
}
.generic-tabs .content-area .circle-bullet {
 margin-top:10px
}
.generic-tabs .content-area .circle-bullet li {
 padding-left:12px;
 font-size:14px;
 line-height:18px;
 padding-bottom:10px;
 position:relative;
 margin-left:8px;
 padding-top:0
}
.generic-tabs .content-area .circle-bullet li:before {
 position:absolute;
 left:0;
 top:0
}
.terms-page .tab-inner-content {
 display:block;
 opacity:1;
 visibility:visible
}
.terms-page .tabs-container {
 margin-top:0
}
.journey .tile {
 padding:0 30px;
 width:179px;
 text-align:left
}
.journey .tile h4 {
 font-size:20px;
 line-height:36px;
 margin-top:26px
}
.journey .tile p {
 padding:0
}
.journey .tile h4.icon-01:after {
 background:url(../img/sprite.png) -150px -2600px no-repeat;
 content:"";
 display:inline-block;
 height:29px;
 width:22px;
 float:right
}
.journey .tile h4.icon-02:after {
 background:url(../img/sprite.png) -200px -2600px no-repeat;
 content:"";
 display:inline-block;
 height:28px;
 width:20px;
 float:right
}
.journey .tile h4.icon-03:after {
 background:url(../img/sprite.png) -250px -2600px no-repeat;
 content:"";
 display:inline-block;
 height:28px;
 width:28px;
 float:right
}
.tile:hover {
 background:#0095d9;
 cursor:pointer
}
.tile:hover h4,.tile:hover p {
 color:#fff
}
.journey .tile:hover h4.icon-01:after {
 background-position:-150px -2650px
}
.journey .tile:hover h4.icon-02:after {
 background-position:-200px -2650px
}
.journey .tile:hover h4.icon-03:after {
 background-position:-250px -2650px
}
.balance-transfer-tab {
 background:url(../img/balance-transfer-bg.jpg) 0 0/cover no-repeat
}
.balance-transfer .tab-nav {
 margin-bottom:18px
}
.balance-transfer p {
 font-size:14px;
 font-weight:400;
 color:#000;
 margin:18px 0 25px
}
.balance-transfer .container {
 display:inline-block;
 width:100%;
 background:url(../img/border-bg.jpg) 50% 0 repeat-y #fff;
 border:1px solid #e5e5e5;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
.balance-transfer .left-sec {
 display:inline-block;
 width:420px;
 padding:42px 0 30px 34px
}
.balance-transfer .left-sec ul {
 padding:0;
 margin:0;
 list-style:none;
 overflow:hidden;
}
.balance-transfer .left-sec ul li {
 border:none
}
.balance-transfer .right-sec {
 width:434px;
 padding:35px 0 40px 34px;
 float:right;
}
.balance-transfer .left-sec h3,.balance-transfer .right-sec h3 {
 font-size:20px;
 font-weight:400;
 line-height:26px;
 color:#000
}
.balance-transfer .left-sec h4,.balance-transfer .right-sec h4 {
 font-size:15px;
 font-weight:600;
 margin:10px 0
}
.balance-transfer .right-sec ul {
 padding:0;
 margin:10px 0 0;
 width:355px;
 list-style:none
}
.balance-transfer .container ul li {
 font-size:13px;
 line-height:18px;
 color:#000;
 padding:0;
 border:none
}
.balance-transfer .container ul li:before {
 background:url(../img/sprite.png) -250px -700px no-repeat;
 width:5px;
 height:5px;
 content:'';
 display:inline-block;
 vertical-align:middle
}
.balance-transfer .container ul li span {
 display:inline-block;
 padding-left:10px;
 font-weight:400;
 padding-bottom:12px;
 width:95%;
 vertical-align:top;
 font-size:14px
}
.balance-transfer .right-sec p {
 font-size:14px
}
.balance-transfer .right-sec .rewards-table td,.balance-transfer .right-sec .rewards-table th {
 width:60px;
 padding-left:13px
}
.balance-transfer ul li ul.sublist-02 {
 padding-left:8px;
 margin-top:10px
}
.balance-transfer ul li ul.sublist-02 li {
 padding-left:12px;
 font-size:14px;
 line-height:18px;
 padding-bottom:10px;
 position:relative;
 margin-left:8px;
 padding-top:0;
 font-weight:400;
}
.balance-transfer ul li ul.sublist-02 li:before {
 display:inline-block;
 height:3px;
 width:4px;
 vertical-align:top;
 margin-top:9px;
 position:absolute;
 top:0;
 left:0;
 background:url(../img/sprite.png) -250px -725px no-repeat
}
.balance-transfer .right-sec .rewards-table.family-health-table td,.balance-transfer .right-sec .rewards-table.family-health-table th {
 padding-left:7px;
 width:65px
}
.form-field-list.card-exist.survey label {
 float:left;
 color:#333;
 font-size:13px
}
.survey-preview .polls-opt {
 text-align:start
}
.polls-section {
 border-bottom:1px solid #e0e0e0
}
.survey-preview {
 margin:5% 0
}
.sur-opt {
 float:left;
 width:100%
}
.survey-opt-text {
 text-align:start!important;
 margin:37px 0!important
}
.option-textarea {
 width:344px;
 height:83px;
 float:left;
 font-size:13px;
 color:#333
}
.survey .field-wrap.checkbox-wrap,.survey .field-wrap.radio-wrap {
 text-align:left;
 margin:0;
 position:relative;
 right:12px;
 width:100%
}
.survey .field-wrap.checkbox-wrap {
 padding-left:13px
}
.survey-opt {
 overflow:hidden
}
.max-text {
 margin:15px 0 0!important
}
.survey-form-reset {
 margin-right:14%
}
.form-field-list.card-exist.survey .row {
 margin-top:45px
}
.form-field-list.card-exist.survey {
 width:100%
}
.row .inline-label.fancy-checkbox,.row .inline-label.fancy-radio {
 width:20%;
 text-align:start;
 white-space:nowrap
}
.survey-block {
 margin-top:98px
}
label.label-question {
 font-size:14px;
 margin-bottom:13px
}
.polls-submit-section {
 display:none
}
.polls-progress {
 width:16%;
 display:inline-block
}
.progress-desc {
 float:left;
 position:relative;
 right:70%;
 color:#333;
 font-family:sans-serif;
 font-size:12px
}
.progress-bar.percent-30 .percent-track {
 width:30%
}
ul.poll-results {
 text-align:left;
 width:100%;
 display:table;
 margin-top:12px;
 padding:0;
 list-style:none
}
ul.poll-results li {
 display:inline-block;
 padding:10px 15px;
 font-weight:400;
 margin-top:10px
}
.poll-results .ui-state-default {
 background:#fff;
 top:-7px;
 padding:3px 13px 3px 3px;
 border:none;
 margin-left:0
}
.poll-results .ui-state-default:before {
 position:absolute;
 display:block;
 content:'';
 width:0;
 height:0;
 border-top:3px solid transparent;
 border-bottom:3px solid transparent;
 border-right:3px solid #fff;
 left:-3px;
 top:6px
}
.poll-results li h4 {
 font-size:14px;
 font-weight:400;
 margin:8px 0 0
}
.poll-results .ui-widget-content {
 background:#fff;
 color:#333
}
.poll-results .util-slider {
 width:156px
}
.field-wrap.checkbox-wrap.perror,.field-wrap.radio-wrap.perror {
 border:1px solid red
}
.form-field-list.card-exist.survey label.error {
 margin-left:473px;
 margin-top:27px
}
.survey label.error {
 position:absolute;
 right:-19px;
 top:-20px
}
.survey-form-submit {
 margin-right:30px
}
.form-field-list li.textarea-row {
 margin-top:45px
}
.form-field-list li.textarea-row>h2 {
 padding:13px 0 20px;
 text-align:left;
 font-size:20px
}
.form-field-list li.textarea-row>.survey-question {
 margin-bottom:4px
}
.form-field-list li.textarea-row>.field-wrap,.form-field-list li.textarea-row>label {
 display:block
}
.sur-opt p.max-text {
 color:#c2bcb6;
 text-align:left!important;
 margin-top:0!important;
 font-size:12px;
 font-weight:200
}
::-webkit-textarea-placeholder {
 color:#999
}
:-moz-textarea-placeholder {
 color:#999;
 opacity:1
}
::-moz-textarea-placeholder {
 color:#999;
 opacity:1
}
:-ms-textarea-placeholder {
 color:#999
}
#polls-form .survey .field-wrap.radio-wrap {
 right:0;
 margin-top:11px
}
#polls-submit-section .section-inner-desc {
 text-align:left;
 float:left;
 color:#333;
 font-size:13px;
 margin-top:49px
}
#polls-submit-section .poll-results .ui-state-default {
 margin-left:-1px
}
#polls-form .form-field-list.card-exist.survey .label-question {
 text-align:left
}
#polls-submit-section ul.poll-results li {
 vertical-align:top;
 margin-top:20px
}
#poll-submit-section ul.poll-results li #survey-form .survey .field-wrap.radio-wrap {
 padding-left:0
}
.card-exist.survey .sur-opt {
 float:left;
 position:relative;
 width:100%
}
.card-exist.survey .sur-opt p.optional-textarea {
 bottom:2px;
 left:370px;
 position:absolute
}
.sitemap .hideForm {
 display:none
}
.sitemap .tab-inner-content {
 display:block;
 opacity:1;
 visibility:visible
}
.sitemap-inner ul li {
 border:none;
 display:block;
 margin-bottom:1px;
 padding:0;
 position:relative
}
.sitemap-inner .heading {
 display:block
}
.sitemap-inner h3.heading {
 background:#e9e9e9;
 color:#000;
 font-size:16px;
 font-weight:400;
 line-height:25px;
 padding:16px 60px 16px 70px;
 margin:0
}
.sitemap-inner h3 a {
 color:#000
}
.sitemap-inner h3.heading:before {
 background:url(../img/sprite.png) -500px -450px no-repeat;
 content:"";
 display:inline-block;
 height:24px;
 left:20px;
 position:absolute;
 width:24px
}
.sitemap-inner .content-block {
 display:inline-block;
 border:1px solid #cfcfcf;
 padding:10px 0;
 margin-top:1px;
 width:100%;
 margin-bottom:10px;
 box-sizing:border-box
}
.sitemap-inner .box-3 {
 width:286px;
 margin:0 15px;
 vertical-align:top;
 display:inline-block
}
.sitemap-inner h4 {
 font-size:18px;
 line-height:30px;
 font-weight:600;
 padding:5px 0;
 margin:0
}
.sitemap-inner h4 a {
 color:#000
}
.sitemap-inner .box-3 ul {
 margin:0 0 25px;
 padding-left:32px;
 padding-top:15px;
 border-top:1px solid #b2b2b2
}
.sitemap-inner .box-3 ul li {
 padding-bottom:15px
}
.sitemap-inner .box-3 ul li ul {
 margin:10px 0 0;
 padding:0;
 border:none
}
.sitemap-inner .box-3 h5 {
 font-size:18px;
 font-weight:400;
 position:relative
}
.sitemap-inner .box-3 h5 a {
 color:#000
}
.sitemap-inner .box-3 ul li ul li,.sitemap-inner .box-3 ul.inner-block li {
 font-size:13px;
 font-weight:400;
 line-height:24px;
 padding-bottom:0
}
.sitemap-inner .box-3 h5 .small-icon {
 height:16px;
 width:23px;
 display:inline-block;
 position:absolute;
 left:-29px;
 top:4px
}
.sitemap-inner h3.calculate-changes:before {
 background-position:-500px -800px;
 height:28px;
 width:22px
}
.sitemap-inner a.button {
 display:none
}
.sitemap-inner h3.contact:before {
 background-position:-500px -1100px
}
.power-point {
 margin-top:42px
}
.power-point .col-2 {
 width:450px;
 text-align:center
}
.yellow-box {
 background:#d8ebf3;
 border:1px solid #d8ebf3;
 margin:0 0 40px;
 padding:25px 0;
 display:inline-block
}
.yellow-box .box-3 {
 text-align:center;
 border-right:1px solid #d8ebf3;
 padding:10px 30px;
 width:255px;
 box-sizing:initial;
 margin:0
}
.img-icon.lost {
 background-position:-250px -500px;
 display:inline-block;
 height:34px;
 margin-top:4px;
 vertical-align:top;
 width:20px
}
.yellow-box h3 {
 font-size:24px;
 line-height:28px;
 color:#000;
 font-weight:400;
 padding:0;
 margin:0 0 0 13px;
 display:inline-block
}
.yellow-box .box-3 p {
 font-size:13px;
 line-height:18px;
 color:#000;
 font-weight:400;
 margin:0
}
.yellow-box .box-3 strong {
 font-size:18px;
 line-height:22px;
 color:#000;
 font-weight:600;
 margin:0
}
.yellow-box div.box-3:last-child {
 border-right:none;
 text-align:left
}
.yellow-box .box-3.first {
 text-align:left
}
.yellow-box .box-3 .lost {
 margin-left:32px;
 margin-top:16px;
 vertical-align:top
}
.yellow-strip {
 padding-top:0
}
.cta-style-1 .flex-boxes-container .box .cta-box {
 height:121px;
 overflow:hidden
}
.cta-style-1 .flex-boxes-container .box .cta-box-2 {
 height:145px
}
.cta-style-1 .flex-boxes-container .box .cta-box p {
 height:auto;
 overflow:inherit;
 margin:0
}
.cta-style-1 .flex-boxes-container .box p.top-space {
 padding-top:15px
}
.cta-style-1 .flex-boxes-container .box hr {
 border-color:#e5e5e5;
 margin:17px 0 15px
}
.cta-style-1 .flex-boxes-container .box .cta-box small {
 background:none;
 border:none;
 color:#666;
 font-size:80%;
 font-weight:400;
 line-height:14px;
 padding:0;
 position:static
}
.cta-style-1 .flex-boxes-container .box .cta-box h3 {
 padding-top:0
}
.cta-style-1 .flex-boxes-container .box .cta-box a {
 font-size:13px;
 line-height:18px
}
.img-icon.contact-phone {
 background-position:-100px -2900px;
 width:47px;
 height:46px
}
.img-icon.contact-railway {
 background-position:-150px -2900px;
 width:47px;
 height:46px
}
.img-icon.contact-sms {
 background-position:-200px -2900px;
 width:47px;
 height:46px
}
.img-icon.contact-twitter {
 background-position:-250px -2900px;
 width:47px;
 height:46px
}
.img-icon.contact-fax {
 background-position:-300px -2900px;
 width:47px;
 height:46px
}
.img-icon.contact-email {
 background-position:-350px -2900px;
 width:47px;
 height:46px
}
.img-icon.contact-address {
 background-position:-400px -2900px;
 width:47px;
 height:46px
}
.img-icon.contact-query {
 background-position:-450px -2900px;
 width:47px;
 height:46px
}
.img-icon.contact-nodal-officer {
 background-position:-500px -2900px;
 width:47px;
 height:46px
}
.yellow-box .box-3 ul {
 text-align:left;
 margin:0;
 padding-left:5px
}
.yellow-box .box-3 ul li {
 font-size:13px;
 color:#000;
 font-weight:400
}
.yellow-box .head {
 text-align:center;
 margin-bottom:12px
}
.yellow-box .btm-content {
 margin-top:10px;
 padding-left:30px;
 display:inline-block;
 padding-right:25px
}
.yellow-box .btm-content p,.yellow-box .btm-content ul li {
 font-size:13px;
 color:#000;
 font-weight:400
}
.rewards-container {
 display:none;
 width:97%;
 margin-left:12px
}
.popup-left {
 display:inline-block;
 width:50%
}
.rewards-slider {
 width:100%;
 display:inline-block
}
.popup-right {
 float:right;
 width:47%;
 padding-top:80px;
 text-align:left;
 margin-right:3%
}
.rewards-thumbs {
 width:270px;
 display:inline-block;
 margin-top:15px;
 margin-left:63px
}
.rewards-thumbs .slick-list {
 overflow:hidden
}
.rewards-slider .slick-slide img {
 width:auto;
 height:auto
}
.rewards-thumbs .slick-slide {
 height:80px;
 width:90px
}
.rewards-thumbs .slick-slide img {
 border:1px solid #e4e3e3;
 height:78px;
 width:78px;
 margin:0 5px
}
.rewards-thumbs .slick-prev {
 top:38px;
 left:-53px;
 background-position:-100px -2400px
}
.rewards-thumbs .slick-prev.slick-disabled {
 background-position:-200px -2400px
}
.rewards-thumbs .slick-next {
 top:38px;
 right:-53px;
 background-position:-149px -2400px
}
.rewards-thumbs .slick-next.slick-disabled {
 background-position:-250px -2400px
}
.rewards-thumbs .slick-prev:focus {
 background:url(../img/sprite.png) 0 -2350px no-repeat
}
.rewards-thumbs .slick-next:focus {
 background:url(../img/sprite.png) -50px -2350px no-repeat
}
.popup-right h4 {
 font-size:24px;
 line-height:32px;
 color:#333;
 font-weight:600;
 margin:0
}
.rewards-container p {
 font-size:13px;
 line-height:18px;
 color:#333;
 font-weight:400;
 text-align:left;
 padding-bottom:18px
}
.rewards-container h5 {
 font-size:18px;
 line-height:22px;
 color:#333;
 font-weight:400;
 margin:0;
 border-top:1px solid #e4e3e3;
 padding-top:12px
}
.rewards-container ul {
 list-style:none;
 margin:0;
 padding:0
}
.rewards-container ul li {
 padding-top:17px
}
.rewards .flex-boxes-container .box.active {
 border-color:#0095d9
}
.rewards-container ul li span.reward-points-txt {
 color:#333;
 font-size:16px;
 line-height:20px;
 width:57%;
 display:inline-block;
 border-right:1px solid #333;
 margin-right:15px
}
.rewards-container ul li span {
 color:#333;
 font-size:16px;
 line-height:20px;
 font-weight:400;
 width:35%;
 display:inline-block
}
.rewards-container ul li span.code-value {
 font-weight:800
}
.rewards-container ul li span strong {
 width:auto;
 border:none;
 margin:0
}
.rewards.wrapper {
 padding-top:0
}
.rewards .flex-boxes-container {
 padding-top:45px
}
.rewards .btn-wrap {
 margin-top:15px
}
.rewards .btn-wrap .button.primary {
 margin-top:0;
 width:109px;
 padding:0
}
.rewards .btn-wrap small {
 font-size:13px;
 color:#333;
 line-height:35px;
 font-weight:400;
 margin-left:6px
}
.rewards .places {
 margin-top:20px;
 border-top:1px solid #e4e3e3;
 padding-top:10px
}
.rewards .places span {
 font-size:13px;
 color:#333;
 line-height:22px;
 font-weight:400;
 position:relative;
 display:inline-block;
 padding-left:30px
}
.rewards-container .rewards-popup {
 display:none;
 position:relative
}
.rewards .places span:before {
 background:url(../img/sprite.png) -300px -2550px no-repeat;
 content:"";
 display:inline-block;
 height:24px;
 left:0;
 top:0;
 position:absolute;
 width:19px
}
.rewards .bottom-content {
 display:inline-block;
 text-align:left;
 margin-top:50px;
 width:93%;
 padding-bottom:33px;
 border-top:1px solid #e4e3e3
}
.rewards .bottom-content h5 {
 border-top:none
}
.rewards .bottom-content p {
 padding-top:5px
}
.rewards .keywords {
 padding:0;
 margin:0
}
.rewards .keywords li {
 padding:0;
 margin:0;
 display:inline-block
}
.rewards-filter.wrapper {
 padding-bottom:0
}
.rewards-filter .row {
 display:inline-block;
 padding-bottom:18px;
 border-bottom:1px solid #bfbfbf
}
.rewards-filter .row:last-child {
 margin-top:17px;
 width:100%
}
.rewards-filter label {
 display:block;
 text-align:left;
 margin-left:5px;
 font-size:13px;
 line-height:18px;
 color:#333;
 font-weight:600;
 padding-bottom:2px
}
.rewards-filter .wrap {
 display:inline-block
}
.rewards-filter .fancy-select div.trigger {
 width:206px
}
.rewards-filter .row span {
 font-size:13px;
 line-height:18px;
 color:#333;
 font-weight:400;
 display:inline-block;
 padding-top:20px;
 vertical-align:middle
}
.rewards-filter .row .reset-btn {
 font-size:12px;
 color:#0095d9;
 line-height:18px;
 font-weight:600;
 background:0 0;
 border-left:1px solid #ccc;
 margin-left:20px;
 padding-left:10px;
 vertical-align:middle;
 margin-top:20px
}
.rewards-filter .right-links {
 float:right;
 margin-top:-53px;
 position:relative;
 z-index:8
}
.rewards-filter .right-links a {
 display:inline-block;
 font-size:12px;
 line-height:32px;
 font-weight:600
}
.rewards-filter .right-links a small {
 background:url(../img/sprite.png) no-repeat;
 display:inline-block;
 height:32px;
 width:32px;
 margin-right:10px
}
.rewards-filter .right-links .seperator {
 border-left:1px solid #bfbfbf;
 margin:0 20px;
 height:32px;
 display:inline-block;
 vertical-align:middle
}
.rewards-filter .right-links .forward-ctl {
 margin-right:8px
}
.rewards-filter .right-links .download-ctl small {
 background-position:-300px -2350px;
 text-indent:9999px
}
.rewards-filter .right-links .forward-ctl small {
 background-position:-350px -2350px;
 text-indent:9999px
}
.forward-catalogue {
 display:none;
 width:258px;
 padding:35px 20px 5px;
 border:1px solid #e0e0e0;
 position:absolute;
 right:-12px;
 top:50px;
 background:#fff;
 box-shadow:0 0 7px 0 #e0e0e0;
 -moz-box-shadow:0 0 7px 0 #e0e0e0;
 -webkit-box-shadow:0 0 7px 0 #e0e0e0;
 z-index:999
}
.forward-catalogue ul {
 margin:0;
 padding:0;
 list-style:none
}
.forward-catalogue ul li {
 padding-bottom:15px;
 position:relative
}
.forward-catalogue ul li:last-child {
 margin:15px 0
}
.forward-catalogue input {
 width:217px
}
.forward-catalogue label {
 margin-left:0;
 padding-bottom:4px;
 padding-right:0;
 width:100%
}
.forward-catalogue textarea {
 width:217px
}
form.forward-catalogue label.error,form.forward-catalogue label.valid {
 top:32px;
 right:2px
}
.forward-catalogue:before {
 background:url(../img/sprite.png) -350px -2450px no-repeat;
 content:"";
 display:inline-block;
 height:11px;
 left:46%;
 top:-11px;
 position:absolute;
 width:18px
}
.forward-catalogue .button.primary {
 width:109px;
 padding:0
}
.forward-catalogue a {
 margin-left:17px
}
.forward-catalogue .description {
 margin:7px 0
}
.rewards .popup-close {
 display:inline-block;
 background:url(../img/sprite.png) -200px -1000px no-repeat;
 width:38px;
 height:38px;
 position:absolute;
 right:-39px;
 top:-1px;
 z-index:1
}
.rewards .rewards-container {
 border:1px solid #e0e0e0;
 box-shadow:0 3px 7px 0 #e0e0e0;
 -moz-box-shadow:0 3px 7px 0 #e0e0e0;
 -webkit-box-shadow:0 3px 7px 0 #e0e0e0;
 border-top-color:#fff
}
.rewards-filter .row span .total-rewards {
 padding-top:0;
 font-size:13px;
 font-weight:400
}
.flex-boxes-container .box h3 {
 height:52px;
 overflow:hidden
}
.rewards-container ul li span.cash-amount,.rewards-container ul li span.cash-points,.rewards-container ul li span.reward-point {
 display:inline;
 font-weight:800
}
.rewards-container ul li span.cash-amount {
 padding-left:0
}
.rewards .places span.available-at:before {
 background:0 0
}
.rewards .places span.available-at {
 padding-left:0
}
.wrapper.load-more-wrap {
 padding:0 0 25px
}
.rewards .massage {
 font-size:13px;
 font-weight:400;
 color:#333;
 padding-top:20px
}
.response-msg.errorClass {
 border:1px solid red
}
.response-msg.successClass {
 border:1px solid green
}
.response-msg {
 padding-left:2px
}
.popup-right .worth-wrap label {
 font-size:16px;
 font-weight:400
}
.shop-smile {
 padding-top:50px
}
.shop-smile h3 {
 font-size:20px;
 line-height:24px;
 color:#333;
 margin:0;
 font-weight:400;
 padding-bottom:12px
}
.shop-smile .box-3 {
 width:300px;
 padding:0 30px;
 border-left:1px solid #e6e6e6
}
.shop-smile .box-3:first-child {
 padding-left:0;
 border:none
}
.shop-smile .box-3 p {
 font-size:13px;
 line-height:18px;
 font-weight:400;
 color:#333;
 padding-bottom:18px;
 margin:0
}
.shop-smile .box-3 span {
 font-size:13px;
 line-height:18px;
 font-weight:400;
 color:#333;
 padding:0;
 margin:0;
 display:block
}
.shop-smile .box-3 a {
 font-size:12px;
 line-height:18px;
 font-weight:600
}
.shop-smile .fancy-select div.trigger {
 width:228px
}
.shop-smile ul {
 margin:0;
 padding:10px 0 0;
 list-style:none
}
.shop-smile ul li {
 padding-bottom:16px;
 position:relative;
 display:inline-block
}
.shop-smile ul li:before {
 background:url(../img/sprite.png) -250px -700px no-repeat;
 content:"";
 display:inline-block;
 height:5px;
 left:0;
 top:5px;
 position:absolute;
 width:5px
}
.shop-smile .box-3 ul li span {
 font-size:13px;
 line-height:16px;
 font-weight:400;
 color:#333;
 padding-left:10px;
 display:inline-block
}
.shop-smile div.fancy-select ul.options li {
 display:list-item;
 list-style:none;
 position:initial;
 padding:8px 12px;
}
.shop-smile div.fancy-select ul.options {
 list-style:none
}
.shop-smile .point-container {
 display:none
}
.shop-smile .point-container.active {
 display:block
}
.shop-smile .change-point ul li:before {
 background:0 0
}
.home-header.calculator-head {
 background:url(../img/signature-calculator-bg.jpg) no-repeat;
 width:100%
}
.irctc-calculator.calculator-head.home-header {
 height:350px
}
html.desktop .calculator-head.home-header .slick-slider .slick-slide .right-content img {
 width:318px;
 height:auto;
 min-height:100%
}
body .calculator-head .left-content p {
 font-size:13px
}
body .calculator-head .left-content {
 padding-left:0;
 margin-top:60px;
 width:61%
}
body .calculator-head .right-content {
 padding:56px 0 0;
 width:36%
}
body .calculator-head .left-content h2 {
 margin-bottom:0
}
.content-section.earned-benefits small {
 display:block;
 font-size:10px
}
.calculator .ui-slider-handle {
 background:url(../img/sprite.png) no-repeat
}
.calculator {
 background:url(../img/simplifier-bg.jpg) 0 0/cover;
 box-shadow:inset 0 -50px 50px rgba(0,0,0,.1)
}
.calculator .ui-slider-horizontal .ui-slider-handle {
 background-position:-100px -1000px;
 width:23px;
 height:28px;
 border:none;
 top:-12px;
 outline:0
}
.calculator .ui-slider-horizontal {
 height:8px
}
.calculator .max-value,.calculator .min-value {
 position:absolute;
 bottom:30px;
 text-align:center;
 font-size:13px;
 font-weight:400;
 color:#666;
 margin:0
}
.calculator .max-value {
 right:30px
}
.exp-container {
 background:#fff;
 position:relative;
 border-right:solid 1px #cdcbcb;
 margin-top:20px
}
.exp-container >ul {
 padding:0;
 list-style:none
}
.exp-container >ul li {
 border-bottom:1px solid #a7a8a8;
 position:relative;
 height:118px;
 padding-right:30px
}
.calculator .left-container h5 .icon {
 position:absolute;
 left:50%;
 top:0;
 width:58px;
 height:55px;
 margin-left:-29px
}
.calculator .exp-container h5 {
 display:block;
 position:relative;
 text-align:center;
 height:37px;
 padding-top:57px;
 font-size:13px;
 font-weight:600;
 color:#333;
 margin:0
}
.calculator .left-container h5 .icon.groceries {
 background-position:-122px -3100px;
 width:65px;
 margin-left:-32px
}
.calculator .left-container h5 .icon.fuel {
 background-position:-252px -3100px;
 width:44px;
 margin-left:-22px
}
.calculator .left-container h5 .icon.dining {
 background-position:-307px -3100px;
 width:30px;
 margin-left:-15px
}
.calculator .left-container h5 .icon.travel {
 background-position:-53px -3100px;
 width:62px;
 margin-left:-31px
}
.calculator .left-container h5 .icon.movie {
 background-position:-196px -3100px;
 width:38px;
 margin-left:-19px
}
.calculator .left-container h5 .icon.international {
 background-position:-344px -3100px
}
.calculator .left-container h5 .icon.apparel {
 background-position:-426px -3225px;
 width:50px
}
.calculator .left-container h5 .icon.others {
 background-position:-600px -4950px;
 width:45px;
 margin-left:-23px;
 margin-top:4px
}
.calculator .left-container h5 .icon.air-india-flight {
 background-position:-600px -4850px;
 margin-top:5px
}
.calculator .left-container {
 width:13%;
 float:left;
 margin-top:13px
}
.calculator .right-container {
 width:87%;
 float:right;
 margin-top:40px
}
.calculator .duration {
 display:block;
 font-weight:600;
 color:#666;
 font-size:11px
}
.calculator .div.tooltip.top.slider-tip {
 width:50px
}
.calculator div.tooltip.top.slider-tip {
 width:50px;
 margin-left:-28px
}
.calculator div.tooltip.top.slider-tip .tooltip-inner {
 color:#fff
}
.main-wrap {
 padding:20px 35px;
 min-height:100px;
 border-bottom:solid 1px #ddd
}
.section-heading.indigo {
 background:url(../img/indigo.png) no-repeat;
 height:50px;
 width:180px;
 display:block;
 margin:0 auto
}
.kingfisher-icon {
 display:block;
 margin:0 auto
}
.cel-rewards .flex-boxes-container .calc-box h3 {
 font-size:46px;
 color:#000;
 line-height:44px
}
.cel-rewards .flex-boxes-container .calc-box p {
 font-size:14px;
 margin:10px 0 0
}
.section-heading.kingfisher-icon {
 background:url(../img/kingfisher-icon.png) no-repeat;
 height:50px;
 width:200px;
 display:block;
 margin:40px auto 0
}
.calc-header .tabs-container {
 margin:0!important
}
.calc-header .flex-boxes-container {
 padding:23px 0 0
}
.calc-chart-wrap.content-section .wrapper {
 padding-bottom:0
}
.calc-chart-wrap article.spend-chart {
 text-align:center;
 padding-top:25px;
 padding-left:50px
}
.spend-chart svg:not(:root) {
 overflow:visible;
 display:block;
 margin:0 auto
}
svg:not(:root) {
 overflow:visible!important
}
text.total-value {
 font-size:25px;
 font-weight:600;
 fill:#333;
 font-family:"Open Sans";
 text-shadow:0 0 1px rgba(0,0,0,.15)
}
.spend-chart .chart-label,.spend-chart .label-value {
 font-size:13px;
 color:#333
}
.cal-benefits .section-heading {
 padding-bottom:40px
}
.cal-benefits .box-listing p {
 height:auto;
 font-size:18px;
 color:#333
}
.cal-benefits .box-3 .content-box {
 height:160px
}
.cal-benefits .box-listing p.information {
 font-size:13px
}
.cal-benefits section.box-listing:first-child {
 border-bottom:1px solid #333
}
.cal-benefits .box-listing h3 {
 margin:0;
 font-size:24px;
 color:#333
}
.cal-benefits .box-listing .box-3 {
 padding:60px 0 20px;
 cursor:pointer;
 display:inline-block;
 vertical-align:top
}
.cal-benefits .box-listing .img-icon {
 height:75px;
 width:75px
}
.cal-benefits .img-icon.annual-fee {
 background-position:0 -2700px
}
.cal-benefits .img-icon.rewards-point {
 background-position:-100px -2700px
}
.cal-benefits .img-icon.railway-points {
 background-position:-400px -2600px
}
.cal-benefits .img-icon.accelerated {
 background-position:-200px -2700px
}
.cal-benefits .img-icon.bonus {
 background-position:-300px -2700px
}
.cal-benefits .img-icon.gift {
 background-position:-400px -2700px
}
.cal-benefits .img-icon.entertainment {
 background-position:-500px -2700px
}
.cal-benefits .img-icon.waiver {
 background-position:-600px -2700px
}
.cal-benefits .img-icon.membership {
 background-position:-200px -2950px
}
.cal-benefits .box-listing .box-3:hover {
 background:#0095da
}
.cal-benefits .box-listing .box-3:hover h3,.cal-benefits .box-listing .box-3:hover p {
 color:#fff
}
.cal-benefits .box-3:hover .img-icon.annual-fee {
 background-position:0 -2800px
}
.cal-benefits .box-3:hover .img-icon.rewards-point {
 background-position:-100px -2800px
}
.cal-benefits .box-3:hover .img-icon.railway-points {
 background-position:-500px -2600px
}
.cal-benefits .box-3:hover .img-icon.accelerated {
 background-position:-200px -2800px
}
.cal-benefits .box-3:hover .img-icon.bonus {
 background-position:-300px -2800px
}
.cal-benefits .box-3:hover .img-icon.gift {
 background-position:-400px -2800px
}
.cal-benefits .box-3:hover .img-icon.entertainment {
 background-position:-500px -2800px
}
.cal-benefits .box-3:hover .img-icon.waiver {
 background-position:-600px -2800px
}
.cal-benefits .box-3:hover .img-icon.membership {
 background-position:-200px -3025px
}
.cal-benefits .box-4 {
 width:237px
}
.spend-chart svg {
 overflow:visible
}
.slider-wrap {
 width:100%;
 display:block
}
.cel-rewards .tab-content .grid-outer {
 margin:0
}
.cel-rewards .flex-boxes-container .box {
 padding:40px 0
}
html.desktop .cel-rewards .flex-boxes-container .box,html.desktop .cel-rewards .flex-boxes-container .box:hover {
 border:1px solid #e3e2e2
}
.cel-rewards .point {
 font-size:14px;
 margin-top:18px;
 font-weight:400
}
.cel-rewards span.across {
 color:#666;
 font-size:14px
}
.content-section.cal-benefits .box-listing.flex-boxes-container:last-child .box-row {
 border-bottom:none
}
.content-section.cal-benefits .box-row {
 border-bottom:solid 1px #e2e2e2;
 text-align:center;
 display:block
}
text.expense-label {
 font-size:14px
}
.content-section.earned-benefits {
 background:#555;
 text-align:center;
 color:#fff
}
.earned-benefits .wrapper {
 padding:10px 0
}
.content-section.earned-benefits .left-container,.content-section.earned-benefits .right-container {
 width:45%;
 display:inline-block;
 vertical-align:top;
 padding:20px;
 font-size:18px;
 color:#fff;
 box-sizing:border-box;
 font-weight:400
}
.content-section.earned-benefits .left-container h3,.content-section.earned-benefits .right-container h3 {
 margin:0;
 font-size:24px;
 font-weight:400
}
.content-section.earned-benefits .left-container {
 text-align:right;
 border-right:1px solid #fff
}
.content-section.earned-benefits .right-container {
 text-align:left
}
.total-expenditure {
 text-align:center
}
.total-expenditure h3 {
 border:1px solid #333;
 padding:10px 20px;
 margin:10px 0 0;
 font-size:16px;
 color:#333;
 display:inline-block;
 background:#fff
}
.tabs-container.cal-slider .slick-next {
 right:-37px
}
.tabs-container.cal-slider .slick-prev {
 left:-37px
}
html.desktop .cel-rewards .four-item.flex-boxes-container .box {
 float:left
}
.cel-rewards .slider-container {
 position:relative
}
.calculator .wrapper {
 padding:20px 0
}
.irctc .left-content {
 width:45%;
 float:left;
 text-align:right
}
.irctc .right-content {
 float:left;
 text-align:left;
 width:45%
}
.irctc .left-content p,.irctc .result p,.irctc .right-content p {
 font-size:18px;
 font-weight:400;
 margin-bottom:0
}
.irctc .result p {
 margin-top:0;
 display:inline-block
}
.irctc .result a {
 font-size:18px;
 font-weight:400;
 margin-left:5px;
 text-decoration:underline
}
.irctc .left-content h3,.irctc .result h3,.irctc .right-content h3 {
 font-size:22px;
 font-weight:400;
 margin:0
}
.irctc .plus {
 width:10%;
 float:left;
 text-align:center;
 margin-top:16px;
 font-size:40px
}
.irctc .equal {
 font-size:40px;
 text-align:center
}
.irctc .result {
 text-align:center
}
.irctc .exp-container .left-container p {
 font-size:11px;
 font-weight:600;
 margin:0;
 padding:2px 8px
}
.irctc .exp-container .left-container h3 {
 margin:0;
 font-size:10px;
 padding:2px 5px
}
.calculator.irctc .left-container {
 margin-top:5px
}
.calculator .button-wrap .button {
 margin:40px 10px 50px
}
.calculator .section-heading {
 margin-top:25px
}
.box-txt {
 font-size:16px
}
.tabs-container1 .tab-nav1 {
 -moz-border-bottom-colors:none;
 -moz-border-left-colors:none;
 -moz-border-right-colors:none;
 -moz-border-top-colors:none;
 border-color:#e3e3e3 #e3e3e3 #0095d9;
 border-image:none;
 border-style:solid;
 border-width:1px 1px 3px;
 display:table;
 height:92px;
 list-style:none;
 margin:0;
 padding:0;
 width:960px
}
.tabs-container1 .tab-nav1 li {
 background:#fff;
 border-left:1px solid #e3e3e3;
 display:table-cell;
 font-size:1.6em;
 height:92px;
 text-align:center;
 width:20%
}
.tabs-container1 .tab-nav1 li:first-child {
 border-left:medium none
}
.tabs-container1 .tab-nav1 li.active,html.desktop .tabs-container1 .tab-nav1 li.active:hover {
 background:#0095d9
}
.tabs-container1 .tab-nav1 li a {
 box-sizing:border-box;
 color:#868686;
 display:block;
 height:92px;
 padding-top:45px;
 position:relative
}
.tabs-container1 .tab-nav1 li.active a {
 color:#fff
}
.tabs-container1 .tab-nav1 li a:before {
 bottom:53px;
 float:none;
 left:50%;
 position:absolute
}
.tabs-container1 .tab-nav1 li.credit-cards a:before {
 background-position:-600px -250px;
 height:17px;
 margin-left:-11px;
 width:23px
}
.tabs-container1 .tab-nav1 li.credit-cards.active a:before {
 background-position:-600px -200px
}
.content-section .wrapper.contact-us-tab {
 padding-bottom:0
}
.escalation {
 padding:20px 0 0
}
.escalation .col-2 {
 background:#fff;
 border:1px solid #ccc;
 padding:10px;
 margin-top:15px
}
.escalation h3 {
 font-size:20px;
 font-weight:400;
 line-height:24px;
 color:#000;
 margin:10px 0 18px
}
.escalation ul {
 margin:0;
 padding:0;
 border-top:1px solid #e5e5e5;
 list-style:none;
 text-align:left
}
.escalation ul li {
 font-size:13px;
 line-height:18px;
 color:#000;
 font-weight:400;
 padding:12px 0 12px 10px
}
.escalation ul li strong {
 font-weight:600
}
.escalation ul li:before {
 content:"";
 display:inline-block;
 background-image:url(../img/sprite.png);
 margin-right:20px;
 vertical-align:top
}
.escalation ul li.person:before {
 width:18px;
 height:21px;
 background-position:-500px -150px
}
.escalation ul li.email:before {
 width:22px;
 height:14px;
 background-position:-550px -150px;
 margin-right:15px
}
.escalation ul li.response:before {
 width:16px;
 height:17px;
 background-position:-600px -150px
}
.escalation ul.second-level {
 padding-top:10px;
 margin-top:18px
}
.escalation .btm-line {
 margin-top:15px;
 display:inline-block;
 width:100%;
 font-weight:400
}
.escalation .level-1 {
 width:99%;
 margin-top:0
}
.escalation ul li span {
 font-weight:400;
 display:block;
 margin-left:39px
}
.escalation ul.col-half {
 width:49%;
 border-top:none;
 display:inline-block
}
.escalation .level-1 h3 {
 border-bottom:1px solid #e5e5e5;
 padding-bottom:18px;
 margin-bottom:6px
}
.banking-scheme {
 padding:20px 0 0
}
.banking-scheme .col-2 {
 width:360px;
 padding:25px 15px 30px;
 border:1px solid #d8ebf3;
 background:#f2f9fc;
 float:none;
 display:inline-block
}
.banking-scheme .col-2 p {
 font-size:13px;
 line-height:16px;
 color:#000;
 margin:0;
 font-weight:400
}
.banking-scheme .col-2 a {
 margin-top:16px;
 display:inline-block;
 font-size:12px
}
.banking-scheme .col-2 a:before {
 content:"";
 display:inline-block;
 background:url(../img/sprite.png) -300px -2400px no-repeat;
 width:32px;
 height:32px;
 vertical-align:middle;
 padding-right:10px
}
.search-box {
 height:95px;
 text-align:center
}
.search-head {
 background:#f3f2f2;
 padding:28px 0
}
.big-search {
 width:480px;
 display:inline-block
}
.big-search label {
 background:#fff;
 border:1px solid #999;
 display:inline-block;
 height:36px;
 padding-right:30px;
 padding-left:13px;
 position:relative
}
.big-search label .icon-b {
 height:18px;
 right:9px;
 position:absolute;
 top:11px;
 width:18px;
 cursor:pointer
}
.search-btn .icon-b {
 background:url(../img/sprite.png) -300px -800px no-repeat
}
.big-search input {
 background:0 0;
 font-size:14px;
 line-height:18px;
 height:35px;
 color:#3a5962;
 border:none;
 width:430px;
 padding:0
}
.search-sec .wrapper {
 padding-top:10px
}
.search-left {
 width:162px;
 display:inline-block;
 vertical-align:top
}
.search-left h2 {
 font-size:18px;
 background:#f2f2f2;
 padding:5px 0 5px 5px;
 font-weight:600;
 margin:0
}
.search-left h3 {
 font-size:15px;
 padding:5px 0 0 10px;
 margin:0 0 5px;
 font-weight:400;
 border-bottom:1px solid #ddd
}
.search-left ul {
 margin:0;
 list-style:none;
 padding:0 0 0 15px
}
.search-right {
 width:170px;
 display:inline-block;
 vertical-align:top
}
.search-mid {
 width:580px;
 display:inline-block
}
.inner-search {
 border:1px solid #dddbdb;
 padding:25px 40px 0 25px;
 margin:0 10px;
 vertical-align:top;
 display:inline-block;
 width:85%
}
.search-mid span {
 font-size:14px;
 line-height:18px;
 font-weight:600;
 color:#999
}
.search-mid ul {
 margin:0;
 padding:16px 0 0;
 list-style:none
}
.search-mid ul li {
 padding:15px 0;
 margin:0
}
.search-mid h3 {
 margin:0
}
.search-mid h3 a {
 font-size:16px;
 color:#000;
 line-height:18px;
 font-weight:400
}
.search-mid p {
 font-size:13px;
 line-height:18px;
 color:#999;
 font-weight:400;
 margin:5px 0 0
}
.search-right h4 {
 font-size:14px;
 line-height:18px;
 color:#333;
 font-weight:600;
 margin:0 0 10px
}
.inner-search.filter-data {
 padding:0;
 width:96%;
 margin-top:10px;
 border:none;
 cursor:pointer;
 position:relative
}
.inner-search.filter-data ul {
 padding:0 25px
}
.inner-search.filter-data h2 {
 margin:0;
 height:30px;
 background:#e9e9e9;
 font-weight:400;
 font-size:16px;
 text-align:left;
 padding:10px;
 color:#000;
 line-height:30px
}
.inner-search.filter-data h2 span {
 background-position:-600px -400px;
 height:50px;
 width:50px;
 display:inline-block;
 float:left
}
.inner-search.filter-data h2 strong {
 font-weight:400;
 font-size:16px;
 line-height:30px
}
.inner-search ul li.hide {
 display:none
}
.globalSearchElem .ui-widget-content.ui-autocomplete,.searchElem .ui-widget-content.ui-autocomplete {
 background:#fbfbfb;
 width:400px!important;
 border:1px solid #ddd;
 padding:0;
 list-style:none;
 height:100%;
 max-height:200px;
 overflow-x:hidden;
 overflow-y:auto
}
.globalSearchElem .ui-widget-content.ui-autocomplete {
 width:200px!important
}
.search-head #search {
 font-size:18px;
 color:#333;
 font-weight:400
}
.globalSearchElem .ui-widget-content.ui-autocomplete li,.searchElem .ui-widget-content.ui-autocomplete li {
 font-size:18px;
 color:#333;
 font-weight:400;
 background:#fff;
 cursor:pointer;
 padding:4px 5px
}
.globalSearchElem .ui-widget-content.ui-autocomplete li:hover,.searchElem .ui-widget-content.ui-autocomplete li:hover,.ui-widget-content.ui-autocomplete li.ui-state-focus {
 background:#f4f4f4!important
}
.globalSearchElem .ui-widget-content.ui-autocomplete li:nth-child(even),.searchElem .ui-widget-content.ui-autocomplete li:nth-child(even) {
 background:#fff
}
.cloud ul {
 padding:0
}
.cloud ul li {
 padding:2px;
 margin:2px;
 display:inline-block
}
.cloud .tag1 {
 font-size:22px
}
.cloud .tag2 {
 font-size:21px
}
.cloud .tag3 {
 font-size:20px
}
.cloud .tag4 {
 font-size:19px
}
.cloud .tag5 {
 font-size:18px
}
.cloud .tag6 {
 font-size:17px
}
.cloud .tag7 {
 font-size:16px
}
.cloud .tag8 {
 font-size:15px
}
.cloud .tag9 {
 font-size:14px
}
.cloud .tag10 {
 font-size:13px
}
.big-search .overlay-loader,.search-form .overlay-loader {
 background:0 0;
 position:absolute
}
.big-search .overlay-loader:after,.search-form .overlay-loader:after {
 left:auto;
 right:8%
}
.loadmore {
 text-align:center;
 margin-bottom:12px
}
.loadmore a.load-more {
 font-size:13px;
 font-weight:400
}
.toggle-btn {
 margin-left:0;
 height:-29px;
 font-size:16px;
 font-weight:700;
 cursor:pointer
}
.personal-lbl {
 padding-left:12px
}
.corporate-lbl {
 padding-left:6px
}
#corporate-filter-list,#personal-filter-list {
 display:none
}
.inner-search.filter-data .content {
 border:1px solid #cdcccc;
 margin-top:5px;
 position:relative;
 box-sizing:border-box;
 display:none;
 width:100%
}
.inner-search.filter-data h2 .heading-txt {
 width:70%
}
.inner-search.filter-data h2 .arrow-up {
 content:'';
 background:url(../img/sprite.png) -100px -700px no-repeat;
 width:25px;
 height:25px;
 display:inline-block;
 position:absolute;
 margin:3px 0 0 70px
}
.inner-search.filter-data h2 .bottom-arrow {
 background:url(../img/sprite.png) -100px -675px no-repeat;
 width:25px;
 height:25px;
 display:inline-block;
 position:absolute;
 margin:3px 0 0 70px
}
.insurance-page .content-left {
 width:100%;
 float:none
}
.relative-left ul li.marginLeft2 {
 margin-right:2px
}
.insurance-page .form-field-list.relative-list .row {
 display:inline-block
}
.form-field-list.relative-list li label.label-style-2 {
 display:block;
 width:90%;
 text-align:left;
 padding-left:4%;
 padding-right:0
}
.form-field-list.relative-list {
 margin-bottom:12px
}
.form-field-list.relative-list li .field-wrap input[type=text].small.middle {
 width:70px
}
.relative-list .fancy-select div.trigger {
 width:100px
}
.form-field-list.relative-list li .field-wrap input[type=text].small {
 width:75px
}
.form-field-list li .field-wrap input[type=text].relative-dob {
 width:100px
}
.insurance-page .address {
 width:180px
}
.insurance-page .relative-left {
 width:75%;
 float:left
}
.insurance-page .relative-right {
 width:20%;
 float:left;
 padding-top:24px
}
.form-field-list li .field-wrap input[type=text].landline-pin {
 width:60px
}
.form-field-list li .field-wrap input[type=text].landline-no {
 width:100px
}
form .relative-list label.error,form .relative-list label.valid,form .relative-list label.valid.error {
 display:none!important
}
.dnd-page .form-field-list li .field-wrap input {
 width:50px
}
.dnd-page .form-field-list li .field-wrap input#email {
 width:182px
}
.dnd-page label.label-style-2 {
 width:213px
}
.dnd-page .button-wrap,.dnd-page .dnd-note {
 padding-top:20px
}
.dnd-page .form-field-list li .field-wrap input#phone[type=text] {
 width:170px
}
.dnd-page.button-wrap.button {
 padding:20px
}
.dnd-page .field-wrap.radio-wrap {
 margin-left:-45px
}
.dnd-page label.label-style-2[for=existingCard] {
 padding-right:15px
}
.dnd-page .dnd-head-text p {
 font-size:14px;
 font-weight:400
}
.dnd-page a.verify-subscribe-mobile {
 margin-left:35px
}
.dnd-page .form-field-list.card-exist {
 width:91%
}
.no-border {
 border:0!important
}
.margin-topBtn15 {
 margin:15px 0
}
em.WebRupee {
 font-style:normal
}
.card-offers .tabs-container {
 margin-top:15px
}
.card-offers .item-footer {
 padding-top:0
}
.card-offers .tab-detail {
 padding:0 30px;
 border:1px solid #e3e3e3
}
.card-offers .tabs-container.margin-btm0 .tab-nav {
 margin-bottom:0
}
.card-offers .tab-detail .hd {
 font-size:17px;
 font-weight:400;
 padding:10px 0 0
}
.card-offers .tab-detail p {
 font-size:13px;
 margin:0;
 padding:0 0 5px;
 color:#666;
 font-weight:400
}
.card-offers .tab-detail article {
 padding:10px 0 5px
}
.card-offers .tab-detail ol {
 display:block;
 padding:0;
 list-style:none
}
.card-offers .tab-detail ol li {
 width:100%;
 overflow:hidden;
 display:block;
 font-size:13px;
 margin-bottom:5px;
 color:#666;
 font-weight:400;
 padding:0 0 10px 3px;
 float:left;
 position:relative
}
.card-offers .tab-detail ol>li>div {
 position:absolute;
 display:inline-block;
 font-weight:400
}
.card-offers .learn-more-link {
 display:inline-block;
 font-size:13px;
 margin-bottom:15px;
 float:none;
 -webkit-text-stroke:#0095d9
}
.card-offers .button {
 margin:20px 0 30px
}
.card-offers .icon.share {
 background-position:-296px -746px;
 width:25px;
 height:25px;
 position:absolute;
 top:-29px;
 right:100px
}
.card-offers .icon.circle-bg {
 background-position:-397px -940px;
 width:32px;
 height:31px;
 text-align:center;
 line-height:29px;
 display:inline-block;
 margin-right:10px
}
.card-offers .col-2 {
 border:5px solid #e4e3e3;
 margin-top:10px;
 background:#fafaf9
}
.card-offers .img-replace {
 width:100px;
 height:100px;
 display:inline-block;
 float:left;
 margin-left:30px;
 margin-top:8px
}
.card-offers .balance {
 background-position:-98px -1400px
}
.card-offers .cashback {
 background-position:-599px -1591px
}
.card-offers .flexipay {
 background-position:-493px -1591px
}
.card-offers .bal-transfer {
 background-position:-599px -1942px
}
.card-offers .tab-inner-content ul li {
 padding:0
}
.offer-tab-container ul.offers-list.layout-li li {
 cursor:pointer
}
.card-offers .card-offers-tab2 {
 margin:15px 0 0
}
.card-offers .card-sub-offers {
 margin:0
}
.card-offers .card-offers-tab2 .tab-nav {
 margin-bottom:10px;
 border:1px solid #e3e3e3;
 height:0
}
.card-offers .card-offers-tab2 .tab-nav li {
 font-size:12px;
 height:0
}
.card-offers .card-offers-tab2 .tab-nav li a {
 height:30px;
 line-height:30px;
 padding-top:0
}
.card-offers .grid {
 margin:0
}
.card-offers .grid.col-2:nth-child(odd) {
 margin:0 20px 10px 0
}
.card-offers .card-offers-tab2 .tab-nav li {
 border:0;
 width:20%;
 border-right:1px solid #e3e3e3
}
.card-offers .card-offers-tab2 .tab-nav li:last-child {
 border-right:0
}
.offers-list li p.yellow-strip {
 background:url(../img/strip-right.png) right 0 no-repeat;
 margin-top:0;
 bottom:30px;
 left:0;
 position:absolute;
 width:100%;
 z-index:999
}
.offers-list li p.yellow-strip span {
 font-size:10px;
 line-height:22px;
 font-weight:400;
 color:#000;
 display:block;
 height:21px;
 background:url(../img/strip-left.png) left 0 no-repeat;
 padding-top:0;
 text-align:center
}
.card-offers p.white-strip {
 margin-top:0;
 bottom:0;
 left:0;
 position:absolute;
 width:100%;
 z-index:999;
 background:#000;
 opacity:.6;
 margin-bottom:0;
 padding:3px 0
}
.card-offers p.white-strip span {
 font-size:12px;
 line-height:18px;
 font-weight:400;
 color:#fff;
 display:block;
 padding-top:0;
 text-align:center
}
.card-offers p.white-strip span.white {
 color:#fff
}
.card-offers .tab-inner-content {
 overflow:hidden
}
.offers-list .slick-dots li {
 position:relative;
 display:inline-block;
 height:10px;
 width:10px;
 margin:0 5px;
 padding:0;
 cursor:pointer;
 background:0 0
}
.offers-list li.offer-item.hide,.row .field-wrap.hide {
 display:none
}
#no-data-msg {
 margin-left:43%;
 margin-top:12px;
 font-size:16px;
 font-weight:400
}
.offers-list .load-more {
 font-size:15px;
 margin-top:20px;
 display:block
}
.back-to-list {
 display:inline-block;
 font-size:13px;
 margin-bottom:15px;
 float:none;
 -webkit-text-stroke:#0095d9
}
.back-to-list:before {
 border-bottom:4px solid transparent;
 border-right:4px solid #007bff;
 border-top:4px solid transparent;
 content:"";
 display:inline-block;
 height:0;
 margin-right:5px;
 width:0
}
.card-offers .media-container .sublist-01 {
 padding-left:5px;
 padding-right:10px
}
.card-offers .media-container .sublist-01 li {
 font-size:13px;
 line-height:18px;
 font-weight:400;
 color:#666;
 padding-bottom:12px;
 position:relative;
 padding-left:11px;
 border:none
}
.card-offers .media-container .sublist-01 li:before {
 background:url(../img/sprite.png) -250px -700px no-repeat;
 content:"";
 display:inline-block;
 height:5px;
 padding-left:4px;
 vertical-align:top;
 margin-top:8px;
 width:4px;
 position:absolute;
 top:0;
 left:0
}
.card-details-page .offers-list li p.yellow-strip {
 z-index:9
}
.card-offers .card-offers-tab2 .child-tabing {
 width:900px;
 display:block;
 margin-bottom:38px;
 margin-left:30px;
 margin-right:30px
}
.card-offers .card-offers-tab2 .child-tabing li {
 height:auto;
 width:200px
}
.card-offers-tab2 .child-tabing .slick-prev {
 background-position:-346px -2646px;
 left:-31px;
 top:9px;
 background-color:#f5f5f5;
 border:1px solid #ebebeb
}
.card-offers-tab2 .child-tabing .slick-next {
 background-position:-296px -2646px;
 right:-30px;
 top:9px;
 background-color:#f5f5f5;
 border:1px solid #ebebeb;
 border-left:none
}
.card-offers-tab2 .child-tabing .slick-list {
 border-bottom:solid 1px #e3e3e3;
 overflow:hidden;
 border-left:solid 1px #e3e3e3;
 border-right:solid 1px #e3e3e3
}
.card-offers-tab2 .child-tabing .slick-next.slick-disabled {
 background-position:-297px -2596px
}
.card-offers-tab2 .child-tabing .slick-prev.slick-disabled {
 background-position:-346px -2597px
}
.card-offers-tab2 .child-tabing .slick-next,.card-offers-tab2 .child-tabing .slick-prev {
 width:29px;
 height:29px
}
.tnc {
 float:right;
 font-size:11px;
 position:absolute;
 bottom:0;
 right:0
}
.tab-inner-content ul.offers-list {
 position:relative;
 padding-bottom:14px
}
.zero-font {
 font-size:0;
 position:absolute;
 left:-9999px;
 top:-9999px
}
a.cd-top.offer {
 z-index:10
}
.eapply-link:before {
 border-bottom:4px solid transparent;
 border-left:4px solid #007bff;
 border-top:4px solid transparent;
 content:"";
 display:inline-block;
 height:0;
 margin-right:1px;
 margin-left:5px;
 width:0;
 float:right;
 margin-top:7px
}
.eapply-link {
 display:inline-block;
 font-size:13px;
 margin-bottom:15px;
 float:right;
 -webkit-text-stroke:#0095d9
}
.link-text {
 display:inline-block;
 font-size:13px;
 float:inherit;
 -webkit-text-stroke:#0095d9;
 position:relative;
 left:617px;
 margin-left:-4px
}
.tab-inner-content .circle-bullet li {
 font-size:13px;
 line-height:18px;
 font-weight:400;
 color:#000;
 padding-left:30px;
 border-bottom:none;
 padding-bottom:0
}
.circle-bullet li:before {
 background:url(../img/sprite.png) -250px -700px no-repeat;
 content:"";
 display:inline-block;
 height:5px;
 padding-left:4px;
 vertical-align:top;
 margin-top:7px;
 width:4px
}
.circle-bullet h4 {
 margin:0;
 display:inline-block;
 font-size:14px;
 font-weight:600
}
.tab-inner-content .circle-bullet li p {
 font-weight:400;
 padding-left:12px;
 margin:10px 0
}
.tab-inner-content ul.inner-bullets {
 margin-top:10px
}
.circle-bullet .inner-bullets li {
 padding-top:0;
 padding-bottom:12px;
 color:#000;
 position:relative
}
.circle-bullet .inner-bullets li:before {
 background:url(../img/sprite.png) -250px -725px no-repeat;
 content:"";
 display:inline-block;
 height:3px;
 width:4px;
 vertical-align:top;
 margin-top:9px;
 position:absolute;
 top:0;
 left:20px
}
.tab-inner-content table td {
 color:#333
}
.inner-content .inner-most {
 margin:12px 0 12px 15px
}
.inner-content .inner-most li {
 padding-bottom:5px
}
.inner-content .inner-most li:before {
 background:url(../img/sprite.png) -250px -725px no-repeat;
 content:"";
 display:inline-block;
 height:3px;
 width:4px;
 vertical-align:top;
 margin-top:7px;
 padding-right:7px
}
.inner-content-2 {
 display:inline-block;
 width:95%;
 margin-left:55px;
 margin-top:10px
}
.inner-content-2 p {
 text-align:left;
 height:auto;
 font-size:14px;
 color:#000
}
.signature-detail-wrapper .tab-inner-content p {
 font-size:13px;
 font-weight:400
}
.inner-sublist li:before {
 background:url(../img/sprite.png) -250px -725px no-repeat;
 content:"";
 display:inline-block;
 height:3px;
 width:4px;
 vertical-align:top;
 margin-top:9px;
 padding-left:6px
}
.generic-tabs .inner-content {
 padding-top:40px
}
.generic-tabs .inner-content li {
 border-bottom:none
}
.generic-tabs .inner-content .circle-bullet li {
 padding-left:12px;
 font-size:14px;
 padding-bottom:10px;
 position:relative;
 margin-left:8px
}
.generic-tabs .inner-content .circle-bullet li:before {
 position:absolute;
 left:0;
 top:0
}
.card-table {
 width:100%;
 border-left:solid 1px #f2f2f2;
 border-right:solid 1px #f2f2f2
}
.card-table thead {
 display:table-header-group;
 vertical-align:middle;
 border-color:inherit;
 background:#b3d4fc;
 text-shadow:none
}
.card-table thead tr {
 border:0
}
.card-table tbody tr {
 border-bottom:solid 1px #f2f2f2
}
.card-table tr th {
 font-size:13px;
 font-weight:600;
 padding:20px 0;
 color:#222
}
.card-table tbody tr td {
 padding:18px 20px;
 font-size:13px;
 font-weight:400
}
.card-table tr td,.card-table tr th {
 text-align:left;
 padding-left:20px;
 padding-right:10px;
 vertical-align:text-top;
}
.card-table tr td:first-child,.card-table tr th:first-child {
 text-align:left;
 padding-left:20px
}
table.card-table tbody tr:nth-child(even) {
 background:#fafafa
}
.card-table tbody tr td.blue-col {
 background:#b3d4fc;
 width:34px;
 text-align:center;
 border-top:solid 1px #f2f2f2
}
.rewards-table.flexi-table {
 margin-left:18px
}
.balance-transfer .rewards-table.flexi-table td,.balance-transfer .rewards-table.flexi-table th {
 width:115px
}
.specific-txt {
 font-weight:400;
 display:inline-block;
 margin-bottom:10px;
 margin-left:16px
}
.rewards-table.sms-table {
 width:90%;
 margin-top:20px
}
.rewards-table.card-protection td strong {
 font-weight:600
}
.rewards-table.card-protection .col01 {
 width:295px
}
.generic-tabs .content-area p strong {
 font-weight:600;
 font-size:14px
}
.generic-links {
 text-align:center;
 margin-top:-55px
}
.generic-links ul {
 text-align:center;
 margin:0;
 padding-bottom:40px
}
.generic-links ul li {
 display:inline-block;
 border-right:1px solid #e5e5e5;
 padding:0 10px
}
.generic-links ul li a {
 font-size:16px;
 font-weight:400
}
.generic-links ul li:last-child {
 border:none
}
.generic-links.single-tab {
 margin-top:0
}
.family-health-table.rewards-table thead th {
 text-align:center
}
.community.no-community {
 background:0 0
}
.tab-inner-content ul.no-bullets li {
 padding:0;
 border-bottom:none;
 font-size:13px;
 line-height:18px;
 font-weight:400
}
.modal-overlay#example1 .modal {
 margin-left:-485px;
 width:948px;
 padding:0;
 background:0 0
}
.modal-overlay#example1 .modal header {
 margin-bottom:0
}
.modal-overlay#example1 .modal header .close-button {
 top:0;
 right:-27px
}
.modal-overlay#example1 .modal .modal-content {
 height:500px;
 overflow-y:scroll;
 overflow-x:hidden
}
.modal-overlay#example1 .modal .modal-content img {
 margin-top:-3px
}
.campaign-top {
 padding:15px 0;
 background:#fff
}
.campaign-header.home-header {
 padding-bottom:0;
 margin-top:87px
}
.campaign-header .fees {
 padding-left:0;
 color:#fff
}
.campaign-header h2 {
 font-size:24px;
 font-weight:600;
 color:#000;
 letter-spacing:-1px;
 margin:32px 0 0
}
.campaign-page .side-bar {
 width:100%;
 background:#fbc751;
 margin-top:0px
}
.campaign-page .side-bar .sidebar-wrapper {
 background:0 0
}
.campaign-page .side-bar .block {
 padding-top:0
}
.dc-footer ul li a {
 color:#999;
 font-size:13px
}
.campaign-page .side-bar .wrapper {
 padding:0
}
.campaign-page .side-bar .tabs-container {
 margin-top:0
}
.campaign-page .side-bar h2 {
 padding:0;
 font-size:22px
}
.footer.dc-footer .nav.primary ul li a {
 border-right:none;
 padding:0
}
.footer.dc-footer .nav.primary ul li {
 line-height:15px;
 height:15px;
 padding:2px 15px;
 border-right:solid 1px #444;
 display:inline-block;
 font-size:16px;
 font-weight:300;
 color:#999
}
.footer.dc-footer .nav.primary ul li:last-child {
 border:none
}
.campaign-header.fees-savings li {
 list-style:none;
 color:#000
}
.campaign-header.fees-savings li small {
 font-size:10px
}
.campaign-header.fees-savings ul.fee-list {
 background:0 0
}
.campaign-header.fees-savings ul.fee-list li:first-child ul {
 border-bottom:none
}
.campaign-page .form-field-list li.row.instruction small {
 right:35px
}
.campaign-page .side-bar .tab-content h3 {
 font-size:20px;
 line-height:24px;
 margin-bottom:12px;
 margin-top:5px;
 color:#000;
 padding-left:18px
}
.campaign-page .gray-accordion .tab-inner-content h3.heading:before {
 background:0 0
}
.campaign-top h3 {
 float:right;
 margin-right:50px;
 font-size:15px;
 font-weight:600;
 line-height:26px
}
.campaign-tabs {
 margin:-1px 0 15px
}
.campaign-tabs ul.tab-nav {
 width:100%;
 margin:0;
 height:50px
}
.campaign-tabs ul.tab-nav li {
 height:50px
}
.campaign-tabs ul.tab-nav li a {
 height:50px;
 padding-top:10px
}
html.desktop .design-head.home-header .slick-slider .slick-slide>img {
 height:380px
}
.design-head.home-header {
 height:auto;
 background:#fff
}
.design-head .bottom-panel {
 padding-top:15px
}
.design-head .bottom-panel img {
 width:175px;
 height:109px
}
.design-head .bottom-panel h4 {
 display:inline-block;
 vertical-align:top;
 font-size:15px;
 font-weight:600;
 margin-left:25px
}
.design-head .slick-dots {
 bottom:160px
}
.campaign-tabs .tab-inner-content ul.slick-dots li {
 padding:0;
 border-bottom:none
}
#dc-form ul.form-field-list {
 margin-bottom:20px
}
#dc-form .button-wrap {
 margin-left:187px;
 text-align:left
}
.campaign-page form .form-field-list li .instruction {
 margin-top:2px;
 margin-bottom:6px
}
form label.error[for=cardType] {
 left:198px
}
.campaign-page h2 {
 font-size:22px;
 margin-bottom:0;
 font-weight:600
}
.campaign-page span.message {
 margin-bottom:18px;
 display:inline-block
}
.campaign-page .side-bar .benifits-box h2 {
 font-weight:400
}
.campaign-page.thankyou-msg {
 margin-top:60px;
 min-height:500px
}
.campaign-page.thankyou-msg .btn-wrap {
 text-align:center;
 margin-top:50px
}
.campaign-page .design-sidebar {
 background:0 0;
 border:none
}
.campaign-page .design-sidebar h2 {
 color:#000
}
.campaign-page form label.error[for=annualIncome] {
 left:0
}
.campaign-header.design-head h2 {
 margin-bottom:.83em
}
.campaign-acc table.rewards-table th {
 color:#333
}
html body {
 margin:0
}
html body.ls-center {
 text-align:auto
}
html .ls-canvas .ls-row .ls-row-clr {
 clear:visible
}
html .ls-canvas .ls-area,html .ls-canvas .ls-col,html .ls-canvas .ls-col-body {
 overflow:visible
}
html .ls-canvas .ls-area .ls-1st {
 margin-top:auto!important;
 padding:0
}
html .ls-canvas .ls-cmp-wrap {
 padding:0!important
}
html .ls-canvas .ls-row .ls-lqa-fix {
 font-size:0;
 line-height:0;
 height:0;
 margin-top:0
}
html .ls-canvas .ls-row .ls-lqr-w {
 float:none;
 width:auto
}
html .ls-canvas .ls-row .ls-lqr-e-fx,html .ls-canvas .ls-row .ls-lqr-w-fx {
 float:none
}
html #ls-gen9676185-ls-lqr-w {
 margin-right:inherit
}
html #ls-gen9676186-ls-lqr-w-inner {
 margin-right:ineherit
}
html #ls-row-4-area-1 {
 margin-left:0!important
}
html #ls-gen9676187-ls-lqr-e-fx {
 width:auto
}
html #ls-row-4-area-2 {
 display:auto;
 float:none;
 width:auto
}
html #ls-gen9676189-ls-area-body {
 margin-left:auto
}
html .ls-canvas .iw_component {
 margin:-1px 0
}
.iw_component .quick-nav-wrapper {
 height:0;
 top:0
}
.ls-row.quick-nav-wrapper .quick-nav {
 margin-top:140px;
 height:249px
}
input#search {
 border:none
}
.iw_component .quick-nav-wrapper .login-block {
 top:0;
 margin-top:101px;
 padding-bottom:16px
}
.is-row .quick-nav-wrapper,.ls-row.ls-row.quick-nav-wrapper,html .quick-nav-wrapper .ls-lqr {
 height:0
}
.iw_component .quick-nav-wrapper .quick-nav {
 margin-top:240px
}
.fancy-checkbox span:nth-of-type(2),.radio-wrap span:nth-of-type(2) {
 display:none
}
.ls-canvas .ls-area-body,html body .ls-canvas .ls-area-body {
 overflow:visible!important
}
.community {
 overflow:hidden;
 background:url(../img/bg-community.jpg) 0 0/cover no-repeat
}
.community-wrapper {
 width:960px;
 margin:0 auto
}
.community .community-wrapper .feed {
 float:left!important
}
.community.content-section {
 position:relative;
 overflow:visible!important;
 padding:33px 0 0;
 background:none!important
}
.community.content-section .section-heading {
 position:absolute;
 width:960px;
 text-align:center;
 float:none;
 top:50px;
 left:0;
 right:0;
 height:50px
}
.community.content-section .section-description {
 position:absolute;
 width:960px;
 text-align:center;
 top:80px
}
.iw_component .community-right {
 width:49%;
 margin:0
}
.community-right .testimonials {
 margin-top:190px
}
.iw_component .social-widget .container .facebook_feeds,.iw_component .social-widget .container .twitter_tweets {
 margin:-1px!important
}
.content-section.community .wrapper {
 padding:45px 0
}
.online-app .button.secondary:hover {
 background:#ccc
}
.track-app .row .field-wrap {
 margin-right:0;
 vertical-align:top
}
.online-app .form-content {
 padding:20px 0
}
.community>.ls-lqr {
 width:960px!important;
 margin:0 auto!important
}
.community>.ls-lqr>.ls-lqr-w {
 float:left!important;
 width:50%!important
}
.community-wrapper>.ls-area-body {
 float:left
}
.news-media>.ls-lqr {
 width:960px!important;
 margin:0 auto!important
}
.community.content-section .grid.col-2 {
 padding-top:31px
}
.grid-outer.cards-data {
 margin-bottom:0
}
.tabs-container .button-wrap {
 padding-top:8px
}
.theme.apply-form {
 margin:1px 0!important
}
* {
 outline:0!important
}
html body a {
 -webkit-tap-highlight-color:transparent!important
}
.iw_component .video-previews {
 display:block!important
}
html.desktop .home-header .slick-slider .slick-slide>img {
 height:auto
}
body.card-details-page .home-header .slick-slider .slick-slide .right-content img {
 width:318px!important;
 height:auto!important;
 min-height:100%
}
div#notice-close {
 width:48px;
 margin-top:-26px;
 float:right
}
.notice-top {
 height:28px;
 background:#eaafb7
}
a.close-button {
 float:right;
 font-size:large;
 margin-right:23px;
 color:#000
}
.notice-wrapper {
 max-width:100%;
 margin:0 auto
}
section.notice-desk {
 float:left;
 width:100%;
 position:absolute;
 top:487px
}
.notice {
 width:100%;
 margin:0 auto;
 font-size:13px;
 font-weight:600;
 color:#191818;
 padding-top:5px;
 padding-bottom:5px;
 text-align:center
}



@media screen and (min-width:0) and (max-width:767px) {
    #appdownload .form-field-list li > .field-wrap {
        margin: 25px 0 20px;
    }


 .calculator-module h5 .icon.dining,.expense-income-simplyfiers h5 .icon.dining {
  background-position:-141px -1340px
 }
 .calculator-module h5 .icon.travel,.expense-income-simplyfiers h5 .icon.travel {
  background-position:-200px -1340px
 }
 .calculator-module h5 .icon.shopping,.expense-income-simplyfiers h5 .icon.shopping {
  background-position:-250px -1340px
 }
 .calculator-module h5 .icon.others,.expense-income-simplyfiers h5 .icon.others {
  background-position:-391px -1340px
 }
 .calculator-module h5 .icon.fuel,.expense-income-simplyfiers h5 .icon.fuel {
  background-position:-292px -1340px
 }
 .calculator-module h5 .icon.movies,.expense-income-simplyfiers h5 .icon.movies {
  background-position:-339px -1341px
 }
 .calculator-module h5 .icon.income,.expense-income-simplyfiers h5 .icon.income {
  background-position:0 -1321px
 }
 #locatePay-form-tata .content-left {
  padding:0;
  width:100%
 }
 table.locatePay-table {
  margin-left:-13%
 }
 #locatePay-form-tata .form-field-list li {
  padding:0
 }
 #locatePay-form-tata input[type=text] {
  width:85%
 }
 #locatePay-form-tata .fancy-select-wrap select {
  width:92%
 }
 #locatePay-form-tata .fancy-select-wrap:after {
  display:none
 }
 #locatePay-form-tata .form-field-list .field-wrap input[type=text]+label.error {
  right:-3px
 }
 #locatePay-form-tata .button-wrap {
  width:56%!important;
  margin-left:18%!important
 }
 #locatePay-form-tata .form-field-list .field-wrap label.error {
  right:-3px;
  left:auto;
  top:17px
 }
 .locate-form {
  left:14px;
  width:295px;
  top:238px
 }
 #locatePay-form-tata .fancy-select div.trigger {
  width:257px
 }
 #locatePay-form-tata div.fancy-select ul.options {
  min-width:276px
 }
 #locatePay-form-tata div.fancy-select ul.options li {
  padding:8px 12px!important
 }
 #locatePay-form-tata .bottom-text {
  width:311px;
  left:0;
  line-height:20px;
  margin-bottom:18px
 }
 .inner-search.filter-data h2 span {
  height:25px;
  width:40px
 }
 .inner-search ul.content li {
  padding:15px 12px
 }
 .card-offers p.white-strip,.offers-list li p.yellow-strip {
  z-index:99
 }
 .compare-card-page h5 .icon.dining {
  background-position:-150px -1350px;
  margin-left:0
 }
 .compare-card-page h5 .icon.travel {
  background-position:-200px -1350px
 }
 .compare-card-page h5 .icon.shopping {
  background-position:-250px -1350px
 }
 .compare-card-page h5 .icon.fuel {
  background-position:-300px -1350px;
  margin-left:-6px
 }
 .compare-card-page h5 .icon.movies {
  background-position:-350px -1350px;
  margin-left:-6px
 }
 .compare-card-page h5 .icon.others {
  background-position:-400px -1350px;
  margin-left:-6px
 }
 .campaign-page .campaign-acc,.campaign-page span.message {
  display:none
 }
 .campaign-page .side-bar h2,.campaign-page h2 {
  font-size:17px
 }
 .campaign-page .side-bar .benifits-box h2 {
  font-weight:600;
  text-align:left;
  width:100%
 }
 .campaign-page h2[data-id=detail-form] {
  width:95%
 }
 .campaign-page h2.campaign-head:after {
  content:" ";
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:7px solid #000;
  float:right;
  margin-right:15px;
  margin-top:9px
 }
 #dc-form .form-field-list li {
  padding:0
 }
 #dc-form .form-field-list li>.field-wrap {
  width:94%
 }
 #dc-form .name-field {
  margin-left:0
 }
 #dc-form .form-field-list li .field-wrap input[type=text]#phone {
  width:72%
 }
 #dc-form .button-wrap {
  margin:0;
  text-align:center
 }
 .campaign-page .design-sidebar {
  display:block;
  margin-top:25px;
  width:100%
 }
 .campaign-page .side-bar.design-sidebar .block {
  padding-left:5px
 }
 body .tabs-container.campaign-tabs .tab-nav,html.mobile body .tabs-container.campaign-tabs .tab-nav li {
  height:30px
 }
 body .tabs-container.campaign-tabs .tab-nav li a {
  height:30px;
  text-indent:0
 }
 body .tabs-container.campaign-tabs .tab-nav li.active a {
  height:30px
 }
 .campaign-page form .form-field-list li .instruction {
  margin-left:8px
 }
 .footer.dc-footer .nav.primary ul li {
  font-size:10px;
  line-height:12px;
  height:12px;
  padding:2px 8px
 }
 .footer.dc-footer .nav.primary ul li a {
  font-size:10px;
  line-height:12px;
  height:12px
 }
 body .footer.dc-footer .logo {
  display:block
 }
 body .footer.dc-footer .nav.primary {
  width:96%;
  padding:0
 }
 .campaign-top h3 {
  display:none
 }
 .tabs-container.campaign-tabs {
  margin:-1px 0 0
 }
 .design-head .bottom-panel {
  display:none
 }
 .card-offers .grid {
  float:left
 }
 #modal2.modal-overlay .modal {
  padding:0
 }
 #modal2 .close-button {
  top:-10px;
  right:0
 }
 #modal2 .modal-wrap header {
  margin-bottom:10px
 }
 #modal2 .modal-title {
  margin:10px 24px 0 10px;
  font-size:16px
 }
 #modal2 .three-column .column {
  width:100%;
  border-right:none
 }
 #feedback-form .feedback-form-fields {
  margin-left:0
 }
 table.mobile-table {
  display:inline-block;
  width:100%;
  border:none
 }
 table.mobile-table tr {
  border:1px solid #666
 }
 table.mobile-table tr td {
  width:45%;
  display:inline-block;
  padding:0 2%;
  border-right:1px solid #666;
  border-bottom:none;
  border-top:none;
  border-left:none;
  line-height:14px
 }
 table.mobile-table tr:nth-child(odd) {
  background-color:#ddd
 }
 table.mobile-table tr td:nth-child(even) {
  border-right:none
 }
 table.mobile-table tr td:nth-child(1) {
  padding-top:12px
 }
 .privileges .slick-dots {
  bottom:0
 }
 .privileges .slick-dots li .dot-button {
  border-color:#666
 }
 .privileges .slick-dots li.slick-active .dot-button {
  background:#666!important
 }
 .privileges .secondary-view {
  margin-left:10px;
  width:100%
 }
 .banking-scheme .col-2,.escalation ul.col-half {
  width:100%
 }
 .yellow-box {
  width:98%
 }
 .flex-boxes p.section-description {
  margin-bottom:15px
 }
 .child-wrap {
  text-align:center
 }
 .shop-smile {
  padding-top:15px
 }
 .shop-smile .box-3 {
  margin:0 auto;
  padding:22px 0 0;
  border:none
 }
 body .home-header .slick-slider {
  position:absolute
 }
 html body.card-details-page .home-header .slick-slider .slick-slide .right-content img {
  width:280px!important;
  height:auto!important;
  min-height:100%
 }
 html body .home-header .slick-slide .left-content {
  width:100%;
  padding-left:8px;
  height:159px
 }
 html body .home-header .slick-slide .slide-wrapper {
  display:none
 }
 body .home-header .left-content h2 {
  font-size:25px;
  font-weight:400;
  margin-top:12px
 }
 .rewards-thumbs .slick-next {
  right:-23px;
  background:url(../img/icon-mobile.png) -250px -1000px no-repeat;
  height:25px;
  width:25px
 }
 .rewards-thumbs .slick-prev {
  left:-23px;
  background:url(../img/icon-mobile.png) -200px -1000px no-repeat;
  height:25px;
  width:25px
 }
 .rewards-thumbs .slick-prev.slick-disabled {
  background-position:-300px -1000px
 }
 .rewards-thumbs .slick-next.slick-disabled {
  background-position:-350px -1000px
 }
 .search-box .big-search {
  width:98%
 }
 .inner-search.filter-data h2 .arrow-up,.inner-search.filter-data h2 .bottom-arrow {
  margin:3px 0 0
 }
 .search-head #big-search {
  width:100%
 }
 .calculator.irctc .left-container {
  width:53%
 }
 .search-sec .search-left {
  width:100%
 }
 .search-sec .form-field-list li.row {
  padding:0 5px
 }
 .search-sec .checkbox-text {
  max-width:100%
 }
 .search-mid {
  width:100%;
  padding:0
 }
 .search-mid .inner-search {
  width:90%;
  padding:10px
 }
 .inner-search.filter-data h2.arrow-up:after,.inner-search.filter-data h2:after {
  margin-left:100px
 }
 .inner-search.filter-data ul {
  padding:0
 }
 .search-right {
  width:97%;
  margin-left:10px;
  border:1px solid #dddbdb;
  margin-top:10px
 }
 .search-right h4 {
  margin-top:10px
 }
 .survey .field-wrap.checkbox-wrap,.survey .field-wrap.radio-wrap {
  padding-left:13px
 }
 section.flex-boxes.gray-bg.cta-style-1.content-section.polls-section {
  background:#f3f2f2
 }
 textarea.option-textarea {
  width:98%
 }
 .sur-opt {
  width:100%;
  float:none
 }
 ul.poll-results li {
  display:block
 }
 .poll-results .util-slider {
  width:97%
 }
 .survey textarea.option-textarea {
  width:92%
 }
 a.button.primary.full-screen.survey-form-reset,input.button.primary.full-screen.survey-form-submit {
  width:100%;
  padding:0;
  margin-left:0
 }
 .form-field-list.card-exist.survey label.error {
  margin:0;
  width:20px
 }
 #polls-form .form-field-list.card-exist.survey label.error {
  right:-29px;
  left:auto
 }
 .apply-form-wrapper .row .field-wrap label[for=city].error {
  left:-79px
 }
 .apply-form-wrapper .row .field-wrap label.error {
  margin-left:4px
 }
 .contact-sec .instruction,.contact-sec .left-sec label.fancy-checkbox,.contact-sec a.button.secondary.verify-mobile,.content-section .contact-sec .button.primary {
  margin-left:0
 }
 .home-header.small-hero .slide-wrapper h2 {
  margin-top:10px
 }
 .gray-accordion .content h5 {
  width:94%
 }
 .mobile-only .box-row .outer-box.active .grid.box-3 {
  background:#0095d9;
  position:relative;
  color:#fff;
  margin-top:-2px
 }
 .mobile-only .box-row .outer-box.active .grid.box-3 a,.mobile-only .box-row .outer-box.active .grid.box-3 h3,.mobile-only .box-row .outer-box.active .grid.box-3 p {
  color:#fff
 }
 .mobile-only .box-row .outer-box.active .grid.box-3:after {
  border-top:10px solid #0095d9;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  content:"";
  height:0;
  left:50%;
  position:absolute;
  bottom:-9px;
  width:0;
  z-index:1;
  margin-left:-10px
 }
 .mobile-only .box-row .outer-box.active .grid.box-3 .learn-more:after {
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:4px solid #fff
 }
 .mobile-only .box-row .outer-box .flex-boxes.cta-style-1.content-section {
  display:block;
  max-height:0;
  overflow:hidden;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
  -webkit-backface-visibility:hidden;
  -webkit-perspective:1000;
  transition:opacity .15s ease-in;
  -webkit-transition:opacity .15s ease-in
 }
 .mobile-only .box-row .outer-box.active .flex-boxes.cta-style-1.content-section {
  display:block;
  max-height:1640px;
  overflow:hidden;
  height:auto;
  -webkit-backface-visibility:hidden;
  -webkit-perspective:1000;
  -webkit-transform:translateZ(0);
  transition:opacity .15s ease-in;
  -webkit-transition:opacity .15s ease-in;
  opacity:1;
  margin-top:15px;
  border-top:none
 }
 .tab-content article .grid>ul {
  height:93px
 }
 .cards-data.grid-outer .slick-dots li .dot-button {
  border-color:#ccc
 }
 .cards-data.grid-outer .slick-dots li.slick-active .dot-button {
  border-color:#0095d9
 }
 .tabs-container .tab-nav li.week.active a:before {
  background-position:-350px -100px
 }
 .tabs-container .tab-nav li.popular.active a:before {
  background-position:-400px -100px
 }
 .main-form form {
  display:block;
  text-align:center
 }
 .track-app .main-form .row.radio .fancy-radio {
  margin:10px
 }
 .track-app .row {
  margin:0;
  padding-bottom:15px
 }
 .form-content.retrieve .field-wrap input[type=text] {
  width:169px;
  display:block;
  margin-left:5px
 }
 .online-app .form-content.retrieve input.button {
  margin-left:3px;
  margin-top:10px
 }
 .form-content.track input[type=text] {
  width:180px;
  margin:0 10px 0 0
 }
 .online-app input.button {
  margin:0
 }
 .ui-datepicker .ui-datepicker-title select {
  height:20px;
  padding:0;
  line-height:15px;
  margin-bottom:3px
 }
 .main-form .retrieve .datepicker .field-wrap {
  vertical-align:top
 }
 .form-content.retrieve .datepicker {
  width:285px;
  display:block;
  margin:0 auto
 }
 .main-form .retrieve .datepicker .field-wrap,.main-form .retrieve .datepicker .field-wrap input#dob {
  width:230px
 }
 .online-app .form-content {
  display:none;
  width:300px;
  margin:0 auto
 }
 .online-app .form-content.active {
  display:block
 }
 .track-app .main-form {
  padding:0
 }
 .form-field-list.card-exist.survey label {
  width:93%
 }
 .name-field {
  display:block;
  margin-left:-20px
 }
 #e-apply-form .name-field {
  margin-left:0
 }
 .name-field span.optional-txt {
  display:block;
  margin-bottom:5px
 }
 html.mobile {
  overflow-x:hidden
 }
 .slick-dots li .dot-button {
  border-radius:10px;
  -webkit-border-radius:10px
 }
 .general-progress li span.progress-text {
  display:none
 }
 .mobile-nav>li:nth-child(2) {
  border-right:none
 }
 select.fancy {
  width:90%
 }
 .help-me {
  float:none;
  display:inline-block;
  margin:10px 0;
  position:static
 }
 .content-section.apply-form .row .field-wrap input#name,.content-section.apply-form .row .field-wrap input#phone {
  width:92%
 }
 .apply-form-wrapper .row .field-wrap label,.section-filter .field-wrap label {
  width:10%
 }
 .our-values .box-row {
  margin-top:0
 }
 .our-values .box-row .grid {
  margin-bottom:20px
 }
 .wide-menu-wrapper .column .social-text {
  text-align:center
 }
 .modal-overlay .modal {
  width:100%;
  left:0;
  right:0;
  top:0;
  margin:0;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box
 }
 .modal .close-button {
  top:0;
  right:0;
  border:1px solid #ddd
 }
 .modal-content {
  overflow-x:hidden;
  overflow-y:auto
 }
 .e-apply #e-apply-form .form-field-list.card-exist .row .field-wrap .inline-label.fancy-radio {
  width:14%;
  display:inline-block
 }
 .e-apply #e-apply-form .form-step1 .name-field span.optional-txt {
  margin-bottom:15px
 }
 .e-apply #e-apply-form .form-step1 .name-field input[type=text]#middleName {
  margin-bottom:0
 }
 #e-apply-form .form-step1 .user-agreement label.fancy-checkbox span.check-toggle,#e-apply-form .form-step2 .user-agreement label.fancy-checkbox span.check-toggle,#e-apply-form .form-step3 .user-agreement label.fancy-checkbox span.check-toggle {
  top:10px
 }
 html.mobile .modal-overlay .modal {
  width:90%;
  margin-left:4%;
  margin-top:25px!important;
  height:85%;
  overflow-y:scroll
 }
 #disclaimer.modal-overlay .modal,#pop-up.modal-overlay .modal {
  width:90%;
  margin-left:4%;
  height:50%;
  padding:40px 56px
 }
 #disclaimer.modal-overlay .modal,#pop-up.modal-overlay .modal,html.mobile .tile-popup .modal .close-button {
  right:-90px
 }
 body.overlay-opened {
  position:static;
  overflow:hidden
 }
 body {
  overflow-x:hidden
 }
 .page-header .general-progress {
  background:0 0;
  width:100%
 }
 .mobile body form label.error[for=agree] {
  left:18px;
  top:35px
 }
 #e-apply-form .button-wrap .button {
  display:block;
  margin:5px auto
 }
 html body .section-filter .row {
  text-align:center
 }
 html body .section-filter .button-map,html body .section-filter .checkbox-wrap {
  float:none;
  display:inline-block
 }
 #e-apply-form .form-step1 .form-field-list li span.instruction,#e-apply-form .form-step3 .form-field-list li span.instruction {
  margin-left:3px;
  width:89%
 }
 .main-form .track-app-accordion .form-content .retrieve .datepicker .field-wrap input#dob {
  width:242px
 }
 .main-form .track-app-accordion .form-content.retrieve .field-wrap input[type=text] {
  width:229px;
  margin:0 14px 6px 0
 }
 .content-section .wrapper.generic-respons-container {
  padding-top:0
 }
 #e-apply-form .form-field-list li {
  padding:0
 }
 #e-apply-form .form-field-list li.user-agreement {
  padding-top:15px
 }
 .general-progress li .icon-wrap {
  display:block;
  width:45px;
  height:45px;
  position:static;
  left:50%;
  border-radius:50%;
  -webkit-border-radius:50%;
  margin:0;
  z-index:5
 }
 .general-progress:after {
  display:none
 }
 .form-field-list li.user-agreement>label.label-style-4.fancy-checkbox {
  padding-left:45px
 }
 #e-apply-form .button-wrap {
  margin-left:0;
  widows:100%
 }
 .content-section .button {
  padding:0 10px;
  margin-left:12px
 }
 .general-progress li {
  display:inline-block;
  position:relative;
  width:45px;
  height:45px;
  margin:0 5px
 }
 .tabs-container .tab-nav li.active a {
  color:#fff;
  text-indent:0
 }
 h3.sub-nav-heading.grey a {
  background:#f1f1f1;
  color:#999
 }
 #dc-form .form-field-list .field-wrap label.error,#e-apply-form .form-field-list .field-wrap label.error {
  right:-30px;
  left:auto
 }
 #dc-form .form-field-list .field-wrap input[type=text]+label.error,#e-apply-form .form-field-list .field-wrap input[type=password]+label.error,#e-apply-form .form-field-list .field-wrap input[type=text]+label.error {
  right:-19px
 }
 #e-apply-form .form-step1 .form-field-list li .field-wrap input[type=date],#e-apply-form .form-step1 .form-field-list li .field-wrap input[type=email],#e-apply-form .form-step1 .form-field-list li .field-wrap input[type=password],#e-apply-form .form-step1 .form-field-list li .field-wrap input[type=text] {
  width:88%
 }
 #e-apply-form .form-step1 .form-field-list li .field-wrap input[type=text]#code {
  width:8%
 }
 #e-apply-form .form-step1 .form-field-list li .field-wrap input[type=text]#phone,#e-apply-form .form-step3 .form-field-list li .field-wrap input#step3phone[type=text] {
  width:72%
 }
 #e-apply-form .form-step1 .form-field-list li .field-wrap input[type=text]#annualIncome {
  width:85%
 }
 #e-apply-form .form-step1 .form-field-list .fancy-select-wrap {
  width:96%
 }
 #e-apply-form .form-field-list li .field-wrap input[type=text].card-number {
  width:15%
 }
 .content-section .card-application #track .field-wrap {
  margin-left:auto
 }
 #e-apply-form .form-step3 .button-wrap .submit-form {
  margin-left:auto;
  width:91%
 }
 .legal-links .grid-outer {
  padding:10px 3px
 }
 .journey .tile {
  margin:0 auto
 }
 .share-button .dropdown-menu {
  left:111px
 }
 .validate-form .survey .field-wrap.radio-wrap {
  right:6px!important;
  margin-top:0!important
 }
 .home-header .slick-slider .slick-dots {
  bottom:13px
 }
 body .tabs-container .tab-nav li.nearest.active a:before {
  background-position:-250px -100px
 }
 body .tabs-container .tab-nav li.deals.active a:before {
  background-position:-300px -100px
 }
 .tabs-container.all-cards .tab-nav li {
  widows:15%
 }
 body .home-header .left-content .dl-link {
  left:0;
  bottom:13px;
  width:100%;
  text-align:left;
  display:block
 }
 body .home-header .share {
  margin:0!important
 }
 body .home-header .share a {
  margin-left:0
 }
 body .home-header .share {
  width:100%;
  text-align:center
 }
 .section-home-link {
  display:block;
  padding:16px 20px 0 10px;
  font-size:13px;
  color:#333;
  margin-top:2px;
  margin-bottom:22px
 }
 .expense-income-simplyfiers,.simplifier-slider {
  background:url(../img/simplifier-bg-mobile.jpg) 0 0/auto 100%
 }
 .simplifier .ui-slider-handle,.simplifier .ui-slider-handle.ui-state-active,.simplifier .ui-slider-handle.ui-state-hover .simplyfier .ui-slider-handle.ui-state-active,.simplyfier .ui-slider-handle,.simplyfier .ui-slider-handle.ui-state-hover {
  background:#fff;
  top:-13px;
  box-shadow:none;
  border:1px solid #ccc;
  padding:5px
 }
 .simplyfier .ui-slider-handle {
  height:15px;
  width:20px
 }
 .final-card-wrapper {
  width:100%;
  margin:0 auto;
  float:none
 }
 .main-card-info {
  position:static;
  float:none;
  width:auto;
  padding:20px;
  border-radius:15px;
  -webkit-border-radius:15px
 }
 .max-value {
  margin-bottom:10px
 }
 .cards-list .wrapper>h2 {
  font-size:16px
 }
 .final-card-wrapper figure {
  float:none;
  width:100%;
  padding:0;
  margin-bottom:20px
 }
 .final-card-wrapper figure img {
  width:300px;
  height:auto
 }
 .main-card-info:before {
  display:none
 }
 .simplyfier-modules.step-3 h2.section-heading span {
  font-size:13px;
  line-height:1.2em
 }
 .simplyfier-modules.step-3 h2.section-heading {
  font-size:16px;
  margin-bottom:20px
 }
 .select-preference ul li span.icon.rewards {
  background-position:9px -600px
 }
 .select-preference ul li span.icon.lounge {
  background-position:-99px -600px
 }
 .select-preference ul li span.icon.fuel {
  background-position:-187px -600px
 }
 .select-preference ul li span.icon.liability {
  background-position:-294px -600px
 }
 .select-preference ul li span.icon.concierge {
  background-position:-388px -600px
 }
 .simplifier-page {
  margin-top:120px
 }
 .simplifier-page .content-section {
  padding:30px 10px 55px
 }
 .main-card-info .button-wrap .button.primary {
  margin:0 10px
 }
 .select-preference ul li span.icon.travel {
  background-position:-488px -600px
 }
 .select-preference ul li.selected span.icon.rewards {
  background-position:9px -650px
 }
 .select-preference ul li.selected span.icon.lounge {
  background-position:-99px -650px
 }
 .select-preference ul li.selected span.icon.fuel {
  background-position:-187px -650px
 }
 .select-preference ul li.selected span.icon.liability {
  background-position:-294px -650px
 }
 .select-preference ul li.selected span.icon.concierge {
  background-position:-388px -650px
 }
 .select-preference ul li.selected span.icon.travel {
  background-position:-488px -650px
 }
 .content-section.simplyfier-modules>.wrapper>.button.primary {
  padding:3px 10px
 }
 .button .icon.round-arrow {
  width:20px;
  height:29px;
  background-position:-700px -493px;
  display:inline-block
 }
 .expense-income-simplyfiers .simplifyer-wrap .left {
  float:none;
  width:100%;
  padding:20px 20px 40px;
  border-right:none;
  border-bottom:solid 1px #ddd;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  position:relative
 }
 .expense-income-simplyfiers .simplifyer-wrap h4 {
  margin:20px 0 0
 }
 .expense-income-simplyfiers .simplifyer-wrap h5 {
  display:block
 }
 span.mobile-only.slider-value {
  display:block;
  text-align:center;
  padding:5px;
  height:20px;
  line-height:15px;
  font-size:11px;
  font-weight:600
 }
 div.tooltip.top.slider-tip {
  display:none
 }
 .calculator-module .simplifyer-wrap .right ul li,.expense-income-simplyfiers .simplifyer-wrap .right ul {
  padding:0
 }
 .calculator-module .simplifyer-wrap .right ul li,.expense-income-simplyfiers .simplifyer-wrap .right ul li {
  display:block;
  width:100%;
  padding:20px 20px 30px;
  border-bottom:solid 1px #ddd;
  position:relative;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box
 }
 .max-value,.min-value {
  position:absolute;
  font-size:11px;
  bottom:0
 }
 .expense-income-simplyfiers h5 {
  font-size:14px;
  margin:0 0 0 -100px;
  padding-top:10px;
  position:absolute;
  top:-2px;
  text-align:left;
  width:200px;
  left:50%
 }
 .gross-income-label {
  text-align:center!important
 }
 .max-value {
  right:20px
 }
 .min-value {
  left:20px
 }
 .calculator-module .simplifyer-wrap .right ul li:last-child,.expense-income-simplyfiers .simplifyer-wrap .right ul li:last-child {
  display:block;
  position:static;
  width:100%;
  font-size:12px;
  font-weight:600;
  padding:10px;
  border:none;
  background:#fff
 }
 .calculator-module .simplifyer-wrap .right,.expense-income-simplyfiers .simplifyer-wrap .right {
  float:none;
  margin:0;
  padding:0
 }
 .calculator-module .simplifier,.expense-income-simplyfiers .simplifier {
  height:5px;
  margin:0 20px
 }
 .cards-listing li {
  width:48%;
  padding:0;
  margin:0
 }
 .cards-listing li .learn-more {
  display:block
 }
 .cards-listing li img {
  width:100px;
  height:auto
 }
 .simplifier-page .simplyfier-modules.expense-income-simplyfiers .section-heading,.simplifier-page .simplyfier-modules.simplifier-slider .section-heading {
  font-size:20px;
  height:25px;
  line-height:25px;
  margin:0
 }
 .simplyfier-modules .simplifyer-wrap h3 {
  font-size:14px;
  position:absolute;
  bottom:20px;
  text-align:center;
  width:100%
 }
 .range-label {
  width:80px;
  text-align:center;
  font-size:12px
 }
 .simplifyer-wrap {
  margin:0 15px 20px
 }
 .select-preference ul {
  display:block;
  padding:20px;
  width:auto
 }
 .select-preference ul li {
  display:inline-block;
  width:48%;
  border:none;
  text-align:center
 }
 .select-preference ul li .icon {
  display:block;
  margin:0 auto 10px
 }
 .select-preference ul li .fancy-checkbox {
  display:block;
  position:static;
  margin:10px auto
 }
 div.tooltip.top.slider-tip {
  font-size:11px;
  background:rgba(0,0,0,.5)
 }
 .login-footer {
  padding:0;
  height:auto
 }
 .content-section.login-page {
  width:100%;
  background-image:none
 }
 .content-section.login-page .wrapper,.content-section.login-page>.wrapper,.login-footer {
  min-width:320px;
  max-width:700px;
  width:90%
 }
 .login-page .help-links {
  padding:15px
 }
 .login-footer p {
  display:block;
  padding:10px
 }
 .content-section.login-page .help-links .wrapper {
  min-width:0;
  max-width:100%;
  width:100%;
  padding:10px;
  position:static;
  box-sizing:border-box
 }
 .login-page .app-widget {
  display:block;
  position:relative;
  margin-top:-15px
 }
 .login-page .section-header {
  text-align:center
 }
 .login-page .section-header .logo {
  display:inline-block;
  float:none
 }
 .login-page .section-header .page-title {
  display:block;
  float:none;
  position:static;
  text-align:center;
  font-size:16px;
  margin:0
 }
 .login-page .section-wrapper .column.left,.login-page .section-wrapper .column.right {
  float:none;
  width:100%;
  position:static;
  border:none
 }
 .login-page.content-section .button.primary {
  margin:0
 }
 .login-page .section-wrapper .column.right {
  position:fixed;
  background:0 0;
  left:0;
  height:1px;
  padding:0;
  margin:0;
  bottom:0;
  width:1px
 }
 .login-page .alert {
  height:auto;
  padding:15px;
  display:block;
  line-height:15px!important;
  text-align:center
 }
 .alert p {
  line-height:12px;
  height:auto;
  display:inline;
  text-align:center;
  padding:0
 }
 ul#keyboard {
  background:rgba(0,0,0,.95);
  padding:15px;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  display:none;
  z-index:9999
 }
 ul#keyboard.active {
  display:block
 }
 .login-footer {
  width:90%
 }
 .eligible-card-list .grid-outer {
  overflow-x:hidden;
  margin-bottom:0
 }
 .section-filter .field-wrap label {
  width:58px;
  text-align:left;
  padding-left:7px;
  font-size:12px
 }
 .row .field-wrap,.section-filter .field-wrap {
  display:block
 }
 .filter-container .fancy-select-wrap,.offers.content-section .fancy-select-wrap {
  display:inline-block;
  width:190px
 }
 .eligible-card-list .cards-data ul.slick-dots {
  margin-bottom:0
 }
 body.mobile-nav-opened {
  overflow:hidden;
  position:fixed
 }
 .field-wrap a.button.secondary {
  margin-left:0;
  width:90%
 }
 #e-apply-form .form-step1 .field-wrap a.button.verify-mobile {
  width:53%;
  float:right;
  margin-right:7px
 }
 #e-apply-form .form-step3 .field-wrap a.button.verify-mobile {
  width:50%;
  float:right;
  margin-right:6px
 }
 #e-apply-form .form-field-list li>.field-wrap {
  width:94%
 }
 #e-apply-form .form-step1 .button-wrap a.button.save-later {
  width:56%;
  display:inline-block
 }
 #e-apply-form .form-step1 .button-wrap a:first-child {
  display:inline-block;
  width:33%
 }
 .compare-wrapper li h2,div.share-card-section {
  display:none
 }
 .added a.remove-compare-card {
  left:0;
  right:auto
 }
 .eligible-card-list article h3,.tab-content article h3 {
  font-size:16px
 }
 .card-listing .cards-data ul,.eligible-card-list .cards-data ul,.eligible-card-list article .grid p,.eligible-card-list article h4,.eligible-card-list article strong,.tab-content article h4 {
  width:240px;
  margin:0 auto;
  display:block
 }
 .eligible-card-list article strong {
  margin-bottom:7px
 }
 .eligible-card-list article figure,.tab-content article figure {
  text-align:center
 }
 .eligible-card-list article .grid p {
  margin-bottom:10px
 }
 .card-listing .cards-data ul,.eligible-card-list .cards-data ul {
  margin-bottom:10px;
  margin-top:10px
 }
 .eligible-card-list article h4,.tab-content article h4 {
  font-size:14px;
  font-weight:600;
  margin-top:15px
 }
 .card-listing .cards-data .grid>ul li,.eligible-card-list .cards-data .grid>ul li {
  font-size:12px;
  margin-bottom:5px;
  line-height:16px;
  font-weight:600
 }
 body .eligible-card-list article .grid p {
  font-weight:600
 }
 header.page-header h2 {
  font-size:18px;
  margin:0 25px
 }
 .page-header .page-header-image {
  display:block;
  width:auto;
  height:100%;
  font-size:80%
 }
 .page-header {
  height:285px;
  margin-top:120px
 }
 .cards-data .grid .item-footer {
  width:240px;
  margin:10px auto 0
 }
 .cards-data ul.slick-dots {
  width:100%
 }
 .tab-content article .learn-more-link {
  display:block;
  margin:0 auto;
  text-align:center
 }
 .tab-content div.item-footer {
  margin:28px 0
 }
 .tab-header p {
  font-size:12px
 }
 .compare-card-page .compare-card-wrapper .compare-wrapper li {
  width:48%;
  height:230px
 }
 .compare-card-page .compare-card-wrapper .compare-wrapper li .add-another-card {
  display:block;
  position:absolute;
  z-index:10;
  text-indent:-9000px;
  left:0;
  top:0;
  bottom:0;
  right:0
 }
 .compare-card-page .compare-card-wrapper .compare-wrapper li a {
  margin-bottom:10px
 }
 .compare-card-page .compare-wrapper span.icon-wrapper {
  width:100%;
  margin-top:15px
 }
 .compare-card-page .compare-wrapper .added span.icon-wrapper {
  background:0 0;
  height:auto
 }
 .compare-card-page .compare-card-wrapper .compare-wrapper li .icon-wrapper img.card-img {
  width:100%;
  height:auto
 }
 .compare-card-page .compare-card-wrapper .compare-wrapper li a.button {
  width:100%;
  box-sizing:border-box
 }
 .compare-card-page .tab-content article>ul.rewards-points li:nth-child(3) {
  display:none
 }
 .card-selector,.card-selector.first,.card-selector.second,.card-selector.third {
  position:absolute;
  top:119px;
  bottom:0;
  right:-100%;
  width:auto;
  opacity:0;
  z-index:1000;
  display:none
 }
 .compare-card-page .card-selector.show {
  top:119px;
  opacity:1;
  overflow-y:scroll
 }
 .compare-card-page .tab-content article ul li,.compare-card-page .tab-content article>table {
  width:42%
 }
 body .tabs-container .tab-nav li.features,body .tabs-container .tab-nav li.fee-rates,body .tabs-container .tab-nav li.spend-benefits {
  float:left;
  width:30%;
  font-size:12px
 }
 body .tabs-container .tab-nav li.spend-benefits:last-child {
  float:right;
  width:32%
 }
 .compare-card-page .compare-card-wrapper .compare-wrapper {
  text-align:center;
  height:265px
 }
 .compare-card-page .tab-content article ul li h2 {
  font-size:14px;
  text-align:center
 }
 .card-selector .icon {
  background:url(../img/sprite.png) no-repeat
 }
 div.wrapper.page-header-wrapper {
  width:100%;
  margin:0;
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:100%;
  padding-top:40px
 }
 body .page-header .share {
  height:37px;
  bottom:70px;
  left:17px
 }
 body .page-header .dl-link {
  right:17px;
  bottom:56px;
  height:37px;
  margin:0
 }
 .page-header-wrapper .progress-bar {
  width:89%;
  margin:0 auto
 }
 .mobile-global-nav .social-text {
  margin:10px 10px 5px;
  display:block;
  color:#666
 }
 .mobile-global-nav .social-icons li {
  display:inline-block;
  width:25px;
  height:25px;
  margin:0 0 0 8px
 }
 .compare-wrapper li span.icon {
  background-image:none;
  height:53px
 }
 .mobile-global-nav .social-icons li a {
  display:inline-block;
  display:block;
  width:25px;
  height:25px;
  text-indent:-9000px;
  background-color:#3d599b;
  border-radius:50%;
  -webkit-border-radius:50%
 }
 .mobile-global-nav .social-icons .icon.facebook {
  background-position:9px -295px;
  background-color:#3d599b
 }
 .mobile-global-nav .social-icons .icon.twitter {
  background-position:-45px -294px;
  background-color:#00abee
 }
 .mobile-global-nav .social-icons .icon.linkedin {
  background-position:-94px -296px;
  background-color:#0e76a8
 }
 .compare-card-wrapper .close-icon {
  display:block;
  position:absolute;
  right:20px;
  top:20px;
  padding:10px;
  width:10px;
  height:10px;
  background:#efefef;
  text-align:center;
  font-size:18px;
  line-height:8px;
  color:#000;
  border-radius:50%;
  -webkit-border-radius::50%
 }
 .compare-card-page .tab-content article>table td {
  font-size:11px
 }
 .card-selector h4 {
  margin-bottom:20px;
  padding-left:55px;
  height:40px;
  margin-right:50px
 }
 .card-selector .premium .icon-b:before {
  background-position:0 -150px;
  width:40px;
  height:40px
 }
 .card-selector .travel .icon-b:before {
  background-position:-50px -150px;
  width:40px;
  height:40px
 }
 .card-selector .shopping .icon-b:before {
  background-position:-100px -150px;
  width:40px;
  height:40px
 }
 .card-selector .classic .icon-b:before {
  background-position:-150px -150px;
  width:40px;
  height:40px
 }
 .card-selector .exclusive .icon-b:before {
  background-position:-200px -150px;
  width:40px;
  height:40px
 }
 .card-selector .lifestyle .icon-b:before {
  background-position:-700px -250px;
  width:25px;
  height:25px;
  margin-left:10px
 }
 .card-selector .reward .icon-b:before {
  background-position:-725px -250px;
  width:25px;
  height:25px;
  margin-left:10px
 }
 h3.sub-nav-heading {
  position:absolute;
  z-index:9;
  left:-1px;
  right:-1px;
  top:22px;
  border-top:solid 4px #0095d9;
  font-weight:600
 }
 h3.sub-nav-heading a {
  text-align:center;
  background:#0095d9;
  height:35px;
  line-height:35px;
  display:block;
  margin:10px;
  color:#fff
 }
 .mobile-nav>li .sub-nav-heading {
  display:none
 }
 .mobile-nav>li.active .sub-nav-heading {
  display:block
 }
 .grid.slick-slide {
  float:left
 }
 .e-apply-step-2 h3 small {
  display:block;
  float:none;
  margin-top:10px
 }
 .fancy-select-wrap {
  margin-bottom:10px
 }
 .content-left {
  width:100%;
  float:none;
  border:none;
  margin:0;
  padding:0;
  border-right:none
 }
 select.error {
  border:1px solid red
 }
 .fancy-checkbox span,.radio-wrap span {
  width:20px;
  height:20px;
  padding:0
 }
 .e-apply-step-2 .form-field-list li .field-wrap input#landlinePhone[type=text] {
  width:90%
 }
 .fancy-radio {
  font-size:15px;
  vertical-align:top
 }
 input[type=checkbox]:checked+span,label.fancy-checkbox.checked span {
  background:url(../img/icon-mobile.png) -446px -21px no-repeat #0095d9;
  border-color:#0095d9
 }
 form .fancy-checkbox.checked label.error[for=agree]+span {
  border:none!important
 }
 .radio-wrap span {
  border-radius:100%;
  -webkit-border-radius:100%
 }
 .radio-wrap .fancy-radio.checked span,.radio-wrap input:checked~span {
  border:7px solid #0095d9;
  width:8px;
  height:8px
 }
 .fancy-select-wrap {
  display:block
 }
 .apply-form-wrapper .row .button.primary {
  width:97%;
  margin:0 auto
 }
 select {
  border:1px solid #cdcbcb;
  font-size:12px;
  line-height:18px;
  font-weight:600;
  color:#666;
  height:38px;
  background:#fbfbfb;
  padding:0 10px;
  width:95%;
  display:block;
  /*-webkit-appearance:none;*/
  border-radius:0;
  position:relative
 }
 .fancy-select-wrap {
  position:relative
 }
 .fancy-select-wrap:after {
  content:"";
  display:block;
  position:absolute;
  width:0;
  height:0;
  border:5px solid transparent;
  border-top-color:#666;
  top:15px;
  right:9px
 }
 form .tooltip,li.row:hover .tooltip {
  display:none
 }
 .form-field-list li .field-wrap input[type=text].small,.multi-field .field-wrap input[type=text] {
  display:block;
  width:90%;
  position:relative;
  float:none;
  margin-bottom:10px;
  margin-right:0
 }
 .form-field-list li .field-wrap.dnd-name input[type=text].small {
  width:71%
 }
 .dnd-page .form-field-list li .field-wrap input#phone[type=text] {
  margin-right:0;
  width:176px
 }
 .form-field-list li .field-wrap input#code[type=text] {
  margin-right:0
 }
 .form-field-list li.row {
  padding:10px 25px;
  margin:0
 }
 .form-field-list li>label.label-style-4,body .form-field-list li label {
  display:block;
  width:auto;
  text-align:left;
  padding:5px;
  margin:0;
  position:relative
 }
 .content-section.e-apply-step-2 .form-field-list .row.user-agreement {
  width:90%
 }
 .content-section.e-apply-step-2 .form-field-list .row.user-agreement,body .form-field-list .row.user-agreement {
  padding:5px 25px
 }
 .form-field-list li .field-wrap input[type=text]#years {
  margin:0;
  top:0
 }
 form label.error {
  background:url(../img/icon-mobile.png) -450px -75px no-repeat
 }
 body form label.error.valid,body form label.valid {
  background:url(../img/icon-mobile.png) -450px -50px no-repeat
 }
 .form-field-list li>.field-wrap {
  display:block;
  width:100%;
  position:relative;
  box-sizing:border-box
 }
 body form .field-wrap label.error,body form .field-wrap label.error.valid,body form .field-wrap label.valid,body form label.error[for=agree] {
  width:20px;
  position:absolute;
  top:13px;
  display:block;
  height:20px;
  padding:0;
  float:none;
  margin:0
 }
 body form .field-wrap.dnd-name label.error {
  left:245px
 }
 body form .field-wrap.dnd-mobile label.error {
  left:262px
 }
 body form .field-wrap.dnd-sms-code label.error {
  left:65px
 }
 body form .field-wrap.dnd-email label.error {
  left:240px
 }
 body form .field-wrap.dnd-landline-phone label.error {
  left:257px
 }
 body form .contact-sec .field-wrap label.error {
  top:47px;
  left:-10px
 }
 .form-field-list li.row.instruction small {
  float:none;
  position:relative;
  text-align:left;
  box-sizing:border-box
 }
 .field-wrap .button {
  display:block;
  margin:10px 0
 }
 .dnd-page .form-field-list li .field-wrap input#email {
  width:228px;
  margin-left:-20px
 }
 .form-field-list li .field-wrap input[type=date],.form-field-list li .field-wrap input[type=email],.form-field-list li .field-wrap input[type=text] {
  width:90%
 }
 .dnd-page .form-field-list li .field-wrap input#smsCode {
  margin-left:-20px
 }
 .form-field-list li .field-wrap#smsCode input[type=password] {
  margin-left:-15px;
  width:65px
 }
 .form-field-list li .field-wrap input[type=text].amount {
  width:87%
 }
 .side-bar {
  display:none
 }
 .campaign-page #e-apply-form .side-bar {
  display:block;
  margin-top:42px;
  width:295px;
  float:left
 }
 .campaign-page .datepicker .field-wrap:after {
  right:24px
 }
 .campaign-page .form-field-list.card-exist {
  width:100%
 }
 .campaign-header.fees-savings ul li {
  text-align:left;
  padding:7px 5% 7px 0
 }
 .campaign-header.home-header {
  margin-top:76px
 }
 .campaign-header .slide-wrapper {
  left:5%
 }
 .campaign-header h2 {
  font-size:22px!important;
  margin-top:15px!important
 }
 .campaign-header .net-fee {
  display:none
 }
 .campaign-header.fees-savings ul.fee-list {
  padding:0
 }
 .campaign-header.fees-savings .fees {
  padding-left:0
 }
 body .dc-footer .nav.primary ul {
  width:100%
 }
 .desktop-only {
  display:none!important
 }
 .search-nav input.search-button {
  display:block;
  position:absolute;
  width:25px;
  height:25px;
  padding:0;
  margin:0;
  right:8px;
  top:9px;
  z-index:50;
  background:url(../img/icon-mobile.png) -75px -50px no-repeat;
  border:none;
  text-indent:-9000px;
  -webkit-appearance:none;
  -moz-appearance:none;
  outline:0
 }
 .logo {
  background:url(../img/m-logo.png) no-repeat;
  width:100px;
  height:29px;
  margin:16px 0 0 5px
 }
 .mobile-utility .utility-links li a {
  float:left;
  height:25px
 }
 .mobile-utility .utility-links li {
  display:inline-block;
  font-size:11px;
  margin:0 4px
 }
 .mobile-utility .utility-links {
  float:right;
  margin-top:16px;
  position:absolute;
  right:10px;
  top:2px
 }
 .mobile-utility .utility-links li a {
  color:#777
 }
 .mobile-utility .utility-links li a span {
  display:block;
  margin:0 auto 3px;
  height:20px
 }
 .mobile-utility .utility-links li a span.help {
  width:18px;
  background-position:-25px 0
 }
 .mobile-utility .utility-links li a span.contact {
  width:23px;
  background-position:-25px -25px;
  float:none;
  margin:0 auto 3px
 }
 .mobile-utility .utility-links li a.toggle .dot-bg {
  display:block;
  background:#efefef;
  width:40px;
  height:18px;
  border-radius:10px;
  -webkit-border-radius:10px;
  vertical-align:top;
  position:relative;
  margin-bottom:7px
 }
 .toggle .dot-bg i {
  display:inline-block;
  height:14px;
  width:14px;
  border-radius:50%;
  -webkit-border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 1px #ccc;
  position:absolute;
  left:1px;
  transition:margin .2s ease-in-out;
  -webkit-transition:margin .2s ease-in-out;
  -moz-transition:margin .2s ease-in-out;
  -ms-transition:margin .2s ease-in-out;
  -o-transition:margin .2s ease-in-out;
  font-style:normal;
  border:1px solid #bbb;
  top:1px
 }
 .mobile-utility .utility-links li a.toggle.in-hindi .dot-bg {
  background:#0095d9
 }
 .toggle .dot-bg i.on {
  margin:0 0 0 22px
 }
 .toggle .dot-bg {
  transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out
 }
 .mobile-utility .utility-links li a.toggle {
  color:#777;
  margin:0 5px
 }
 .mobile-menu li .mobile-global-nav.search-nav {
  position:absolute;
  padding:15px;
  max-height:45px;
  border-bottom:solid 1px #ccc
 }
 .mobile-menu li.opened .mobile-global-nav.search-nav {
  height:45px;
  position:absolute
 }
 .search-nav .search-wrap {
  text-align:center;
  position:relative
 }
 .search-nav input {
  width:100%;
  display:inline-block;
  box-sizing:border-box;
  height:40px;
  line-height:40px;
  border:1px solid #ddd
 }
 .mobile-global-nav.quick-links ul {
  margin:20px 15px 130px;
  border:1px solid #bcbcbc
 }
 .mobile-global-nav.quick-links ul li a {
  border-top:none;
  font-size:14px;
  color:#555;
  border-bottom:solid 1px #ddd;
  background:#fff
 }
 .mobile-global-nav.quick-links ul li a:hover {
  color:#0095d9
 }
 .mobile-menu>li>a {
  color:#333;
  font-size:11px;
  font-weight:600
 }
 .mobile-menu>li:last-child {
  float:right
 }
 .mobile-menu>li>a .icon {
  width:25px;
  display:block;
  height:24px;
  margin:5px auto 0
 }
 .mobile-menu>li>a .icon.menu {
  background-position:-75px 0
 }
 .mobile-menu>li>a .icon.quick-link {
  background-position:-75px -25px
 }
 .mobile-menu>li>a .icon.search {
  background-position:-75px -50px
 }
 .mobile-menu>li>a .icon.login {
  background-position:-75px -75px
 }
 .community,.desktop-only,body .section-description {
  display:none
 }
 .community.no-community {
  display:block
 }
 body .share-button {
  float:none;
  margin:15px 0;
  text-align:left
 }
 body .button-wrapper li {
  display:block;
  margin:0 15px 10px
 }
 body .button-wrapper li a {
  display:block!important
 }
 body {
  color:#111
 }
 .offers .btn {
  margin:0 auto 30px;
  display:block;
  text-align:center
 }
 .cards-data .slick-list .slick-slide img {
  width:79%;
  height:auto;
  margin:0 auto
 }
 body .tabs-container .tab-nav li a:before {
  bottom:18px
 }
 body .tabs-container .tab-nav li.active a:before {
  bottom:10px
 }
 body .tab-nav li.features a:before {
  background-position:-500px -150px
 }
 body .tab-nav li.features.active a:before {
  background-position:-500px -100px
 }
 body .tab-nav li.fees-charges a:before {
  background-position:-725px -100px
 }
 body .tab-nav li.fees-charges.active a:before {
  background-position:-725px -150px
 }
 body .tab-nav li.rewards a:before {
  background-position:-775px -100px
 }
 body .tab-nav li.rewards.active a:before {
  background-position:-775px -150px
 }
 body .tab-nav li.reward a:before {
  background-position:-775px -100px
 }
 body .tab-nav li.reward.active a:before {
  background-position:-775px -150px
 }
 body .tab-nav li.faq a:before {
  background-position:-50px -1650px;
  bottom:22px
 }
 body .tab-nav li.faq.active a:before {
  background-position:-50px -1700px
 }
 body .tab-nav li.exclusions a:before {
  background-position:-550px -850px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.exclusions.active a:before {
  background-position:-550px -800px
 }
 body .tab-nav li.mis-reporting a:before {
  background-position:-400px -900px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.mis-reporting.active a:before {
  background-position:-400px -950px
 }
 body .tab-nav li.servicing a:before {
  background-position:-450px -900px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.servicing.active a:before {
  background-position:-450px -950px
 }
 body .tab-nav li.multi-layer a:before {
  background-position:-500px -900px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.multi-layer.active a:before {
  background-position:-500px -950px
 }
 body .tab-nav li.efficiency a:before {
  background-position:-550px -900px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.efficiency.active a:before {
  background-position:-550px -950px
 }
 body .tab-nav li.control-compliance a:before {
  background-position:-600px -900px;
  bottom:15px
 }
 body .tabs-container .tab-nav li.control-compliance.active a:before {
  background-position:-600px -950px
 }
 body .tab-nav li.higher-savings a:before {
  background-position:-650px -900px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.higher-savings.active a:before {
  background-position:-650px -950px
 }
 body .tab-nav li.convenience a:before {
  background-position:0 -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.convenience.active a:before {
  background-position:0 -1600px
 }
 body .tab-nav li.convert-to-emi a:before {
  background-position:-50px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.convert-to-emi.active a:before {
  background-position:-50px -1600px
 }
 body .tab-nav li.offers-this-week a:before {
  background-position:-100px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.offers-this-week.active a:before {
  background-position:-100px -1600px
 }
 body .tab-nav li.all-offers a:before {
  background-position:-150px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.all-offers.active a:before {
  background-position:-150px -1600px
 }
 body .tab-nav li.our-values a:before {
  background-position:-200px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.our-values.active a:before {
  background-position:-200px -1600px
 }
 body .tab-nav li.our-culture a:before {
  background-position:-250px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.our-culture.active a:before {
  background-position:-250px -1600px
 }
 body .tab-nav li.our-beliefs a:before {
  background-position:-300px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.our-beliefs.active a:before {
  background-position:-300px -1600px
 }
 body .tab-nav li.testimonials a:before {
  background-position:-350px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.testimonials.active a:before {
  background-position:-350px -1600px
 }
 body .tab-nav li.central-travel a:before {
  background-position:-400px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.central-travel.active a:before {
  background-position:-400px -1600px
 }
 body .tab-nav li.utility a:before {
  background-position:-450px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.utility.active a:before {
  background-position:-450px -1600px
 }
 body .tab-nav li.purchase a:before {
  background-position:-500px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.purchase.active a:before {
  background-position:-500px -1600px
 }
 body .tab-nav li.corporate-purchase a:before {
  background-position:-500px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.corporate-purchase.active a:before {
  background-position:-500px -1600px
 }
 body .tab-nav li.corporate a:before {
  background-position:0 -1650px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.corporate.active a:before {
  background-position:0 -1700px
 }
 body .tab-nav li.special-conditions a:before {
  background-position:-100px -1650px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.special-conditions.active a:before {
  background-position:-100px -1700px
 }
 body .tab-nav li.benefits a:before {
  background-position:-550px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.benefits.active a:before {
  background-position:-550px -1600px;
  bottom:2px
 }
 body .tab-nav li.pay a:before {
  background-position:-600px -1550px;
  bottom:22px
 }
 body .tabs-container .tab-nav li.pay.active a:before {
  background-position:-600px -1600px;
  bottom:2px
 }
 body .tab-nav li.credit-card-wisely a:before {
  background-position:-650px -1550px;
  bottom:13px
 }
 body .tabs-container .tab-nav li.credit-card-wisely.active a:before {
  background-position:-650px -1600px;
  bottom:2px
 }
 body .tab-nav li.credit-score a:before {
  background-position:-700px -1550px;
  bottom:15px
 }
 body .tabs-container .tab-nav li.credit-score.active a:before {
  background-position:-700px -1600px;
  bottom:2px
 }
 body .tab-nav li.security-card a:before {
  background-position:-750px -1550px;
  bottom:15px
 }
 body .tabs-container .tab-nav li.security-card.active a:before {
  background-position:-750px -1600px;
  bottom:2px
 }
 body .cards-data .col-2 .card-container figure {
  width:300px;
  height:150px;
  position:static;
  margin:0 auto
 }
 body .cards-data .col-2 {
  -webkit-perspective:none;
  -moz-perspective:none;
  -ms-perspective:none;
  perspective:none;
  -ms-transform:none;
  -moz-transform:none;
  -moz-transform-style:none;
  -ms-transform-style:none
 }
 body .cards-data .col-2 .card-container {
  width:100%;
  height:150px
 }
 .offers-list .slick-dots {
  bottom:5px
 }
 body .tabs-container .tab-nav {
  width:100%;
  margin:0;
  height:61px;
  border-left:1px solid #e3e3e3;
  border-right:0;
  display:table;
  background:#fff
 }
 body .footer .nav.primary ul {
  display:block;
  margin:0
 }
 .tabs-container .tab-nav li.active,.tabs-container .tab-nav li.active:hover {
  border-left:0
 }
 .tabs-container .tab-nav li.active:last-child {
  border-right:solid 1px #0095d9
 }
 .cards-listing li a.button.primary {
  font-size:10px;
  height:28px;
  line-height:28px;
  margin:10px 0
 }
 .tabs-container .tab-nav li.active+li {
  border-left:none
 }
 .other-links li a span.arrow {
  background-position:-348px -22px
 }
 body .footer .grid-outer {
  width:100%;
  padding:40px 0 0
 }
 body .footer .nav.secondary>ul>li>ul {
  display:none
 }
 body .footer .nav.secondary>ul>li {
  width:auto
 }
 body .footer .logo {
  display:none
 }
 body .footer .nav.primary,body .footer .nav.secondary {
  padding:30px 0 0;
  width:49%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box
 }
 .footer .nav.primary {
  float:left
 }
 .footer .nav.secondary {
  float:right
 }
 body .footer .nav.primary ul li,body .footer .nav.secondary ul {
  float:none;
  font-size:14px;
  text-align:left
 }
 body .footer .nav.primary ul li,body .footer .nav.secondary ul li {
  display:block;
  float:none;
  padding:0
 }
 body .footer .nav.primary ul li a,body .footer .nav.secondary ul li a {
  font-size:13px;
  border:none;
  margin:0 0 10px;
  font-weight:400
 }
 body .footer .nav.secondary ul li h2 {
  font-size:14px;
  font-weight:300;
  margin:0
 }
 body .footer .nav.secondary ul li h2 a {
  margin:0 0 10px;
  display:block
 }
 .legal-links .grid-outer .nav ul {
  text-align:left
 }
 body .legal-links .grid-outer .nav li {
  display:inline;
  padding:0;
  font-size:11px
 }
 body .legal-links {
  background:#171717;
  padding:10px
 }
 body .online-app {
  background:#fff
 }
 body .content-section {
  padding:20px 10px
 }
 .tabs-container {
  margin:30px 0 0
 }
 .tab-content .grid-outer {
  margin:0
 }
 .cta-style-3 .flex-boxes-container .grid .btns {
  padding-top:53px
 }
 body .cta-style-1 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box
 }
 .hide-mobile,body .content-section .hide-mobile {
  display:none
 }
 .slider-container {
  position:relative;
  overflow:hidden;
  width:300px;
  margin:0 auto
 }
 .flex-boxes-container {
  width:100%;
  height:100%;
  padding:0
 }
 .cta-style-3 .flex-boxes-container .box img {
  width:218px;
  height:116px;
  display:inline-block
 }
 .cta-style-3 .slick-dots li button {
  border-color:#999
 }
 .cta-style-3 .slick-dots li.slick-active button {
  background:#999
 }
 .flex-boxes-container .box:hover {
  border-color:#e4e3e3
 }
 .flex-boxes-container .box p.onhover {
  display:none
 }
 body .benefits {
  background:url(../img/benefits-bg-mobile.jpg) 0 0/cover no-repeat
 }
 body .cta-style-1 .slick-slider .slick-list {
  border:5px solid #e4e3e3;
  overflow:hidden;
  background:#fff;
  margin-bottom:30px
 }
 .slide-wrapper h2 span.big-icon {
  font-size:60px
 }
 .cta-style-1 .slick-slider .slick-list .slick-track {
  box-sizing:border-box;
  -webkit-box-sizing:border-box
 }
 .benefits-01 .slider-container {
  margin-top:30px
 }
 body .cta-style-1 .box {
  padding:48px 0 27px;
  border:none;
  margin:0
 }
 .cta-style-1.benefits-01 .flex-boxes-container .box ul li {
  display:block
 }
 body .cta-style-1 .flex-boxes-container .box p {
  padding:0 10px;
  min-height:94px
 }
 body .cta-style-1 .box h4 {
  min-height:33px;
  padding-bottom:0
 }
 .cta-style-1 .slick-dots {
  bottom:-11px
 }
 .cta-style-1 .slick-dots li button {
  border-color:#999
 }
 .cta-style-1 .slick-dots li.slick-active button {
  background:#999
 }
 body .cta-style-2 .slick-slide img {
  height:auto;
  display:inline-block
 }
 body .cta-style-2 .flex-boxes-container .box {
  border:none;
  margin:0
 }
 body .cta-style-2 .slider-container {
  margin-top:30px
 }
 .cta-style-2 .slick-dots li button {
  border-color:#999
 }
 .cta-style-2 .slick-dots li.slick-active button {
  background:#999
 }
 .cta-style-3 .slick-slider .box {
  border:none;
  margin:0
 }
 body .cta-style-2 .content-box {
  padding:3px 20px 16px;
  margin-bottom:12px
 }
 body .cta-style-2 .content-box:before {
  top:-27px
 }
 body .cta-style-2 .slick-dots {
  bottom:-12px
 }
 .cta-style-3 .slick-slider .slick-list {
  border:5px solid #e4e3e3;
  overflow:hidden;
  margin-bottom:30px;
  margin-top:25px
 }
 .cta-style-3 .slick-dots {
  bottom:-11px
 }
 html.mobile .slide-wrapper {
  width:auto
 }
 .slick-slide .slide-wrapper {
  left:0;
  right:0;
  padding:0 10px
 }
 .slick-slide .slide-wrapper h2 {
  margin:10px 0;
  font-size:25px
 }
 .slick-slide .slide-wrapper .button {
  padding:0 15px
 }
 body .icon,body .icon-a:after,body .icon-b:before {
  content:'';
  display:block;
  background:url(../img/icon-mobile.png) no-repeat
 }
 body .tabs-container .tab-nav li a {
  font-size:8px!important
 }
 body .tabs-container.media-container .tab-nav li a {
  font-size:14px!important;
  padding-top:50px
 }
 body .tabs-container.media-container .tab-inner-content .left-container {
  width:78%
 }
 body .tabs-container.media-container .tab-inner-content .right-container {
  width:24%;
  position:relative;
  bottom:70px
 }
 body .tabs-container .tab-nav li.features a:before,body .tabs-container .tab-nav li.fee-rates a:before,body .tabs-container .tab-nav li.spend-benefits a:before {
  bottom:20px!important
 }
 body .tabs-container .tab-nav li.active.features a:before,body .tabs-container .tab-nav li.active.spend-benefits a:before {
  bottom:8px!important
 }
 body .tabs-container .tab-nav li.active.fee-rates a:before {
  left:56%!important;
  bottom:8px!important
 }
 .features .icon-b:before {
  background-position:-500px -150px
 }
 .spend-benefits .icon-b:before {
  background-position:-400px -150px
 }
 .fee-rates .icon-b:before {
  background-position:-533px -150px;
  left:40%!important
 }
 .icon.money {
  background-position:-200px -350px
 }
 .icon.email {
  background-position:-250px -350px
 }
 .icon.block {
  background-position:-450px -350px
 }
 .icon.view {
  background-position:-300px -350px
 }
 .icon.query {
  background-position:-350px -350px
 }
 .slick-slide img {
  height:100%
 }
 body .tabs-container .tab-nav li.active.spend-benefits a:before {
  background-position:-400px -100px
 }
 body .tabs-container .tab-nav li.active.fee-rates a:before {
  background-position:-550px -100px
 }
 body .global-nav {
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:60px;
  box-shadow:none
 }
 .global-nav .logo {
  background:url(../img/logo-mobile.png) 5px 12px no-repeat;
  position:absolute;
  left:20px;
  top:0;
  height:60px;
  margin:0;
  width:135px
 }
 .online-app-container .inner-container {
  text-align:center;
  display:block;
  width:90%;
  margin:0 auto
 }
 .mobile-utility {
  height:70px;
  padding:0 10px
 }
 .mobile-menu {
  background:#efefef;
  border-top:solid 1px #ddd;
  height:48px
 }
 .mobile-nav {
  display:block;
  border:1px solid #b5b5b5;
  position:absolute;
  left:5px;
  right:5px;
  top:10px;
  bottom:5px;
  overflow-x:hidden;
  overflow-y:hidden;
  height:1200px;
  background-color:#fff
 }
 .mobile-global-nav {
  display:none;
  position:fixed;
  background:#f3f2f2;
  top:120px;
  right:0;
  left:0;
  height:0;
  overflow-x:hidden;
  overflow-y:auto;
  z-index:-900;
  transition:opacity .2s ease-in-out;
  -webkit-transition:opacity .2s ease-in-out;
  -moz-transition:opacity .2s ease-in-out;
  -ms-transition:opacity .2s ease-in-out;
  -o-transition:opacity .2s ease-in-out
 }
 .mobile-menu li.opened .mobile-global-nav {
  z-index:999;
  display:block;
  height:100%;
  border-top:3px solid #0095d9;
  margin-top:-1px;
  transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out
 }
 .mobile-menu li.closed .mobile-global-nav {
  height:0;
  padding:0;
  display:none;
  transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out
 }
 .compare-wrapper li span.icon:before {
  left:47px;
  top:18px
 }
 .mobile-nav .icon.small-icon.premium-cards {
  background-position:-150px -23px
 }
 .mobile-nav .icon.small-icon.travel {
  background-position:-175px -23px
 }
 .mobile-nav .icon.small-icon.shopping {
  background-position:-200px -25px
 }
 .mobile-nav .icon.small-icon.classic {
  background-position:-225px -25px
 }
 .mobile-nav .icon.small-icon.exclusive {
  background-position:-250px -23px
 }
 .mobile-nav .icon.small-icon.lifestyle {
  background-position:0 -1450px
 }
 .mobile-nav .icon.small-icon.rewards {
  background-position:-75px -1450px
 }
 .mobile-nav .icon.small-icon.banking-partnership {
  background-position:-50px -1450px
 }
 .mobile-nav .icon.small-icon.value-savings {
  background-position:-25px -1450px
 }
 .mobile-nav .icon.small-icon.lower-interest {
  background-position:-100px -1450px
 }
 .mobile-nav .icon.small-icon.encash {
  background-position:-125px -1450px
 }
 .mobile-nav .icon.small-icon.money-simplified {
  background-position:-150px -1450px
 }
 .mobile-nav .icon.small-icon.insurance {
  background-position:-175px -1450px
 }
 .mobile-nav .icon.small-icon.utility {
  background-position:-200px -1450px
 }
 .mobile-nav .icon.small-icon.easy-access {
  background-position:-225px -1450px
 }
 .mobile-nav .icon.small-icon.neft-payment {
  background-position:-250px -1450px
 }
 .mobile-nav .icon.small-icon.paynet-pay {
  background-position:-275px -1450px
 }
 .mobile-nav .icon.small-icon.electronic-clearing {
  background-position:-300px -1450px
 }
 .mobile-nav .icon.small-icon.visa-credit-card {
  background-position:-325px -1450px
 }
 .mobile-nav .icon.small-icon.online-sbi {
  background-position:-350px -1450px
 }
 .mobile-nav .icon.small-icon.mobile-banking {
  background-position:-375px -1450px
 }
 .mobile-nav .icon.small-icon.electronic-bill {
  background-position:-400px -1450px
 }
 .mobile-nav .icon.small-icon.auto-debit {
  background-position:-425px -1450px
 }
 .mobile-nav .icon.small-icon.counter-payment {
  background-position:-450px -1450px
 }
 .mobile-nav .icon.small-icon.electronic-box {
  background-position:-475px -1450px
 }
 .mobile-nav .icon.small-icon.manual-box {
  background-position:-500px -1450px
 }
 .mobile-nav .icon.small-icon.pay-cash {
  background-position:-525px -1450px
 }
 .mobile-nav .icon.small-icon.sbi-atm {
  background-position:-550px -1450px
 }
 .mobile-nav .icon.small-icon.all-offers {
  background-position:-575px -1450px
 }
 .mobile-nav .icon.small-icon.convert-to-emi {
  background-position:-600px -1450px
 }
 .mobile-nav .icon.small-icon.offers-this-week {
  background-position:-625px -1450px
 }
 .mobile-nav .icon.small-icon.pay-online {
  background-position:-675px -1450px
 }
 .mobile-nav .icon.small-icon.pay-offline {
  background-position:-650px -1450px
 }
 .mobile-nav .icon.small-icon.arrow {
  background-position:-348px -22px
 }
 .fat-nav-grid .card-links {
  margin:5px 10px;
  border-bottom:solid 1px #bcbcbc;
  padding-bottom:5px
 }
 .offers-list .slick-list li.offer-item {
  width:230px;
  margin:0 auto
 }
 .offers-list .slick-list li.offer-item img {
  width:230px
 }
 .slick-slider.offers-list {
  width:230px;
  margin:20px auto
 }
 .slick-slider.offers-list .slick-list li.offer-item {
  opacity:0;
  transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out
 }
 .slick-slider.offers-list .slick-list li.offer-item.slick-active {
  opacity:1
 }
 .mobile-nav .icon.small-icon {
  width:20px;
  height:20px;
  display:inline-block;
  vertical-align:top;
  margin-right:10px;
  position:absolute;
  left:0;
  top:0
 }
 .mobile-nav li .other-links li a {
  font-size:11px;
  padding:5px 0 5px 24px;
  display:block;
  position:relative
 }
 .mobile-nav li .other-links li a span {
  width:10px;
  height:12px;
  vertical-align:top;
  margin-right:5px;
  display:block;
  position:absolute;
  left:0;
  top:6px
 }
 .mobile-nav .other-links {
  padding:0 6px 20px 0;
  border-bottom:solid 1px #bcbcbc;
  margin:10px
 }
 .mobile-nav>li {
  list-style:none;
  display:inline-block;
  width:32.8%;
  border-right:solid 1px #ddd;
  margin-top:-1px
 }
 .mobile-nav li .menu-tab li.multi-links {
  height:auto;
  border-right:solid 1px #b5b5b5;
  border-bottom:none
 }
 .mobile-nav li .menu-tab li.multi-links ul li {
  height:25px
 }
 .mobile-nav li .menu-tab li.multi-links ul li a {
  font-size:11px;
  height:auto
 }
 .mobile-nav>li:last-child {
  float:right;
  margin-right:-2px;
  border-left:solid 1px #ddd
 }
 .mobile-nav>li:first-child {
  float:left
 }
 .mobile-nav>li.active>a {
  color:#fff
 }
 .mobile-nav>li.active {
  background:#0095d9
 }
 .mobile-nav>li.active+li {
  border-left:none
 }
 .wide-menu-wrapper {
  border:1px solid #ddd;
  position:absolute;
  left:-1px;
  right:-1px;
  display:none;
  top:95px;
  height:1200px
 }
 .wide-menu-wrapper article {
  background:#fff;
  display:block;
  padding:13px 0;
  position:relative;
  margin:0
 }
 .wide-menu-wrapper .column .social-icons {
  bottom:auto;
  top:14px;
  text-align:center;
  padding-top:0
 }
 .mobile-nav>li.active .wide-menu-wrapper {
  display:block
 }
 ul.wide-menu-links li {
  font-size:14px;
  display:block;
  height:45px
 }
 .wide-menu-links>li {
  display:block;
  text-align:left;
  height:50px;
  border-bottom:solid 1px #d5d5d5;
  background:#fff
 }
 ul.wide-menu-links li a {
  font-size:14px;
  padding:10px;
  height:30px;
  color:#999;
  font-weight:600;
  display:block;
  line-height:27px
 }
 .mobile-nav li .menu-tab {
  display:none
 }
 .mobile-nav li.active .menu-tab {
  display:block;
  background:#e9e9e9;
  position:absolute;
  left:-1px;
  right:-1px;
  border:1px solid #b5b5b5;
  height:4000px;
  overflow:hidden;
  top:95px
 }
 .mobile-nav .menu-tab li .fat-nav {
  opacity:0;
  right:110%;
  display:none
 }
 .mobile-nav .menu-tab li.current-tab .fat-nav {
  opacity:1;
  right:0;
  display:block
 }
 nav.fat-nav .column h2 {
  font-size:16px
 }
 .mobile-nav li .menu-tab>li {
  display:block;
  width:150px;
  text-align:left;
  border-bottom:solid 1px #b5b5b5
 }
 .mobile-nav .menu-tab>li>a {
  font-size:14px;
  display:block;
  padding:14px 10px;
  color:#999;
  border-right:solid 1px #b5b5b5;
  font-weight:600;
  position:relative;
  line-height:14px
 }
 .mobile-nav li>.menu-tab li.current-tab>a {
  background:#fff;
  border-right:solid 1px #fff;
  color:#333
 }
 .mobile-nav .menu-tab>li>a span.icon.arrow {
  width:10px;
  height:10px;
  background-position:-350px -25px;
  position:absolute;
  right:10px;
  top:50%;
  margin-top:-5px
 }
 .sub-menu-links li a span.icon {
  width:15px;
  height:15px;
  display:inline-block;
  vertical-align:top;
  margin-right:4px
 }
 .icon.tac {
  background-position:-375px 0
 }
 .icon.faq {
  background-position:-375px -25px
 }
 .icon.chat {
  background-position:-375px -50px
 }
 .icon.call {
  background-position:-375px -75px
 }
 .mobile-nav .fat-nav-grid .column ul li a {
  color:#333
 }
 .mobile-nav .fat-nav-grid .column ul.card-links li a {
  font-size:13px;
  padding-left:24px;
  display:block;
  line-height:13px;
  font-weight:600;
  position:relative;
  margin:15px 0
 }
 .mobile-nav .menu-tab>li.current-tab>a span.icon.arrow {
  display:none
 }
 nav.fat-nav .column .sub-menu-links.card-links li a {
  font-size:13px
 }
 ul.sub-menu-links {
  padding:20px 10px;
  border-right:solid 1px #bcbcbc
 }
 .mobile-nav .sub-menu-links li>a {
  font-size:12px;
  color:#555
 }
 .mobile-nav .sub-menu-links li>a.button.primary {
  color:#fff;
  margin-top:5px;
  padding:0 10px
 }
 .mobile-nav .menu-tab .fat-nav {
  position:absolute;
  left:150px;
  top:0;
  right:0;
  background:#fff;
  bottom:0
 }
 .mobile-nav .fat-nav-grid .column ul li a.button.primary span {
  color:#fff;
  padding:0 12px
 }
 section.top-page.mobile-only {
  background:#fff;
  display:inline-block;
  width:100%;
  z-index:999
 }
 body .page-top {
  background:#f3f2f2;
  position:absolute;
  top:60px;
  z-index:15;
  left:0;
  right:0;
  border-top:solid 2px #d2d2d2
 }
 .page-top .page-tabs {
  display:none
 }
 .page-top .page-tabs>li.page-navigation {
  float:left;
  margin:0;
  width:93px;
  overflow:hidden;
  height:40px;
  display:block
 }
 .page-top .page-tabs>li.account-nav {
  display:block;
  width:53px;
  border-right:solid 1px #dcdcdc;
  position:relative;
  padding:0
 }
 .page-top .page-tabs>li.account-nav a,.page-top .page-tabs>li.account-nav a:hover {
  text-indent:-9000px;
  overflow:hidden;
  position:relative;
  width:51px;
  height:40px;
  padding:0;
  background:#f7f7f7
 }
 .page-top .page-tabs>li.account-nav a:before {
  content:'';
  background:url(../img/icon-mobile.png) 0 -33px no-repeat;
  position:absolute;
  left:14px;
  z-index:10;
  width:20px;
  height:20px;
  top:10px
 }
 .page-top .page-tabs>li.account-nav a:after {
  content:'';
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:4px solid #000;
  position:absolute;
  top:18px;
  right:10px
 }
 .page-top .page-tabs li.account-nav a {
  border:none
 }
 .page-top .page-tabs li.page-navigation ul {
  width:92px;
  height:40px;
  border-right:solid 1px #dcdcdc
 }
 .page-top .page-tabs li.page-navigation ul li,.page-top .page-tabs li.page-navigation ul li a {
  display:block;
  float:none;
  width:100%;
  height:40px;
  padding:0
 }
 .page-top .page-tabs li.page-navigation ul li a {
  line-height:42px
 }
 .page-top .page-tabs li.page-navigation ul li.active a {
  color:#000;
  position:relative;
  background:#f7f7f7;
  border-left:none
 }
 .page-top .page-tabs li.page-navigation ul li.active a:after {
  content:'';
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:4px solid #000;
  position:absolute;
  top:18px;
  right:10px
 }
 .page-tabs li.font-size,.page-tabs li.switch-language {
  display:none
 }
 body .global-nav .wrapper>ul.main-menu {
  position:absolute;
  width:0;
  overflow:hidden;
  left:0;
  top:0;
  right:100%
 }
 body .quick-nav-wrapper {
  position:fixed;
  height:40px;
  width:125px;
  left:50%;
  top:62px;
  z-index:50;
  padding:0;
  margin:0 0 0 -62px
 }
 body .quick-nav-wrapper .quick-nav {
  position:absolute;
  left:0;
  top:40px;
  height:0;
  overflow:hidden;
  opacity:0
 }
 .quick-nav-wrapper a.nav-trigger {
  height:40px;
  float:left;
  position:relative;
  padding:0 28px 0 33px;
  line-height:40px;
  color:#000;
  font-weight:400;
  font-size:11px
 }
 .quick-nav-wrapper a.nav-trigger span.icon {
  width:17px;
  height:17px;
  position:absolute;
  background-position:right -35px;
  display:block;
  left:7px;
  top:12px
 }
 body .home-header {
  margin-top:120px;
  height:225px
 }
 body .home-header.search-box,body .home-header.small-hero {
  height:auto
 }
 p.section-description {
  display:block;
  font-weight:400;
  font-size:13px;
  margin-top:0
 }
 .apply-form-wrapper .row .field-wrap {
  display:block;
  margin-bottom:10px;
  margin-right:0
 }
 .apply-form-wrapper .row .field-wrap input {
  width:90%
 }
 .offers-list li {
  display:none
 }
 .offer-tab-container .offers-list .slick-dots li,.offer-tab-container .offers-list li {
  display:inline-block
 }
 .app-widget .nav li {
  display:none
 }
 .app-widget .nav {
  width:100%
 }
 article.app-widget {
  margin-top:-15px
 }
 .app-widget .nav li:first-child {
  display:block;
  margin:0 auto;
  width:129px
 }
 .app-widget .nav #appdownload li:first-child {
  width:83%
 }
 .app-widget .nav #appdownload li.row a {
  width:100%;
  margin-left:4px;
  margin-top:6px
 }
 .flex-boxes h2,.section-heading {
  font-size:17px;
  padding:0 10px;
  font-weight:400
 }
 .fancy-select-wrap.select-city {
  width:79%;
  display:inline-block
 }
 .apply-form-wrapper form .row .checkbox-wrap {
  text-align:center;
  display:block;
  float:none;
  margin:20px 0;
  width:auto
 }
 .apply-form form .row .checkbox-wrap label small {
  width:85%
 }
 .apply-form-wrapper .fancy-checkbox span {
  margin-left:10px
 }
 .col-1,.col-2,.col-3,.grid.half,body .home-header .hero-slider .container ul.slides li .wrapper {
  width:100%
 }
 .grid {
  margin:0;
  float:none
 }
 .wrapper {
  width:100%;
  position:static
 }
 .content-section .wrapper {
  padding:0
 }
 .content-section .wrapper.eligible-card {
  padding-bottom:0
 }
 .content-section.e-apply .form-field-list .row:first-child small {
  display:block;
  margin:0;
  padding:0;
  position:static
 }
 .content-section.e-apply .form-field-list .row:first-child {
  display:block;
  margin:0;
  position:static;
  padding:0 32px
 }
 .page-top ul.social-nav,.page-top ul.static-menu,.page-top ul.utility-menu {
  display:none
 }
 .global-nav .wrapper>ul.page-tab-mobile {
  position:absolute;
  height:40px;
  overflow:hidden;
  float:left;
  margin-left:0
 }
 .global-nav ul.page-tab-mobile li {
  display:block;
  float:none;
  position:relative
 }
 .global-nav ul.page-tab-mobile li a {
  display:block;
  border:none;
  height:40px;
  float:left;
  position:relative;
  padding:0 10px;
  line-height:40px;
  color:#000;
  font-weight:400;
  font-size:10px;
  width:55px;
  margin-top:10px
 }
 .global-nav ul.page-tab-mobile li:hover a {
  background:0 0;
  color:#000
 }
 .quick-links {
  padding:0
 }
 .global-nav ul.page-tab-mobile li a:after,.quick-nav-wrapper a.nav-trigger:after {
  content:'';
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:4px solid #000;
  position:absolute;
  top:18px;
  right:10px
 }
 .menu-trigger {
  position:absolute;
  top:62px;
  height:40px;
  line-height:40px;
  background:url(../img/icon-mobile.png) 0 -62px no-repeat;
  text-indent:-9000px;
  left:20px;
  width:50px;
  border-right:solid 1px #ddd
 }
 .global-nav ul.main-menu li.global-search {
  display:none
 }
 .mobile-search {
  top:102px;
  left:0;
  right:0;
  position:absolute;
  background:#f7f7f7;
  height:52px;
  z-index:80;
  border-top:solid 1px #dcdcdc;
  border-bottom:solid 1px #dcdcdc
 }
 .mobile-search .search-form label {
  border:3px solid #cdcbcb;
  background:#fbfbfb
 }
 .mobile-search .search-form {
  padding:10px 10px 0
 }
 .mobile-search .search-form input {
  width:100%
 }
 .mobile-search .search-form label.icon-b:before {
  background-position:-57px -75px
 }
 .flex-boxes .render-cards .tabs-container {
  width:100%;
  display:block
 }
 .flex-boxes .tabs-container .tab-nav {
  height:65px!important;
  width:100%;
  display:block;
  margin:0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -webkit-padding-start:0;
  -webkit-appearance:none;
  -webkit-margin-before:0;
  -webkit-margin-after:0;
  -webkit-margin-start:0;
  -webkit-margin-end:0
 }
 html.mobile body .tabs-container .tab-nav li {
  display:table-cell;
  width:auto;
  vertical-align:top;
  padding:0;
  height:65px;
  float:none
 }
 .offers .tabs-container .tab-nav li:first-child:not(.active) {
  border-left:solid 1px #e3e3e3
 }
 .render-cards.tabs-container .tab-nav li {
  height:auto
 }
 body .tabs-container .tab-nav li a {
  display:block;
  padding:7px 0 0;
  height:65px;
  min-width:70px
 }
 body .tabs-container.card-listing .tab-nav li a {
  min-width:35px
 }
 body .offers .tabs-container .tab-nav li.active {
  width:34%!important
 }
 body .tabs-container .tab-nav li.active a {
  height:54px
 }
 body .offers .tabs-container .tab-nav li a {
  color:#fff;
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:subpixel-antialiased!important;
  -webkit-text-stroke:0;
  text-shadow:none
 }
 body .media-container.tabs-container .tab-nav li a {
  text-indent:0
 }
 body .offers .tabs-container .tab-nav li a {
  font-size:8px;
  letter-spacing:-.5px;
  white-space:nowrap
 }
 body .offers .tabs-container .tab-nav li a:before {
  bottom:27px;
  position:static;
  margin:14px auto 5px
 }
 body .tabs-container .tab-nav li.active a {
  text-align:center;
  font-size:14px
 }
 body .offers .tabs-container .tab-nav li.active a:before {
  position:static;
  margin:10px auto 5px
 }
 body .tabs-container .tab-nav li.active a span {
  display:none
 }
 .tabs-container .tab-nav li.active {
  width:26%;
  border-right:solid 2px #0095d9
 }
 .tabs-container .tab-nav li:last-child {
  border-right:solid 1px #e3e3e3
 }
 .main-form label {
  display:block
 }
 .main-form input[type=text] {
  margin-top:10px;
  margin-left:24px;
  display:block;
  float:left
 }
 .track-app .main-form .blue-btn {
  margin-top:15px;
  margin-left:24px
 }
 body .more-cards .slick-slider .slick-list {
  margin-bottom:44px
 }
 .more-cards .slick-dots {
  bottom:17px
 }
 .more-cards .slick-dots li button {
  border-color:#999
 }
 .more-cards .slick-dots li.slick-active button {
  background:#999
 }
 body .offers-card .slick-slider .slick-list {
  margin-bottom:30px
 }
 body .tabs-container .tab-nav li.premium a:before,body .tabs-container .tab-nav li.premium:hover a:before {
  background-position:0 -150px;
  width:27px;
  height:17px
 }
 body .tabs-container .tab-nav li.travel a:before,body .tabs-container .tab-nav li.travel:hover a:before {
  background-position:-50px -150px;
  width:37px;
  height:13px
 }
 body .tabs-container .tab-nav li.shopping a:before,body .tabs-container .tab-nav li.shopping:hover a:before {
  background-position:-100px -150px;
  width:24px;
  height:19px
 }
 body .tabs-container .tab-nav li.classic a:before,body .tabs-container .tab-nav li.classic:hover a:before {
  background-position:-150px -150px;
  width:18px;
  height:24px
 }
 body .tabs-container .tab-nav li.exclusive a:before,body .tabs-container .tab-nav li.exclusive:hover a:before {
  background-position:-200px -150px;
  width:22px;
  height:22px
 }
 body .tabs-container .tab-nav li.all a:before,body .tabs-container .tab-nav li.all:hover a:before {
  background-position:-600px -150px;
  width:22px;
  height:22px
 }
 body .tabs-container .tab-nav li.all.active a:before,body .tabs-container .tab-nav li.all.active:hover a:before {
  background-position:-600px -100px;
  width:22px;
  height:22px;
  top:12px
 }
 body .tabs-container .tab-nav li.all.active:hover a:before {
  top:29px
 }
 body .tabs-container .tab-nav li.lifestyle a:before,body .tabs-container .tab-nav li.lifestyle:hover a:before {
  background-position:-400px -850px;
  width:20px;
  height:24px
 }
 body .tabs-container .tab-nav li.value-savings a:before,body .tabs-container .tab-nav li.value-savings:hover a:before {
  background-position:-450px -850px;
  width:24px;
  height:22px
 }
 body .tabs-container .tab-nav li.banking-partnership a:before,body .tabs-container .tab-nav li.banking-partnership:hover a:before {
  background-position:-500px -850px;
  width:24px;
  height:23px
 }
 body .tabs-container .tab-nav li.premium.active a:before {
  background-position:0 -100px;
  width:27px;
  height:17px
 }
 body .tabs-container .tab-nav li.travel.active a:before {
  background-position:-50px -100px;
  width:37px;
  height:13px
 }
 body .tabs-container .tab-nav li.shopping.active a:before {
  background-position:-100px -100px;
  width:24px;
  height:19px
 }
 body .tabs-container .tab-nav li.classic.active a:before {
  background-position:-150px -100px;
  width:18px;
  height:24px
 }
 body .tabs-container .tab-nav li.exclusive.active a:before {
  background-position:-200px -100px;
  width:22px;
  height:22px
 }
 body .tabs-container .tab-nav li.lifestyle.active a:before {
  background-position:-400px -800px
 }
 body .tabs-container .tab-nav li.value-savings.active a:before {
  background-position:-450px -800px
 }
 body .tabs-container .tab-nav li.banking-partnership.active a:before {
  background-position:-500px -800px
 }
 .cards-data .slick-dots {
  bottom:0
 }
 .compare-card-wrapper.fixed {
  position:fixed;
  top:119px;
  height:100px;
  padding:0;
  width:100%;
  margin:0;
  left:0;
  right:0;
  z-index:10
 }
 .compare-wrapper li img {
  width:75px;
  height:45px;
  display:none
 }
 .compare-wrapper li.added img {
  width:75px;
  height:auto;
  display:block
 }
 .compare-wrapper {
  padding:10px;
  display:block;
  width:100%;
  height:100px
 }
 .compare-wrapper li h2 {
  font-size:9px
 }
 .compare-wrapper a.add-another-card {
  left:0;
  top:0;
  right:0;
  bottom:0;
  text-indent:-9000px;
  z-index:10
 }
 .card-selector.show {
  left:0;
  opacity:1
 }
 .compare-wrapper li:before {
  margin-left:-31px;
  top:4px
 }
 .compare-wrapper li.added:before {
  display:none
 }
 .compare-wrapper {
  text-align:center
 }
 .compare-wrapper li {
  width:78px;
  display:inline-block
 }
 .compare-wrapper>li.compare-btn {
  width:82px;
  display:inline-block;
  padding:0;
  margin:0
 }
 .compare-wrapper>li.compare-btn .button {
  margin-top:0;
  margin-bottom:0;
  height:73px;
  line-height:73px;
  width:73px;
  border-radius:50%;
  -webkit-border-radius:50%;
  padding:0
 }
 .cards-data .slick-dots li button {
  border:2px solid #999
 }
 .cards-data .slick-dots li.slick-active button {
  background:#999
 }
 .tabs-container .item-footer .button {
  float:none!important;
  margin:0 auto!important;
  width:100px
 }
 .tab-content .grid .item-footer label.fancy-checkbox {
  display:block;
  float:none;
  width:168px;
  margin:24px auto 0
 }
 div#temp-scroller {
  display:none
 }
 .tab-content .slick-slider {
  overflow:hidden
 }
 body .offers .tabs-container .tab-nav li {
  width:23.8%
 }
 .help-links .flex-boxes-container .box.col-1 {
  float:none;
  display:block;
  border:none;
  border-bottom:solid 1px #e6e6e6;
  width:100%;
  padding:10px 0;
  text-align:left;
  margin-bottom:0;
  height:auto
 }
 .render-cards .card-filters,ul.layout-selector {
  display:none
 }
 body .learn-more {
  font-size:12px;
  line-height:14px;
  font-weight:400;
  color:#0095d9
 }
 .content-section .button.full-screen {
  width:100%;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box
 }
 .eligible-card-list article .grid,.tab-content article .grid {
  margin:0;
  padding-bottom:45px
 }
 .item-footer .fb-like {
  position:static;
  margin:20px auto 0;
  text-align:center;
  width:100px!important
 }
 .help-links .flex-boxes-container .box img.img-icon {
  display:inline-block;
  vertical-align:top;
  margin-top:8px
 }
 .help-links .flex-boxes-container .box h3 {
  display:inline-block;
  height:auto;
  margin-top:5px
 }
 .help-links .flex-boxes-container .box .learn-more,.help-links .flex-boxes-container .box p {
  display:none
 }
 .help-links .flex-boxes-container .box .content-box {
  display:inline-block
 }
 .help-links .flex-boxes-container div.box:first-child {
  border-top:1px solid #e6e6e6
 }
 .offers-card .offers-list li {
  margin:0 5px;
  background:0 0
 }
 .offers-card .offers-list li img {
  display:inline-block;
  height:220px
 }
 .offers-card .slick-dots {
  bottom:-30px
 }
 body .offers-card .tabs-container {
  margin-bottom:0
 }
 .global-nav .wrapper>ul.mobile-menu {
  text-align:center;
  position:absolute;
  top:61px;
  width:100%;
  margin:0;
  left:0;
  height:40px
 }
 .mobile-menu>li {
  display:inline-block;
  width:24.5%;
  border-right:solid 1px #ddd;
  height:48px;
  float:left
 }
 .global-nav .mobile-menu>li>a {
  background-position:center -4px;
  width:100%;
  display:block;
  height:48px
 }
 .mobile-menu li:last-child a {
  border:none
 }
 .page-top {
  height:48px
 }
 .mobile-menu>li>a {
  text-align:center;
  height:47px;
  display:block
 }
 .mobile-nav li .tab-link {
  height:35px;
  display:block;
  text-align:center;
  line-height:35px;
  color:#000;
  font-weight:600
 }
 .mobile-menu>li.opened {
  background:#0095d9
 }
 .mobile-menu>li.opened>a {
  color:#fff
 }
 .mobile-menu>li.opened>a .icon.menu {
  background-position:-125px 0
 }
 .mobile-menu>li.opened>a .icon.quick-link {
  background-position:-125px -25px
 }
 .mobile-menu>li.opened>a .icon.search {
  background-position:-125px -50px
 }
 .mobile-menu>li.opened>a .icon.login {
  background-position:-125px -75px
 }
 div.wrapper.apply-form-wrapper {
  width:auto;
  padding:0;
  text-align:center
 }
 .fees-savings .fees {
  padding:10px 20px 10px 10px;
  width:auto;
  float:none;
  text-align:right
 }
 .apply-form-wrapper .fancy-select-wrap.select-city {
  width:78%
 }
 section.calculate {
  float:none;
  width:auto;
  padding:10px;
  margin:0 20px;
  text-align:left;
  background:0 0
 }
 .net-fee {
  display:block;
  float:none;
  margin:0;
  padding:10px
 }
 .fees-savings ul li {
  text-align:left
 }
 .fees-savings ul.fee-list {
  width:90%;
  background:0 0;
  padding:10px;
  margin:0
 }
 .fees-savings .col-two ul.fee-list li.last {
  text-align:right
 }
 .fees-savings .col-two ul.fee-list li:first-child ul {
  border-right:none;
  padding-right:0
 }
 body .fees-savings ul li {
  float:right
 }
 .privileges .col-2 {
  width:100%;
  margin-left:0
 }
 .privileges .col-2 img {
  width:100%
 }
 .privileges .col-2 figure img {
  width:61px;
  display:inline
 }
 .signature-detail .tab-inner-content ul li {
  padding-left:20px
 }
 .signature-detail .tab-inner-content ul.sub-list li {
  padding-left:0
 }
 .slider .right-content {
  position:absolute;
  left:0;
  top:0;
  height:100%
 }
 body .offers-container ul li {
  width:50%
 }
 body .offers-container .items-list .fancy-checkbox span {
  width:15px;
  height:15px;
  margin-right:3px
 }
 body .offers-container ul li:nth-child(5n) {
  border-right:1px solid #e6e6e6
 }
 body .offers-container ul li:nth-child(2n) {
  border-right:none
 }
 body .card-application .retrieve-section {
  border-left:none;
  border-top:1px solid #e1e0e0
 }
 body .card-application.grid-outer form .field-wrap {
  display:block;
  text-align:center;
  margin:10px auto 0;
  width:212px
 }
 .card-application .grid .field-wrap .datepicker {
  margin:0
 }
 body .card-application.grid-outer form input[type=text] {
  width:192px
 }
 body .card-application form input.button.primary {
  margin-top:10px;
  margin-bottom:0;
  width:212px
 }
 body .card-application .retrieve-section .button.primary {
  width:211px;
  margin-left:1px
 }
 body .card-application .retrieve-section form input {
  width:192px
 }
 body .card-application .col-2 {
  margin-top:5px
 }
 .upload-docs .slick-dots li button {
  border-color:#999
 }
 .upload-docs .slick-dots li.slick-active button {
  background:#999
 }
 body .upload-docs .box-3 {
  border-right:none;
  padding-bottom:55px
 }
 body .upload-docs .slick-dots {
  bottom:-9px
 }
 body .contact-sec .left-sec {
  width:100%;
  padding-bottom:15px
 }
 body .contact-sec .right-sec {
  width:100%
 }
 body .contact-sec.tabs-container .tab-nav {
  height:auto;
  margin-bottom:0;
  margin-top:15px
 }
 body .contact-sec.tabs-container .tab-nav li {
  height:auto;
  width:50%;
  border:0
 }
 body .contact-sec.tabs-container .tab-nav li a {
  padding:0;
  height:50px;
  line-height:50px;
  color:#666
 }
 body .contact-sec.tabs-container .tab-nav li.active a {
  color:#fff
 }
 body .contact-sec.tabs-container .tab-nav li.active:last-child {
  width:50%;
  border-right:none
 }
 body .contact-sec .left-sec .row .width-150 {
  text-align:left;
  width:100%
 }
 body .contact-sec .left-sec label.fancy-checkbox {
  left:0
 }
 body .content-section .contact-sec .button.primary {
  margin-bottom:25px
 }
 body .contact-sec .left-sec .row .width-150.height-none {
  line-height:0
 }
 body .content-section .contact-sec .left-sec .button.full-screen {
  width:100%
 }
 body .faq-page .tab-inner-content h3.heading:before {
  left:13px
 }
 body .faq-page .tab-inner-content h3.heading.arrow-up:after,body .faq-page .tab-inner-content h3.heading:after {
  right:13px
 }
 body .faq-page .tab-inner-content h3.heading {
  padding:10px 47px 11px 55px
 }
 body .faq-page .tab-inner-content h2 {
  padding:12px 0
 }
 body .faq-page .content {
  padding-left:12px;
  padding-right:11px;
  padding-top:0
 }
 body .faq-page .sub-heading:before {
  left:12px
 }
 body .faq-page .content h5 {
  width:85%
 }
 body .faq-page ul.sublist-01 li:before {
  margin-top:9px;
  vertical-align:top
 }
 body .faq-page .sub-heading span {
  width:88%
 }
 .faq-page .tab-nav li.credit-cards:hover a:before {
  background-position:-600px -200px
 }
 .faq-page .tab-nav li.credit-cards.active a:before {
  background-position:-600px -100px
 }
 .faq-page .tab-nav li.rewards-faq:hover a:before {
  background-position:-200px -200px
 }
 .faq-page .tab-nav li.rewards-faq.active a:before {
  background-position:-200px -100px
 }
 .faq-page .tab-nav li.offers:hover a:before {
  background-position:-650px -200px
 }
 .faq-page .tab-nav li.offers.active a:before {
  background-position:-650px -100px
 }
 .faq-page .tab-nav li.services:hover a:before {
  background-position:-150px -200px
 }
 .faq-page .tab-nav li.services.active a:before {
  background-position:-150px -100px
 }
 body .faq-page .tabs-container .tab-nav li {
  width:23.8%
 }
 body .faq-page .tabs-container .tab-nav li.active {
  width:26%
 }
 body .faq-page .tabs-container {
  margin:0
 }
 .help-links .img-icon {
  background:url(../img/icon-mobile.png) no-repeat
 }
 body .help-links .img-icon {
  width:24px;
  height:25px
 }
 .img-icon.help {
  background-position:-150px -500px
 }
 .img-icon.mobile {
  background-position:-650px -500px
 }
 .img-icon.escalations {
  background-position:-250px -500px
 }
 .img-icon.lost-card {
  background-position:-300px -500px
 }
 .img-icon.query {
  background-position:-350px -500px
 }
 .img-icon.twitter {
  background-position:-400px -500px
 }
 body .help-links .box {
  vertical-align:inherit
 }
 body .help-links .box h3 {
  display:inline-block;
  padding:0 0 6px 11px
 }
 body .help-links .box h3 a {
  cursor:pointer
 }
 body .help-links .flex-boxes-container {
  margin-top:20px
 }
 .card-container .card-add {
  background:url(../img/icon-mobile.png) 0 -500px no-repeat
 }
 .card-container .card-protection {
  background:url(../img/icon-mobile.png) -50px -500px no-repeat
 }
 .card-container .card-add,.card-container .card-protection {
  height:50px;
  width:50px;
  left:50%;
  top:50%;
  margin:-25px 0 0 -25px
 }
 .videos-container {
  padding-bottom:40px
 }
 .videos-container .slick-dots {
  bottom:-45px
 }
 .videos-container .slick-dots li button {
  border-color:#999
 }
 .videos-container .slick-dots li.slick-active button {
  background:#999
 }
 .videos-container .video-wrap {
  position:relative
 }
 .videos-container .video-wrap .play-icon {
  top:40%
 }
 .others-help img {
  float:left;
  margin-left:15px
 }
 .others-help .col-2 div {
  float:left;
  width:75%;
  text-align:left;
  padding-left:14px
 }
 .others-help .col-2 div h3 {
  margin:0
 }
 .others-help .col-2 {
  float:left;
  padding:26px 0 19px
 }
 body .help-links .img-icon.chat {
  background-position:-450px -500px
 }
 body .help-links .img-icon.call {
  background-position:-500px -500px
 }
 body .help-links .img-icon.request {
  background-position:-550px -500px
 }
 body .help-links .img-icon.faq {
  background-position:-600px -500px
 }
 body .help-links .img-icon.simply-sms {
  background-position:-50px -1350px
 }
 .our-values .content-box {
  width:213px
 }
 .our-values .box-row .col-2 {
  width:100%
 }
 .our-values .icon.trust {
  background-position:0 -700px
 }
 .our-values .icon.innovate {
  background-position:-100px -700px
 }
 .our-values .icon.centric {
  background-position:-200px -700px
 }
 .our-values .icon.transparent {
  background-position:-300px -700px
 }
 .our-values .content-box p {
  height:70px
 }
 .our-values .main-icon.icon {
  margin:15px auto 10px
 }
 .icon.more-icon {
  background-position:-50px -1000px
 }
 .back .icon.more-icon {
  background-position:0 -1000px
 }
 .flip-link .icon {
  height:21px;
  width:21px
 }
 .back a.flip-link {
  bottom:18px
 }
 .tile-row {
  margin:35px auto 0;
  width:100%
 }
 .tile-row .tile h4 {
  margin-top:2px;
  font-size:18px;
  padding-top:30px
 }
 .tile-row .tile p {
  font-size:13px
 }
 .tile-row .tile {
  float:none;
  margin:0 auto
 }
 .banner-left.benefit,.banner-left.pay {
  float:none;
  display:block;
  width:100%;
  font-size:80%
 }
 .banner-left.benefit h2 {
  font-size:18px;
  margin-top:10px
 }
 .banner-right.benefit {
  float:none;
  width:100%;
  margin:0;
  padding:0
 }
 .banner-right.benefit ul li {
  height:auto;
  padding:7px 0 0;
  margin:0
 }
 .banner-right.benefit ul li strong {
  font-size:11px;
  padding:0;
  margin:0
 }
 .box-listing .grid-outer .flex-boxes-container .grid {
  display:inline-block;
  vertical-align:top;
  width:46%
 }
 .mobile-only .box-listing .box-row .outer-box.active .grid.box-3:after {
  left:17%
 }
 .banner-right.benefit li .icon {
  width:38px;
  height:38px
 }
 .banner-right ul {
  margin:0
 }
 .banner-right.benefit li .interest {
  background-position:-500px 0
 }
 .banner-right.benefit li .money {
  background-position:-525px 0
 }
 .banner-right.benefit li .insurance {
  background-position:-550px 0
 }
 .banner-right.benefit li .mcommerce {
  background-position:-575px 0
 }
 .banner-right.benefit li .utility-bill {
  background-position:-600px 0
 }
 .banner-right.benefit li .ways-to-bank {
  background-position:-625px 0
 }
 .banner-right li .bt {
  background-position:-700px -600px
 }
 .banner-right li .bt-on-emi {
  background-position:-700px -650px
 }
 .banner-right li .encash {
  background-position:-700px -700px
 }
 .banner-right li .easy-money {
  background-position:-700px -750px
 }
 .banner-right li .atm-cash {
  background-position:-700px -800px
 }
 .banner-right li .sbi-com {
  background-position:-700px -850px
 }
 .banner-right li .simply-sms {
  background-position:-700px -900px
 }
 .banner-right li .sbi-mobile {
  background-position:-700px -950px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box figure {
  width:65px;
  height:65px;
  border-width:4px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box img {
  background:url(../img/icon-mobile.png) no-repeat;
  height:50px;
  margin-bottom:6px;
  margin-top:12px;
  width:48px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .balance-transfer,.box-listing .cta-style-1 .flex-boxes-container .box:hover .balance-transfer {
  background-position:0 -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .balance-transfer-emi,.box-listing .cta-style-1 .flex-boxes-container .box:hover .balance-transfer-emi {
  background-position:-50px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .flexi-pay,.box-listing .cta-style-1 .flex-boxes-container .box:hover .flexi-pay {
  background-position:-100px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .encash,.box-listing .cta-style-1 .flex-boxes-container .box:hover .encash {
  background-position:-150px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .interest,.box-listing .cta-style-1 .flex-boxes-container .box:hover .interest {
  background-position:-200px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .money,.box-listing .cta-style-1 .flex-boxes-container .box:hover .money {
  background-position:-250px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .insurance,.box-listing .cta-style-1 .flex-boxes-container .box:hover .insurance {
  background-position:-300px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .easy-money,.box-listing .cta-style-1 .flex-boxes-container .box:hover .easy-money {
  background-position:-350px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .atm-cash,.box-listing .cta-style-1 .flex-boxes-container .box:hover .atm-cash {
  background-position:-400px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .card-protection,.box-listing .cta-style-1 .flex-boxes-container .box:hover .card-protection {
  background-position:-450px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .hospital-cash,.box-listing .cta-style-1 .flex-boxes-container .box:hover .hospital-cash {
  background-position:-500px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .accident-shield,.box-listing .cta-style-1 .flex-boxes-container .box:hover .accident-shield {
  background-position:-550px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .medical-insurance,.box-listing .cta-style-1 .flex-boxes-container .box:hover .medical-insurance {
  background-position:-600px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .family-insurance,.box-listing .cta-style-1 .flex-boxes-container .box:hover .family-insurance {
  background-position:-650px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .register-pay,.box-listing .cta-style-1 .flex-boxes-container .box:hover .register-pay {
  background-position:-700px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .visa-bill-pay,.box-listing .cta-style-1 .flex-boxes-container .box:hover .visa-bill-pay {
  background-position:-750px -1200px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .top-up-recharge,.box-listing .cta-style-1 .flex-boxes-container .box:hover .top-up-recharge {
  background-position:0 -1250px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .pay-fast,.box-listing .cta-style-1 .flex-boxes-container .box:hover .pay-fast {
  background-position:-50px -1250px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .auto-bill-pay,.box-listing .cta-style-1 .flex-boxes-container .box:hover .auto-bill-pay {
  background-position:-100px -1250px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .go-mobile,.box-listing .cta-style-1 .flex-boxes-container .box:hover .go-mobile {
  background-position:-150px -1250px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .sbi-card-online,.box-listing .cta-style-1 .flex-boxes-container .box:hover .sbi-card-online {
  background-position:-200px -1250px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .simply-sms,.box-listing .cta-style-1 .flex-boxes-container .box:hover .simply-sms {
  background-position:-250px -1250px
 }
 .box-listing .cta-style-1 .box h3 {
  padding:7px 0 0;
  height:45px;
  min-height:45px;
  overflow:hidden;
  font-size:14px;
  line-height:16px;
  margin:0 5px
 }
 body .box-listing .cta-style-1 .flex-boxes-container .box p {
  font-size:12px;
  height:125px;
  overflow:hidden;
  margin-bottom:5px
 }
 .box-listing .cta-style-1 .grid-outer .flex-boxes-container .grid {
  display:inline-block;
  vertical-align:top;
  width:46%;
  padding-bottom:10px;
  padding-top:13px;
  border:1px solid #ddd;
  margin:10px 4px;
  height:295px
 }
 .cal-benefits .box-listing .box-3 {
  float:left;
  width:50%;
  padding-bottom:10px;
  padding-top:20px
 }
 .box-listing .box-3 {
  border-right:none;
  border-bottom:1px solid #ddd;
  padding-bottom:25px
 }
 .box-listing div.box-3.last {
  border-bottom:none
 }
 .box-listing .box-3.active .content-box:after {
  bottom:-48px
 }
 .box-listing h3 {
  margin-top:15px
 }
 .inner-content {
  padding:10px 10px 0
 }
 .inner-content h4 {
  font-size:16px
 }
 .inner-content ul li {
  font-size:12px
 }
 .banner-left.career {
  width:100%
 }
 .refine-choice label {
  display:block;
  margin-bottom:15px
 }
 .trainings-inner .left {
  width:100%;
  text-align:center
 }
 .trainings-inner .right {
  width:100%
 }
 .trainings-inner .right .icon-download {
  margin-top:0
 }
 .join-sbi .inner-wrapper .col-1 {
  border:none;
  padding-left:0;
  padding-right:0
 }
 .join-sbi .slick-dots li .dot-button {
  border-color:#f3f2f2
 }
 .join-sbi .slick-dots li.slick-active .dot-button {
  background:#f3f2f2!important
 }
 .join-sbi .slick-dots {
  bottom:-3px
 }
 .fancy-select #homestdCode+.trigger,.fancy-select #officestdCode+.trigger,.fancy-select #stdCode+.trigger {
  width:60px
 }
 .making-world .tab-content .left {
  width:100%;
  height:210px
 }
 .making-world .tab-content .left img {
  width:100%;
  height:auto
 }
 .making-world .tab-content .right {
  width:100%%;
  float:left;
  height:385px;
  position:relative
 }
 .making-world .tab-content .right .icon-download {
  height:0;
  margin:0
 }
 .making-world .tab-content .right .button.primary {
  width:93%
 }
 .box-4 {
  width:100%
 }
 .box-listing .box-4 .content-box {
  width:80%
 }
 .making-world .tab-nav li.education a:before {
  background-position:-200px -850px
 }
 .making-world .tab-nav li.education:hover a:before {
  background-position:-200px -950px
 }
 .making-world .tab-nav li.education.active a:before {
  background-position:-200px -800px
 }
 .making-world .tab-nav li.environment a:before {
  background-position:-250px -850px
 }
 .making-world .tab-nav li.environment:hover a:before {
  background-position:-250px -950px
 }
 .making-world .tab-nav li.environment.active a:before {
  background-position:-250px -800px
 }
 .making-world .tab-nav li.health a:before {
  background-position:-300px -850px
 }
 .making-world .tab-nav li.health:hover a:before {
  background-position:-300px -950px
 }
 .making-world .tab-nav li.health.active a:before {
  background-position:-300px -800px
 }
 .making-world .tab-nav li.women-empowerment a:before {
  background-position:-350px -850px
 }
 .making-world .tab-nav li.women-empowerment:hover a:before {
  background-position:-350px -950px
 }
 .making-world .tab-nav li.women-empowerment.active a:before {
  background-position:-350px -800px
 }
 .news-media-kit .col-2 {
  width:100%;
  margin:0
 }
 .news-media .news-media-kit .col-2 {
  width:100%
 }
 .news-media-kit .grid.col-2.media {
  margin-left:0
 }
 .news-media-kit .button-wrap {
  margin-top:0
 }
 .news-media-kit .button-wrap a {
  width:87%
 }
 .news-media-kit .media .button-wrap {
  margin-top:12px
 }
 .news-media-kit .media .left {
  width:0
 }
 .news-media-kit .media ul li {
  width:90%;
  padding-top:10px;
  padding-bottom:12px
 }
 .back .choose-options span {
  font-size:34px
 }
 .news-media-kit .media .right {
  width:81%;
  float:right
 }
 .news-media-kit .media-block ul li:nth-child(2n) {
  margin-left:0
 }
 .news-media-kit .icon.download {
  background-position:-100px -950px
 }
 .faq-page .tab-nav li.rewards-faq a:before {
  background-position:-200px -151px
 }
 .faq-page .tab-nav li.credit-cards a:before {
  background-position:-600px -151px
 }
 .faq-page .tab-nav li.offers a:before {
  background-position:-650px -151px
 }
 .faq-page .tab-nav li.services a:before {
  background-position:-150px -151px
 }
 .media-container .right-container .icon-download.icon {
  background-position:-150px -900px
 }
 .pay-new a:before {
  background-position:-279px -1651px;
  width:26px;
  height:26px;
  margin-left:-11px
 }
 .tabs-container .tab-nav li.pay-new.active a:before,html.desktop .tabs-container .tab-nav li.pay-new.active:hover a:before {
  background-position:-279px -1767px
 }
 .benefits-new a:before {
  background-position:-229px -1651px;
  width:26px;
  height:26px;
  margin-left:-11px
 }
 .tabs-container .tab-nav li.benefits-new.active a:before,html.desktop .tabs-container .tab-nav li.benefits-new.active:hover a:before {
  background-position:-229px -1767px
 }
 .faq-page .tab-nav li.rewards-faq-new a:before {
  background-position:-330px -1651px;
  height:26px;
  margin-left:-11px;
  width:26px
 }
 .faq-page .tab-nav li.rewards-faq-new.active a:before,html.desktop .tabs-container .tab-nav li.rewards-faq-new.active:hover a:before {
  background-position:-330px -1768px
 }
 .faq-page .tab-nav li.credit-cards-new a:before {
  background-position:-178px -1651px;
  height:26px;
  margin-left:-11px;
  width:26px
 }
 .faq-page .tab-nav li.credit-cards-new.active a:before,html.desktop .tabs-container .tab-nav li.credit-cards-new.active:hover a:before {
  background-position:-178px -1767px
 }
 .news-media-kit .media ul li p {
  display:none
 }
 .news-media-kit .media ul li a {
  display:block;
  margin-top:10px
 }
 .generic-tabs .tab-content .wrap {
  margin-top:20px
 }
 .generic-tabs .tab-content .wrap-01 {
  padding-left:12px
 }
 .generic-tabs .tab-content .wrap img {
  margin-right:0;
  width:100%;
  margin-bottom:18px
 }
 .generic-tabs .tab-content .wrap .text-sec .button.primary {
  margin:0
 }
 .generic-tabs .tab-content .wrap .text-sec {
  overflow:initial
 }
 .generic-tabs .tab-content .wrap .text-sec .icon-download {
  background-position:-150px -900px
 }
 .balance-transfer .container {
  background:0 0
 }
 .balance-transfer .left-sec {
  width:94%;
  padding:18px 0 20px 16px;
  border-bottom:1px solid #e5e5e5
 }
 .balance-transfer .left-sec ul li span {
  padding-top:0;
  padding-left:10px;
  width:78%
 }
 .balance-transfer .right-sec {
  padding:18px 0 25px 15px;
  width:94%;
  border:none
 }
 .balance-transfer .right-sec ul {
  margin:10px 0 0;
  padding:0;
  width:98%
 }
 .balance-transfer .right-sec ul li span {
  width:94%
 }
 .grid-outer.corporate-enquire {
  width:100%
 }
 .corporate-enquire .form-field-list li.row {
  padding:0 25px
 }
 #contactFirstName,#contactLastName {
  width:90%
 }
 #contactLastName {
  margin-left:0;
  margin-top:12px
 }
 .form-field-list li .field-wrap input[type=text].landlinePhone {
  width:90%
 }
 .corporate-enquire .inner-wrap {
  width:100%;
  margin-left:0
 }
 .sitemap-inner .box-3 {
  width:90%
 }
 .rewards-filter .right-links {
  display:none
 }
 .rewards .flex-boxes-container .box {
  width:99%;
  margin-bottom:15px
 }
 .rewards-filter .wrap {
  width:88%
 }
 .rewards-filter .row {
  text-align:center
 }
 .rewards .flex-boxes-container {
  padding-top:0
 }
 .rewards-filter .row:first-child {
  border:none;
  padding-bottom:0
 }
 .rewards-filter .row:last-child {
  margin-top:4px
 }
 .rewards .flex-boxes-container .box.active {
  border-color:#e4e3e3
 }
 .cal-benefits .box-listing p {
  font-size:14px;
  margin:1px
 }
 .cal-benefits .box-listing h3 {
  font-size:18px
 }
 .cal-benefits .box-listing .img-icon {
  background:url(../img/icon-mobile.png) no-repeat
 }
 .cal-benefits .box-listing p.information {
  font-size:12px
 }
 .cal-benefits .box-listing .img-icon {
  height:50px;
  width:50px
 }
 .cal-benefits .img-icon.annual-fee {
  background-position:0 -1050px
 }
 .cal-benefits .img-icon.rewards-point {
  background-position:-50px -1050px
 }
 .cal-benefits .img-icon.accelerated {
  background-position:-100px -1050px
 }
 .cal-benefits .img-icon.bonus {
  background-position:-150px -1050px
 }
 .cal-benefits .img-icon.gift {
  background-position:-200px -1050px
 }
 .cal-benefits .img-icon.entertainment {
  background-position:-250px -1050px
 }
 .cal-benefits .img-icon.waiver {
  background-position:-300px -1050px
 }
 .cal-benefits .img-icon.membership {
  background-position:-350px -1050px
 }
 .cal-benefits .box-3:hover .img-icon.annual-fee {
  background-position:0 -1100px
 }
 .cal-benefits .box-3:hover .img-icon.rewards-point {
  background-position:-50px -1100px
 }
 .cal-benefits .box-3:hover .img-icon.accelerated {
  background-position:-100px -1100px
 }
 .cal-benefits .box-3:hover .img-icon.bonus {
  background-position:-150px -1100px
 }
 .cal-benefits .box-3:hover .img-icon.gift {
  background-position:-200px -1100px
 }
 .cal-benefits .box-3:hover .img-icon.entertainment {
  background-position:-250px -1100px
 }
 .cal-benefits .box-3:hover .img-icon.waiver {
  background-position:-300px -1100px
 }
 .cal-benefits .box-3:hover .img-icon.membership {
  background-position:-350px -1100px
 }
 .calc-chart-wrap .spend-chart svg:not(:root) {
  margin:0
 }
 .main-wrap.calc-chart-wrap {
  padding:0
 }
 .calculator .left-container,.calculator .right-container {
  float:none;
  margin:0 auto
 }
 .calculator .right-container {
  width:100%;
  padding:0 10px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box
 }
 .calculator .ui-slider-horizontal .ui-slider-handle {
  height:10px;
  width:10px;
  margin-left:0;
  margin-top:5px;
  border:1px solid #ccc
 }
 .calculator .exp-container h5 {
  height:auto;
  padding-top:45px
 }
 .calculator .left-container h5 .icon {
  left:50%;
  top:0;
  width:58px;
  height:35px;
  margin-left:-29px
 }
 .calculator .left-container h5 .icon.groceries {
  background-position:-490px -1050px;
  width:44px;
  margin-left:-22px
 }
 .calculator .left-container h5 .icon.fuel {
  background-position:-585px -1050px;
  width:30px;
  margin-left:-15px
 }
 .calculator .left-container h5 .icon.dining {
  background-position:-625px -1050px;
  width:20px;
  margin-left:-15px
 }
 .calculator .left-container h5 .icon.travel {
  background-position:-440px -1050px;
  width:40px;
  margin-left:-20px
 }
 .calculator .left-container h5 .icon.movie {
  background-position:-545px -1050px;
  width:25px;
  margin-left:-12px
 }
 .calculator .left-container h5 .icon.international {
  background-position:-650px -1050px;
  width:30px;
  margin-left:-15px
 }
 .calculator .left-container h5 .icon.apparel {
  background-position:-700px -1050px;
  width:30px;
  margin-left:-6px
 }
 .calculator .left-container h5 .icon.others {
  background-position:-750px -1050px;
  width:30px;
  margin-left:-11px
 }
 .exp-container>ul li {
  height:auto;
  padding:10px 10px 35px
 }
 .calculator .max-value,.calculator .min-value {
  bottom:6px
 }
 .calc-chart-wrap article.spend-chart {
  padding-left:0;
  padding-top:10px
 }
 section.content-section.calc-chart-wrap {
  padding:20px 0
 }
 text.total-value {
  font-size:18px
 }
 .rewards .rewards-container {
  border:none;
  box-shadow:0 0 0 #fff
 }
 .rewards.mobile-only.popup-content {
  margin-top:135px;
  display:none
 }
 .rewards-popup .popup-left,.rewards-popup .popup-right {
  width:100%;
  margin-right:0
 }
 .rewards-popup .bottom-content {
  display:inline-block
 }
 .rewards-container ul li strong {
  border:none;
  width:60%;
  font-size:12px;
  margin-right:8px
 }
 .rewards-container ul li span {
  font-size:13px;
  width:37%
 }
 .rewards .btn-wrap .button.primary {
  margin-bottom:0
 }
 html.mobile .rewards-popup .rewards-slider .slick-slide img {
  height:auto;
  width:100%
 }
 .rewards .popup-close {
  right:0;
  top:-27px;
  background:url(../img/icon-mobile.png) -100px -900px no-repeat;
  width:30px;
  height:27px;
  z-index:9999
 }
 .rewards-thumbs {
  margin:15px auto 0
 }
 .rewards-thumbs .slick-slide img {
  width:auto!important;
  height:auto!important
 }
 .slide-wrapper .slide-description {
  width:100%;
  margin-bottom:10px;
  display:none
 }
 .tab-wrap .text-sec {
  bottom:25px
 }
 .tab-wrap .text-sec .button.primary {
  margin-top:0;
  margin-bottom:0
 }
 .corporate-enquire .form-field-list li .field-wrap input#phone[type=text] {
  width:68%
 }
 .flex-boxes-container .btns .button {
  margin-right:18px
 }
 .rewards-container {
  margin-left:1px
 }
 .popup-right {
  padding-top:18px
 }
 .form-central .wrapper {
  padding:20px 0
 }
 .form-central h2 {
  width:25%
 }
 .form-central .head-description {
  width:70%
 }
 .form-central .step-one,.form-central .step-two {
  width:100%;
  margin:0 0 10%
 }
 .form-central .step-content .form-list {
  width:54%
 }
 .form-central span.icon.form-pdf.mobile {
  background-position:-149px -950px;
  width:13%;
  height:20px
 }
 .form-central .step-content .download-pdf {
  width:45%
 }
 .form-central .mail-icon-wrapper {
  width:100%;
  margin:0
 }
 .form-central span.icon.mail.mobile {
  background-position:-97px -1011px;
  height:25px;
  margin:0 auto
 }
 .form-central .mail-txt {
  text-align:center;
  width:100%
 }
 .fees-savings ul.fee-list ul {
  width:100%
 }
 .fees-savings .col-two ul.fee-list ul li {
  margin-right:10px
 }
 .card-listing .cards-data div.fb-like.fb_iframe_widget {
  text-align:center;
  position:relative;
  top:-72px;
  left:-31px
 }
 .card-listing .tab-content .grid .item-footer label.fancy-checkbox {
  float:right;
  position:relative;
  margin:0;
  top:0;
  right:-41px
 }
 .dnd-page h2,.dnd-page p {
  padding-top:10px;
  padding-left:10px
 }
 .dnd-page label.label-style-2 {
  width:260px;
  margin-left:-20px
 }
 .dnd-page .form-field-list li .field-wrap {
  display:inline-flex
 }
 .dnd-page .form-field-list li .field-wrap input#unsubscribe-email {
  width:25px
 }
 .dnd-page .form-field-list li .field-wrap input#unsubscribe-mobile {
  width:45px
 }
 .dnd-page .form-field-list li .field-wrap input#unsubscribe-both {
  width:75px
 }
 .dnd-page .form-field-list li .field-wrap.dnd-mobile {
  display:inline-block
 }
 .dnd-page .form-field-list li .field-wrap.dnd-landline-phone,.dnd-page .form-field-list li .field-wrap.dnd-mobile,.dnd-page .form-field-list li .field-wrap.dnd-office-phone {
  margin-left:-15px
 }
 .form-field-list li .field-wrap input[type=text].landline-no {
  margin-right:5px
 }
 .dnd-page .radio-wrap {
  margin-left:-55px
 }
 .dnd-page .form-field-list li .field-wrap input[type=text].landline-pin {
  width:40px;
  margin-right:5px
 }
 .form-field-list li .field-wrap input[type=text].office {
  width:162px
 }
 .dnd-page a.button.secondary.verify-mobile {
  margin-right:7px;
  float:right;
  margin-top:10px
 }
 .dnd-page form .form-field-list li .instruction {
  margin-left:-15px;
  margin-top:0
 }
 .small-hero .slick-slide .slide-wrapper {
  bottom:0
 }
 .home-header.small-hero .slide-wrapper h2 {
  font-size:30px
 }
 .generic-links {
  margin-top:10px
 }
 .generic-links ul {
  padding-bottom:10px
 }
 .tab-content article .cards-data .grid>ul {
  height:160px
 }
 .compare-card-page .tab-content ul.cards-name li h2 {
  font-size:14px;
  margin-bottom:15px
 }
 .cards-wrapper.cards-margin h2.section-heading,.content-section .grid-outer .tabs-container.compare-card-page {
  margin-top:25px
 }
 body .tabs-container.compare-card-page .tab-nav li.spend-benefits:last-child {
  float:none
 }
 .our-values .col-2.flip-this .flip-board .back {
  display:block!important;
  height:221px
 }
 .tabs-container1 .tab-nav1 {
  width:100%
 }
 .tabs-container1 .tab-nav1 li.credit-cards a:before {
  background-position:-600px -150px;
  bottom:53px
 }
 body .contact-sec.tabs-container .tab-nav li a {
  text-indent:0
 }
 .tabs-container1 .tab-nav1 li.credit-cards.active a:before {
  background-position:-600px -100px
 }
 .content-section.apply-form .enquire-now .row .field-wrap input#name {
  width:92%
 }
 .content-section.apply-form .enquire-now .row .field-wrap input#phone {
  width:89%
 }
 .enquire-now .row .field-wrap {
  margin-top:10px!important
 }
 .enquire-now .fancy-select-wrap.select-city {
  margin-bottom:0
 }
 body .privileges .col-2.clear-left {
  clear:none
 }
 text.expense-label {
  font-size:12px
 }
 .card-offers-tab2 .child-tabing .slick-list {
  border-bottom:none
 }
 .card-offers .card-offers-tab2 .tab-nav.child-tabing {
  background:0 0;
  border:none;
  margin:5px 0 0;
  width:100%;
  display:table;
  text-align:center
 }
 html.mobile body .tabs-container .tab-nav.child-tabing li {
  background:0 0;
  padding:0 10px;
  height:auto;
  display:inline-block;
  width:auto!important
 }
 body .offers .tabs-container .tab-nav.child-tabing li a {
  color:#333;
  font-size:12px!important;
  text-indent:0;
  height:auto;
  line-height:20px;
  min-width:0
 }
 .tabs-container .tab-nav.child-tabing li.active {
  border-right:1px solid #e3e3e3
 }
 body .offers .tabs-container .tab-nav.child-tabing li.active a {
  color:#0095d9
 }
 .news-media>.ls-lqr {
  width:100%!important
 }
 .help-links .flex-boxes-container .box img.img-icon.login {
  background-position:-500px -300px;
  margin-top:4px
 }
 .help-links .flex-boxes-container .box img.img-icon.sms {
  background-position:-500px -350px;
  margin-top:4px
 }
 .help-links .flex-boxes-container .box img.img-icon.bt-call {
  background-position:-500px -400px;
  margin-top:4px
 }
 .enquire-now form .row.last {
  margin-top:0
 }
 .calculate-savings .book-now {
  background:url(../img/book-now.png) 36px 0 no-repeat
 }
 .calculate-savings .calculate {
  width:47%;
  float:left;
  margin-left:0
 }
 .calculate-savings .renew-now {
  background:url(../img/renew-now.png) 42px 0 no-repeat;
  position:absolute;
  left:172px;
  width:47%
 }
 .calculate-savings .left-block {
  margin-left:0
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .arogya-insurance,.box-listing .cta-style-1 .flex-boxes-container .box:hover .arogya-insurance {
  background-position:-387px -1707px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .lifeline,.box-listing .cta-style-1 .flex-boxes-container .box:hover .lifeline� {
  background-position:-508px -1643px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .smart-cash-royal-sundaram,�.box-listing .cta-style-1 .flex-boxes-container .box:hover .smart-cash-royal-sundaram� {
  background-position:-627px -1707px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .motor-insurance,�.box-listing .cta-style-1 .flex-boxes-container .box:hover .motor-insurance {
  background-position:-508px -1707px
 }
 .box-listing .cta-style-1 .flex-boxes-container .box .travel-insurance,�.box-listing .cta-style-1 .flex-boxes-container .box:hover .travel-insurance {
  background-position:-627px -1643px
 }
}
@media screen and (min-width:412px) and (max-width:736px) {
 .calculate-savings .renew-now {
  background:url(../img/renew-now.png) 42px 0 no-repeat;
  margin-left:33px
 }
}
@media screen and (min-width:0) and (max-width:767px) and (orientation:landscape) {
 .compare-card-page .compare-card-wrapper .compare-wrapper {
  height:325px
 }
 .compare-card-page .compare-card-wrapper .compare-wrapper li {
  height:298px
 }
 .cal-benefits .box-listing .box-3 {
  width:46%
 }
 .corporate-enquire .form-field-list li .field-wrap input[type=text]#phone {
  width:84%
 }
 #contactFirstName,#contactLastName,.corporate-enquire .form-field-list li .field-wrap input[type=text] {
  width:95%
 }
 .locate-form {
  width:550px;
  top:346px
 }
 #locatePay-form-tata .fancy-select-wrap:after {
  right:58px
 }
 #locatePay-form-tata input[type=text] {
  width:88%
 }
 table.locatePay-table {
  margin-left:9%
 }
 #locatePay-form-tata .bottom-text {
  width:560px
 }
 #locatePay-form-tata .fancy-select div.trigger {
  width:480px
 }
 body form .field-wrap.dnd-name label.error {
  left:310px
 }
 .field-wrap a.button.secondary {
  width:45%
 }
 body .home-header {
  margin-top:120px;
  height:400px
 }
 html.mobile .slide-wrapper {
  width:94%;
  padding:6% 3%
 }
 .slick-slide .slide-wrapper h2 {
  font-size:35px;
  margin:10px 0 20px
 }
 .slide-wrapper h2 span.big-icon {
  font-size:70px
 }
 .slide-wrapper .slide-description {
  margin-bottom:20px
 }
 #e-apply-form .form-step1 .form-field-list .multi-field .field-wrap input[type=text],#e-apply-form .form-step1 .form-field-list li .field-wrap input[type=text],#e-apply-form .form-step1 .form-field-list li .field-wrap input[type=text].small {
  width:95%
 }
 #e-apply-form .form-step1 .form-field-list li .field-wrap input[type=text]#code {
  width:5%
 }
 #e-apply-form .form-step1 .form-field-list li .field-wrap input[type=text]#phone {
  width:84%
 }
 #e-apply-form .form-step1 .form-field-list li .field-wrap input[type=text]#annualIncome {
  width:93%
 }
 #e-apply-form .form-step1 .button-wrap a.button.submit-form,#e-apply-form .form-step1 .form-field-list li .field-wrap input[type=password] {
  width:94%
 }
 #e-apply-form .form-step1 .field-wrap a.button.verify-mobile {
  width:45%;
  float:right;
  margin-right:5px
 }
 #e-apply-form .form-step1 .form-field-list li .field-wrap input#code[type=text] {
  margin-right:8px
 }
 #e-apply-form .form-step1 .form-field-list li span.instruction {
  margin-left:8px
 }
 #e-apply-form .form-step1 .form-field-list .fancy-select-wrap {
  width:100%
 }
 #e-apply-form .form-step3 .form-field-list li .field-wrap input[type=text].card-number {
  width:19%
 }
 #e-apply-form .form-step3 .form-field-list li .field-wrap input#step3phone[type=text] {
  width:82%
 }
 #e-apply-form .form-step3 .field-wrap a.button.verify-mobile {
  margin-right:18px
 }
 #e-apply-form .form-step3 .form-field-list li .field-wrap input#smsCodeExist[type=password] {
  width:93%
 }
 #e-apply-form .form-field-list .field-wrap input[type=password]+label.error,#e-apply-form .form-field-list .field-wrap input[type=text]+label.error {
  right:-32px
 }
 #e-apply-form .form-step1 .button-wrap a:first-child {
  width:39%
 }
 #e-apply-form .form-step1 .button-wrap a.button.save-later {
  width:54%
 }
 .form-central h2 {
  width:15%
 }
 .form-central .step-content .form-list {
  width:72%
 }
 .form-central .step-content .download-pdf {
  width:25%
 }
 body .content-section.apply-form .row .field-wrap input#name,body .content-section.apply-form .row .field-wrap input#phone {
  width:94%
 }
 body .apply-form-wrapper .fancy-select-wrap.select-city {
  width:82%
 }
 .box-listing .box-4 .content-box {
  width:88%
 }
 .box-listing .box-3 .content-box {
  width:90%
 }
 .box-listing .box-3 {
  width:100%
 }
}
@media screen and (min-width:767px) {
 .sticky-links .sticky-quick-links {
  display:block
 }
 .menu-trigger,.mobile-only,.mobile-search,.page-tab-mobile,.quick-nav-wrapper a.nav-trigger {
  display:none
 }
 .home-header {
  margin-top:98px
 }
 .top-page {
  border-bottom:solid 1px #dcdcdc
 }
 .nav.primary {
  clear:both
 }
}
@media screen and (min-width:0) and (max-width:1024px) {
 html.tablet .rewards .fancy-select-wrap select#worth {
  width:100px
 }
 body .cta-style-1.benefits .flex-boxes-container .box img {
  width:110px!important;
  height:110px!important;
  min-height:110px!important
 }
 .slick-dots li .dot-button {
  border-radius:10px;
  ,-webkit-border-radius:10px
 }
 .main-form input[type=radio]:checked+span.radio-toggle,.main-form label.fancy-radio span.radio-toggle {
  border-radius:18px;
  -webkit-border-radius:18px
 }
}
@media screen and (min-width:768px) and (max-width:1024px) {
 .home-header .slick-slide .slide-wrapper {
  display:none
 }
 .slick-slide .slide-wrapper h2 {
  margin:70px 0 15px
 }
 .slide-wrapper .slide-description {
  width:100%;
  margin-bottom:15px
 }
 #locatePay-form-tata select {
  width:200px
 }
 .locate-form {
  left:124px
 }
 .survey .field-wrap.checkbox-wrap,.survey .field-wrap.radio-wrap {
  padding-left:13px
 }
 .simplifyer-wrap .simplyfier.main-slider {
  width:94%;
  margin-left:14px
 }
 .select-preference ul {
  padding-left:0
 }
 .simplifyer-wrap .range-label.position-left {
  left:10px
 }
 .simplifyer-wrap .range-label.position-right {
  right:10px
 }
 body .home-header .share {
  margin-left:0
 }
 .box-listing .content-container {
  -webkit-transform:translateZ(0)
 }
 html body .ui-datepicker-header select,html body .ui-datepicker-title select {
  height:16px;
  padding:2px;
  display:inline-block;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  width:48%;
  float:none
 }
 .radio-wrap span {
  border-radius:17px;
  -webkit-border-radius:17px
 }
 .cta-style-1 .flex-boxes-container .box figure {
  border-radius:110px;
  -webkit-border-radius:110px
 }
 .main-form .retrieve .field-wrap input[type=text] {
  padding-left:5px;
  padding-right:5px;
  width:97px
 }
 #e-apply-form select {
  width:200px
 }
 .general-progress li .icon-wrap {
  border-radius:45px;
  overflow:hidden
 }
 body.overlay-opened {
  position:fixed;
  overflow:hidden
 }
 .general-progress li .icon-wrap a {
  border-radius:45px
 }
 .global-nav ul.main-menu>li nav.fat-nav {
  opacity:0;
  max-height:0;
  top:60px;
  height:0;
  -webkit-transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  -webkit-perspective:1000;
  transition:opacity .2s ease-in-out
 }
 .global-nav ul.main-menu>li.closed nav.fat-nav {
  height:0;
  opacity:0;
  max-height:0;
  top:60px;
  margin-top:-800px;
  z-index:-10
 }
 .global-nav ul.main-menu>li.active nav.fat-nav {
  max-height:800px;
  height:auto;
  opacity:1;
  top:60px;
  border-top:solid 4px #0095d9;
  box-shadow:0 10px 10px rgba(0,0,0,.3);
  margin-top:0;
  z-index:99
 }
 html .global-nav ul.main-menu>li.active>a {
  background:#0095d9;
  color:#fff;
  position:relative;
  bottom:0;
  top:0;
  padding-top:1px!important;
  padding-bottom:0!important
 }
 .cards-data .col-2 .flip-board .card-features,.cards-data .col-2 .flip-board figure {
  height:auto!important
 }
 .card-container {
  overflow:visible
 }
 .slick-dots li .dot-button {
  border-radius:10px;
  ,-webkit-border-radius:10px
 }
 .tabs-container {
  padding:15px
 }
 select {
  border:1px solid #cdcbcb;
  font-size:12px;
  line-height:18px;
  font-weight:600;
  color:#666;
  height:38px;
  background:#fbfbfb;
  padding:0 10px;
  width:95%;
  display:block
 }
 .fancy-select-wrap {
  position:relative
 }
 .fancy-select-wrap:after {
  content:"";
  display:block;
  position:absolute;
  width:0;
  height:0;
  border:5px solid transparent;
  border-top-color:#666;
  top:15px;
  right:9px
 }
 body ul.static-menu li a {
  height:20px;
  display:block;
  float:left;
  padding:0 13px;
  text-indent:-17px;
  opacity:.8;
  -webkit-opacity:.8
 }
 body ul.static-menu li:nth-child(1) a {
  background-position:-300px -2450px
 }
 body ul.static-menu li:nth-child(2) a {
  background-position:-320px -2450px
 }
 #polls-form .form-field-list .field-wrap.radio-wrap {
  padding-left:3px
 }
 .login-page .validate-form .form-field-list.float-left {
  width:57%
 }
 .rewards-filter .reward-city select#city,.rewards-filter select#card,.rewards-filter select#category,.rewards-filter select#points,.rewards-filter select#sort {
  width:227px
 }
 .fees-savings ul li .right {
  width:21%
 }
 .fees-savings ul.fee-list span.sub-total {
  width:80px
 }
 .dnd-form p,.dnd-note,.dnd-page h2 small {
  padding-left:20px;
  padding-right:20px
 }
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
 .tabs-container .tab-nav li a {
  font-size:15px
 }
 .tab-content .grid.row>.item-footer {
  top:34px
 }
 .form-central .wrapper {
  padding:45px 20px
 }
 .form-central .step-content .form-list {
  width:60%
 }
 #locatePay-form-tata .lead-form.form-field-list li.row.instruction small {
  right:-103px
 }
 .locate-form.form-field-list li.row.instruction small {
  right:-106px!important
 }
 .locate-form {
  top:300px;
  width:600px
 }
 #locatePay-form-tata .bottom-text {
  width:552px;
  left:107px;
  line-height:26px
 }
 .rewards-filter .reward-city select#city,.rewards-filter select#card,.rewards-filter select#category,.rewards-filter select#points,.rewards-filter select#sort {
  width:173px
 }
 body .rewards-filter.grid-outer {
  width:98%
 }
 .flex-boxes-container .box .head .left {
  width:45px;
  float:left;
  padding:0 5px
 }
 .flex-boxes-container .box .head .right {
  width:93px
 }
 .rewards .flex-boxes-container .box h3 {
  font-size:14px
 }
 .rewards .flex-boxes-container .btns {
  bottom:0
 }
 .flex-boxes-container .box .head .left span {
  left:13px
 }
 .flex-boxes-container .box .head .right span {
  left:15px
 }
 .cta-style-3 .flex-boxes-container .box h3 {
  margin-top:15px
 }
 .flex-boxes-container .box h3 {
  height:42px;
  font-size:16px;
  line-height:19px
 }
 .flex-boxes-container .btns {
  padding-top:44px
 }
 .flex-boxes-container .box {
  padding-bottom:8px
 }
 .flex-boxes-container .button {
  width:77px;
  font-size:11px
 }
 .flex-boxes-container .box .head strong {
  font-size:13px
 }
 .flex-boxes-container .btns a:first-child {
  float:left;
  margin-left:5px
 }
 .cta-style-3 .flex-boxes-container .box p.yellow-strip {
  bottom:55px
 }
 .rewards .popup-close {
  right:0
 }
 .rewards-container h5 {
  font-size:16px
 }
 .rewards-container ul li strong {
  font-size:14px;
  width:56%
 }
 .rewards-container ul li span {
  font-size:16px;
  width:39%
 }
 html.tablet.portrait .rewards-thumbs .slick-slide img {
  height:78px;
  width:78px;
  min-height:70px
 }
 .rewards .popup-right {
  width:46%;
  padding-left:1%;
  padding-top:10px
 }
 #equire-landing #email {
  width:144px;
  margin-top:15px
 }
 .home-header {
  height:100%
 }
 .home-header.small-hero {
  height:154px
 }
 .slick-slide .slide-wrapper h2 {
  margin-top:40px;
  font-size:30px
 }
 .home-header .slick-slider .slick-dots {
  bottom:15px
 }
 .login-block {
  padding:6px 15px
 }
 .login-block a.button {
  line-height:30px;
  height:30px
 }
 .login-block .forgot-login {
  margin-bottom:6px
 }
 .login-block h3 {
  font-weight:600
 }
 .iw_component .quick-nav-wrapper .login-block {
  padding-bottom:5px
 }
 .iw_component .quick-nav-wrapper .quick-nav {
  margin-top:222px;
  height:169px
 }
 .quick-links li {
  height:28px
 }
 .quick-links li a {
  height:26px;
  line-height:26px;
  font-weight:400
 }
 .quick-links li a .icon {
  top:8px
 }
 body .content-section.apply-form .row .field-wrap input#name,body .content-section.apply-form .row .field-wrap input#phone {
  width:145px
 }
 .fees-savings .calculate {
  width:160px;
  padding-right:15px
 }
 .privileges .grid-outer .col-2 {
  width:46%
 }
 .privileges .col-2 img.signatures {
  width:100%;
  height:100%
 }
 .fees-savings .col-two ul li .right {
  width:26%
 }
 .fees-savings .col-two.col-two-01 ul li .right {
  width:33%
 }
 .fees-savings .col-two.col-two-02 ul.fee-list ul li small {
  font-size:15px
 }
 .privileges .secondary-view {
  width:325px;
  margin-left:35px
 }
 .privileges .col-2 h4 {
  height:55px;
  overflow:hidden
 }
 .col-three .net-fee {
  margin-left:0
 }
 .fees-savings ul.fee-list {
  width:285px
 }
 .fees-savings .fees ul.fee-list ul {
  width:215px
 }
 .fees-savings ul.fee-list span.sub-total {
  width:65px
 }
 .fees-savings .col-three.fees ul.fee-list {
  width:280px;
  background-position:283px center
 }
 .col-three .net-fee {
  width:180px
 }
 .calculate-savings .right-block {
  margin-left:400px
 }
 .calculate-savings .left-block {
  margin-left:0
 }
 .balance-transfer .right-sec ul {
  width:335px
 }
 .banner-right ul {
  margin:0
 }
 .compare-card-page .compare-card-wrapper .compare-wrapper li {
  width:240px
 }
 .card-selector.third {
  left:52%
 }
 .calculator.irctc .exp-container {
  float:left;
  width:100%
 }
 .calculator.irctc .exp-container li.dining-expenditure {
  float:left;
  width:96%
 }
 .irctc .exp-container .left-container p {
  padding:2px 5px
 }
 .track-app .main-form label {
  float:left;
  margin-left:45px!important;
  margin-bottom:0!important
 }
 .track-app .main-form label[data-id=retrieveApp] {
  margin-bottom:20px!important
 }
 body .help-links .flex-boxes-container .box.mobile-only {
  display:none
 }
 .shop-smile .box-3 {
  width:240px;
  padding:0 15px
 }
 .shop-smile .box-3:first-child {
  padding-left:10px
 }
}
@media screen and (min-width:768px) and (max-width:959px) {
 .cal-benefits .box-listing .content-box>p {
  height:auto
 }
 .form-field-list.card-exist.survey label.label-question,.survey .field-wrap.checkbox-wrap,.survey .field-wrap.radio-wrap {
  width:92%
 }
 .form-field-list.card-exist.survey label.label-question {
  text-align:start;
  padding-left:24px
 }
 .row .inline-label.fancy-checkbox,.row .inline-label.fancy-radio {
  width:25%;
  text-align:start;
  white-space:nowrap
 }
 .sur-opt {
  margin-left:3%;
  width:45%
 }
 .flex-boxes h2.survey-opt-text {
  margin-left:3%!important
 }
 ul.poll-results {
  text-align:center
 }
 .global-nav ul.main-menu>li {
  font-size:13px
 }
 body.card-details-page .home-header .slick-slider .slick-slide .right-content img {
  width:318px!important;
  height:auto!important;
  min-height:100%
 }
 body .home-header .right-content {
  float:right;
  padding:27px 0 0;
  margin-right:15px!important
 }
 .box-listing h3 {
  height:36px;
  overflow:hidden
 }
 .box-listing .content-box>p {
  height:105px;
  overflow:hidden
 }
 .box-listing .box-3 {
  width:33%
 }
 .box-listing .box-3.box-4 {
  width:24%;
  min-height:375px
 }
 .box-listing .box-3.active .content-box:after {
  left:-115px
 }
 .form-content input#dob {
  width:102px
 }
 .box-listing .box-3 .content-box {
  width:90%
 }
 .box-listing .content-container {
  width:100%
 }
 .calculate {
  float:right;
  width:176px;
  padding-right:10px
 }
 .apply-form-wrapper a.learn-more.help-me {
  margin-right:16px
 }
 .fees-savings .fees {
  padding-left:10px;
  width:510px
 }
 .net-fee {
  margin-left:0
 }
 .card-container {
  width:300px
 }
 .fees-savings ul.fee-list ul {
  width:200px;
  font-size:12px
 }
 .fees-savings ul.fee-list ul li,.fees-savings ul.fee-list ul li small {
  font-size:12px
 }
 .fees-savings ul.fee-list {
  width:280px;
  background:url(../img/brackets.png) 284px center no-repeat
 }
 .global-nav ul.main-menu>li.last-menu-item a,html.desktop .global-nav ul.main-menu>li.last-menu-item a {
  padding:0 12px
 }
 .highlight-link>a>span.gray {
  padding:5px
 }
 html body select,html.tablet select {
  border:1px solid #cdcbcb;
  font-size:12px;
  line-height:18px;
  font-weight:600;
  color:#666;
  height:38px;
  background:#fbfbfb;
  padding:0 10px;
  width:100%;
  display:block
 }
 .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
  width:44%
 }
 html.tablet .ui-datepicker-header select {
  height:16px;
  padding:2px;
  display:inline-block;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  width:48%;
  float:none
 }
 .eligible-card-list article .grid,.tab-content article .grid {
  width:47%;
  display:inline-block
 }
 .compare-card-wrapper.fixed {
  width:100%;
  margin:0;
  left:0;
  right:0
 }
 .compare-wrapper>li {
  width:343px;
  margin-bottom:10px
 }
 .item-footer .fb-like {
  position:absolute;
  right:0;
  top:-29px;
  width:100px!important;
  float:right
 }
 .card-listing .cards-data .flip-board,.eligible-card-list .cards-data .card-container,.eligible-card-list .cards-data .flip-board {
  text-align:center
 }
 html.tablet .cards-data .col-2 .flip-board figure {
  margin:0 auto
 }
 .card-container {
  height:180px
 }
 .eligible-card-list article h4,.tab-content article h4 {
  height:30px;
  font-size:16px
 }
 .tab-content article .grid>p {
  font-size:11px;
  height:62px
 }
 .cards-data .col-2 .flip-board figure {
  width:300px;
  height:auto
 }
 html .tab-content .flip-board .front img {
  height:auto;
  width:300px
 }
 .main-form .retrieve .datepicker .field-wrap,.main-form .retrieve .field-wrap input[type=text] {
  width:102px
 }
 html body .ui-datepicker-header select,html body .ui-datepicker-title select {
  height:16px;
  padding:2px;
  display:inline-block;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  width:48%;
  float:none
 }
 body .global-nav ul li.global-search {
  width:164px
 }
 .fb_iframe_widget {
  text-align:center!important
 }
 .content-section.community .wrapper {
  width:100%
 }
 .iw_component .community-right {
  width:335px;
  margin:0 20px 0 28px;
  float:right
 }
 body .help-links.content-section .flex-boxes-container .box.col-1 {
  width:22%
 }
 body .help-links.content-section .flex-boxes-container .box h3 {
  height:40px;
  font-size:18px
 }
 .cta-style-2 .flex-boxes-container .box h3 {
  height:76px;
  font-size:16px;
  line-height:22px
 }
 .community-right .video-previews ul li img,.community-right .video-previews ul li small {
  width:150px;
  height:auto
 }
 .testimonials .text-sec {
  width:195px;
  float:left
 }
 .testimonials figure {
  float:right;
  width:120px
 }
 .testimonials figure img {
  display:block;
  width:120px;
  height:auto
 }
 .community>.ls-lqr {
  width:100%!important
 }
 .community.content-section {
  margin-left:20px
 }
 select {
  border:1px solid #cdcbcb;
  font-size:12px;
  line-height:18px;
  font-weight:600;
  color:#666;
  height:38px;
  background:#fbfbfb;
  padding:0 10px;
  width:95%;
  display:block;
  -webkit-appearance:none;
  border-radius:0;
  position:relative
 }
 select:after {
  content:"";
  display:block;
  position:absolute;
  width:0;
  height:0;
  border:5px solid transparent;
  border-top-color:#666;
  top:15px;
  right:9px
 }
 .side-bar {
  display:none
 }
 .global-nav ul.main-menu>li>a,body .global-nav .wrapper {
  padding:0 10px
 }
 body .page-top .wrapper {
  padding:0
 }
 body .global-nav .wrapper {
  width:100%;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box
 }
 body ul.page-tabs {
  margin:0
 }
 body .global-nav ul li.global-search {
  float:right
 }
 .global-search label.search {
  width:127px;
  float:right
 }
 .global-search .search input {
  width:127px
 }
 html.tablet .slick-slide img {
  width:100%
 }
 body .quick-nav-wrapper {
  width:100%;
  right:20px;
  left:auto
 }
 .global-nav .wrapper>ul {
  margin-left:0
 }
 .flex-boxes-container .box p.onhover {
  position:static;
  visibility:visible;
  box-sizing:border-box;
  width:auto;
  padding:10px 24px 0;
  height:53px
 }
 .cta-style-3 .grid.box img {
  width:90%
 }
 body .slide-wrapper {
  left:20px
 }
 body .slick-slide img {
  width:100%;
  height:auto
 }
 body .hero-slider .slick-slide img {
  height:100%
 }
 body .grid-outer,body .tabs-container .tab-nav {
  width:100%
 }
 .grid-outer .col-2 {
  width:48%
 }
 body .flex-boxes-container {
  text-align:center
 }
 body .flex-boxes-container .box.col-1 {
  width:24%;
  display:inline-block;
  margin:3px;
  overflow-x:hidden;
  vertical-align:top
 }
 body .flex-boxes-container.box-listing .box.col-1 {
  box-sizing:initial;
  -moz-box-sizing:initial;
  -ms-box-sizing:initial;
  -o-box-sizing:initial;
  -webkit-box-sizing:initial;
  width:154px;
  height:285px
 }
 body .cta-style-2 .content-box {
  width:auto
 }
 body .cta-style-2 .content-box:before {
  left:-50px
 }
 .flex-boxes-container .button {
  clear:both;
  margin-bottom:10px
 }
 body .footer .grid-outer {
  width:95%
 }
 body {
  overflow-x:hidden
 }
 body .help-links .flex-boxes-container .box.col-1 {
  width:15%
 }
 body .page-top {
  padding-left:40px
 }
 .our-values .content-box {
  width:270px
 }
 .our-values .box-row .col-2 {
  width:360px
 }
 .our-history .grid-outer ul {
  padding:20px
 }
 .our-history .grid-outer ul li ul {
  padding:0 18px
 }
 .tile-row .tile {
  width:41%;
  display:inline-block;
  float:none
 }
 body .home-header .share {
  padding-left:0;
  height:auto
 }
 body .home-header .share .share-button {
  height:auto
 }
 .cal-benefits .box-listing .box-4.box-3 {
  width:24%
 }
}
@media screen and (min-width:960px) {
 .slide-wrapper {
  width:960px;
  margin-left:-480px;
  top:40px
 }
 .mobile-only {
  display:none!important
 }
 html.mobile .slide-wrapper {
  width:960px
 }
}
@media screen and (min-width:600px) and (max-width:767px) {
 .compare-card-page .compare-card-wrapper .compare-wrapper {
  height:335px
 }
 .compare-card-page .compare-card-wrapper .compare-wrapper li {
  height:315px
 }
 .slider .slick-slide img {
  width:100%;
  height:auto
 }
 html.mobile.landscape .home-header .slick-slide img {
  height:400px!important
 }
 html.mobile table.rewards-table {
  width:500px
 }
 .cal-benefits .box-listing .box-3 {
  width:45%
 }
 html.mobile body .privileges .slick-slide figure img {
  display:inline
 }
}
@media screen and (min-width:0) and (max-width:959px) {
 body .flip-board .back {
  display:none!important
 }
 body .our-values .showback .flip-board .back {
  display:block!important
 }
 body .cards-data .col-2:hover .flip-board .back,body .cards-data .col-2:hover .flip-board .front {
  -webkit-transform:none;
  -moz-transform:none;
  -o-transform:none;
  transform:none
 }
}
html.tablet.portrait .eligible-card-list article .grid,html.tablet.portrait .tab-content article .grid {
 margin:10px
}
html.tablet .page-header .page-header-image {
 height:100%;
 width:auto
}
html.tablet.portrait div.wrapper.page-header-wrapper {
 width:760px;
 margin-left:-380px
}
html.tablet.portrait .page-header .dl-link,html.tablet.portrait .page-header .share {
 display:none
}
html.tablet.portrait .upload-docs .box-3 {
 padding:0 10px;
 width:30%;
 display:inline-block;
 text-align:center
}
html.tablet.portrait body .global-nav .wrapper {
 width:100%
}
html.tablet {
 margin:0 auto;
 overflow-x:hidden
}
html.tablet a.section-home-link {
 display:block;
 padding:10px;
 border:none!important;
 background:#fcfcfc;
 width:auto;
 width:445px;
 font-size:14px;
 margin-bottom:15px;
 color:#333
}
html.mobile.landscape .home-header.campaign-header img,html.mobile.landscape .slick-slide img,html.tablet.landscape .home-header.campaign-header img,html.tablet.landscape .slick-slide img {
 width:100%;
 height:auto;
 min-height:200px
}
html.mobile.landscape .enquire-now .row .field-wrap input,html.mobile.landscape .enquire-now .row .field-wrap input#phone {
 width:92%;
 margin-left:12px
}
html.mobile.landscape #corporate .cards-data .col-2 .card-container,html.mobile.landscape #corporate .cards-data .col-2 .card-container figure {
 height:auto
}
html.mobile.landscape .cta-style-1 .flex-boxes-container.slick-slider .box img {
 width:110px;
 height:110px;
 min-height:110px
}
html.mobile.landscape .generic-tabs .tab-content .wrap img {
 width:auto;
 margin-right:15px;
 margin-bottom:15px
}
html.mobile.landscape .small-hero .slick-slide img,html.tablet.landscape .small-hero .slick-slide img {
 width:100%;
 height:auto;
 min-height:0
}
html.tablet.landscape .rewards-slider .slick-slide img {
 height:auto;
 width:auto
}
html.mobile.portrait .rewards-thumbs .slick-slide img,html.tablet.landscape .rewards-thumbs .slick-slide img {
 width:78px;
 height:78px;
 min-height:70px
}
html.mobile.portrait .home-header .slick-slide img {
 height:225px;
 min-height:200px
}
html.mobile.portrait .home-header.campaign-header img {
 height:225px;
 min-height:200px;
 width:100%
}
html.mobile.portrait .small-hero .slick-slide img {
 height:auto;
 min-height:0
}
html.mobile.portrait .videos-container .slick-slide img {
 width:100%
}
html.mobile.portrait .videos-container .video-wrap em {
 height:225px
}
html.mobile.portrait .videos-container .video-wrap small {
 top:200px
}
html.mobile.landscape .videos-container .video-wrap em {
 height:auto;
 min-height:200px
}
html.mobile.landscape .videos-container .video-wrap small {
 top:175px
}
html.tablet.portrait .small-hero .slick-slide img {
 height:auto;
 min-height:0;
 width:768px
}
html.tablet.portrait .slick-slide img {
 height:293px;
 min-height:250px;
 width:100%
}
html.tablet.portrait .privileges .col-2 img.signatures {
 height:87px
}
html.tablet.landscape .making-world .tabs-container {
 width:100%
}
html.tablet.landscape .modal-overlay .modal {
 left:45%
}
html.mobile body .privileges .slick-slide figure img,html.tablet body .privileges .slick-slide figure img {
 width:61px;
 height:61px;
 min-height:61px
}
html.mobile body .privileges .slick-slide img.signatures,html.tablet body .privileges .slick-slide img.signatures {
 width:100%;
 height:auto
}
html.tablet.portrait .card-listing .cards-data .grid.row h4,html.tablet.portrait .card-listing .cards-data .grid.row ul {
 margin-left:280px
}
html.tablet.portrait .tab-content article .grid.row .learn-more-link {
 margin-left:-16px
}
html.tablet.portrait .tab-content .grid.row>.item-footer {
 width:138px;
 right:20px
}
html.tablet .row .item-footer .fb-like {
 top:0;
 width:85px!important;
 right:0;
 position:absolute
}
html.tablet .sticky-links {
 display:none
}
html.mobile .global-nav ul li.global-search,html.tablet .global-nav ul li.global-search {
 width:164px
}
html.tablet .global-nav ul.main-menu>li:nth-last-child(2) a {
 border-right:none
}
@media screen and (min-width:960px) and (max-width:1100px) {
 html.mobile .global-nav ul li.global-search,html.tablet .global-nav ul li.global-search {
  width:200px
 }
}
html.mobile .fancy-select-wrap,html.tablet .fancy-select-wrap {
 position:relative
}
html.mobile .fancy-select-wrap select,html.tablet .fancy-select-wrap select {
 width:99%
}
html.tablet .corporate-enquire .fancy-select-wrap select {
 width:199px
}
html.tablet .apply-form .fancy-select-wrap.select-city,html.tablet .apply-form .fancy-select-wrap.select-city #city {
 width:112px
}
html.tablet.portrait .offers .fancy-select-wrap select,html.tablet.portrait .offers .fancy-select-wrap.select-card,html.tablet.portrait .offers .fancy-select-wrap.select-categories,html.tablet.portrait .offers .fancy-select-wrap.select-location,html.tablet.portrait .offers .section-filter .fancy-select-wrap.select-city {
 width:175px
}
html.tablet.portrait .offers .filter-container {
 padding:0 15px
}
html.tablet.portrait .card-application input.primary,html.tablet.portrait form .retrieve input[type=button] {
 margin-top:20px
}
html.tablet.portrait form .retrieve input[type=button] {
 margin-left:118px
}
html.mobile .ui-datepicker select.ui-datepicker-month,html.mobile .ui-datepicker select.ui-datepicker-year,html.tablet .ui-datepicker select.ui-datepicker-month,html.tablet .ui-datepicker select.ui-datepicker-year {
 width:100%
}
html.tablet.portrait .modal-overlay .modal {
 padding:40px;
 left:59%
}
html.tablet.portrait .tile-popup .modal .close-button {
 right:-66px
}
html.tablet.portrait .slick-prev {
 left:8px
}
html.tablet.portrait .slick-next {
 right:7px
}
html.tablet.portrait .rewards-thumbs .slick-prev {
 left:-35px
}
html.tablet.portrait .rewards-thumbs .slick-next {
 right:-35px
}
html.mobile .fancy-select-wrap select#homestdCode,html.mobile .fancy-select-wrap select#officestdCode,html.tablet .fancy-select-wrap select#homestdCode,html.tablet .fancy-select-wrap select#officestdCode {
 width:98px
}
html.tablet.portrait .form-field-list li .field-wrap input[type=text]#years {
 top:0
}
html.tablet.portrait .form-step2 {
 padding:0 10px
}
html.mobile button,html.mobile input,html.mobile input[type=date],html.mobile input[type=email],html.mobile input[type=tel],html.mobile input[type=text],html.mobile select,html.mobile textarea,html.tablet button,html.tablet input,html.tablet input[type=date],html.tablet input[type=email],html.tablet input[type=tel],html.tablet input[type=text],html.tablet select,html.tablet textarea {
 -webkit-appearance:none!important;
 border-radius:0!important;
 box-shadow:none;
 outline:0
}
html.mobile body a:hover,html.tablet body a:hover {
 text-decoration:none!important
}
html.mobile .radio-wrap span,html.tablet .radio-wrap span {
 pointer-events:none
}
html.tablet.landscape .modal-overlay .modal {
 margin-left:-435px
}
html.tablet.portrait .modal-overlay .modal {
 width:70%
}
@media screen and (min-width:768px) and (max-width:959px) and (orientation:portrait) {
 body .rewards-filter .grid-outer {
  width:98%
 }
 .simplifyer-wrap .simplyfier.main-slider {
  width:86%;
  margin-left:34px
 }
 .simplyfier-modules .main-card-info {
  right:60px;
  width:300px
 }
 .final-card-wrapper {
  padding:0 10px
 }
 .calculator-module .simplifyer-wrap .right ul li:last-child,.expense-income-simplyfiers .simplifyer-wrap .right ul li:last-child {
  right:0
 }
 .expense-income-simplyfiers .simplifyer-wrap .left {
  width:176px
 }
 .calculator-module .simplifyer-wrap .right,.expense-income-simplyfiers .simplifyer-wrap .right {
  margin-left:176px
 }
 .calculator-module .simplifyer-wrap .right,.expense-income-simplyfiers .simplifyer-wrap .right ul {
  padding:0 10px
 }
 .ui-slider-vertical div.tooltip.top.slider-tip {
  left:-21px;
  top:2px;
  width:38px
 }
 body ul.page-tabs {
  margin-left:100px
 }
 html .global-nav ul.main-menu>li nav.fat-nav {
  width:750px
 }
 .contact-sec .instruction,.contact-sec .left-sec label.fancy-checkbox,.contact-sec a.button.secondary.verify-mobile,.content-section .contact-sec .button.primary {
  margin-left:0
 }
 form .contact-sec label.error {
  top:47px
 }
 .sitemap .tab-inner-content {
  width:96%;
  margin-left:2%
 }
 .sitemap-inner .box-3 {
  width:45%
 }
 .sitemap-inner .content-block {
  margin-top:2px
 }
 .balance-transfer .left-sec {
  padding:35px 0 30px 23px;
  width:45%
 }
 .balance-transfer .right-sec {
  padding:35px 0 40px 19px;
  width:47%
 }
 .balance-transfer .left-sec ul li span {
  padding-left:15px;
  width:81%;
  font-size:14px
 }
 .news-media-kit .media ul li p {
  margin-bottom:5px;
  margin-top:1px
 }
 .news-media-kit .grid.col-2.media {
  width:44%;
  margin-left:30px
 }
 .grid-outer.news-media-kit .col-2 {
  margin-left:15px;
  width:44%
 }
 .journey .tile-row .tile {
  width:179px;
  padding:0 20px;
  float:left
 }
 .journey .tile-row {
  display:block;
  width:660px
 }
 body .home-header .left-content {
  height:225px;
  width:100%
 }
 .box-listing .box-3 {
  float:none
 }
 body.card-details-page .home-header .left-content {
  width:63%
 }
 .escalation .grid-outer .col-2 {
  height:180px
 }
 .our-values .col-2.flip-this .flip-board .back {
  display:block!important
 }
 .banner-left.benefit {
  width:47%
 }
 .banner-right.benefit {
  width:52%
 }
 .banner-right ul {
  margin-top:10px
 }
}
@media screen and (min-width:768px) and (max-width:1300px) and (orientation:landscape) {
 .content-section select {
  border:1px solid #cdcbcb;
  font-size:12px;
  line-height:18px;
  font-weight:600;
  color:#666;
  height:38px;
  background:#fbfbfb;
  padding:0 10px;
  width:95%;
  display:block;
  -webkit-appearance:none;
  border-radius:0;
  position:relative
 }
 .fancy-select-wrap:after {
  content:"";
  display:block;
  position:absolute;
  width:0;
  height:0;
  border:5px solid transparent;
  border-top-color:#666;
  top:15px;
  right:9px
 }
 .fees-savings ul.fee-list ul {
  width:250px
 }
 .fees-savings ul.fee-list span.sub-total {
  width:60px
 }
 .fees-savings .col-two ul li .right {
  width:22%
 }
 .fees-savings .col-two-02 ul.fee-list ul {
  width:260px
 }
 .compare-card-page .compare-card-wrapper .compare-wrapper li {
  width:305px
 }
 .global-nav ul.main-menu>li.active nav.fat-nav {
  box-shadow:0 10px 10px rgba(0,0,0,.3);
  margin-top:0;
  z-index:99
 }
 .global-nav ul.main-menu>li:hover>a,html.desktop .global-nav ul.main-menu>li>a:hover {
  background:#0095d9;
  color:#fff;
  position:relative;
  bottom:0;
  top:0;
  padding-top:1px!important;
  padding-bottom:0!important
 }
 .global-nav ul.main-menu>li.active nav.fat-nav {
  -webkit-animation:menuEnter .25s linear;
  -moz-animation:menuEnter .25s linear;
  -o-animation:menuEnter .25s linear;
  animation:menuEnter .25s linear;
  max-height:800px;
  height:auto;
  opacity:1;
  top:60px;
  border-top:solid 4px #0095d9;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5
 }
}
@media screen and (min-width:0) and (max-width:767px) {
 .outer-question li.question p {
  border-bottom:1px solid grey;
  padding:16px 60px 16px 16px!important;
  cursor:pointer;
  font-size:16px
 }
 .tab-inner-content p {
  font-size:13px;
  line-height:20px;
  font-weight:400;
  color:#000
 }
}
.faq-page .new-accordion .tab-inner-content .outer-question li.question p::after {
 background:url(/sbi-card-en/resources/img/FAQs-UI-3_15.png) -14px 0 no-repeat;
 width:18px;
 height:10px;
 float:right;
 margin-top:8px;
 margin-right:-40px;
 content:''
}
.faq-page .new-accordion .tab-inner-content .outer-question li.question.arrow-up p::after {
 background:url(/sbi-card-en/resources/img/FAQs-UI-3_15.png) 4px 0 no-repeat;
 width:18px;
 height:10px;
 float:right;
 margin-top:8px;
 margin-right:-40px;
 content:''
}
.new-accordion .tab-inner-content .content {
 display:none
}
.tab-inner-content ul li {
 padding:0;
 border-bottom:0
}
li div.content {
 padding-left:49px;
 padding-bottom:20px
}
li.question p {
 border-bottom:1px solid grey;
 padding-bottom:20px;
 padding-left:41px
}
div#faq-element {
 border-bottom:3px solid #0095d9;
 padding-left:0;
 margin-bottom:45px
}
div#faq-element h2 {
 margin-left:23px;
 padding:10px 10px 0 3px
}
.outer-question li.question p {
 border-bottom:1px solid grey;
 padding:16px 60px 16px 47px;
 cursor:pointer;
 font-size:16px
}
.faq-page .new-accordion .tab-inner-content {
 display:block;
 visibility:visible;
 opacity:1
}
.new-accordion ul.sublist-01 li:before {
 background:url(../img/sprite.png) -250px -700px no-repeat;
 content:"";
 display:inline-block;
 height:5px;
 padding-left:8px;
 vertical-align:top;
 margin-top:8px;
 width:4px;
 position:relative;
 top:0;
 left:0
}
.new-accordion ul.sublist-01 li {
 line-height:18px;
 font-weight:400;
 font-size:13px;
 margin-left:14px;
 text-indent:-1em
}
.new-accordion .content ul.sublist-02 li:before {
 background:url(../img/sprite.png) -250px -725px no-repeat;
 content:"";
 display:inline-block;
 height:3px;
 width:4px;
 vertical-align:top;
 margin-top:9px
}

.login-title{
    font-weight:600;
     text-align:center;
    color:black;
     margin:0;
     font-size:15px;
}

#myModalLogin label{
 
    height: 11px;
    padding-bottom: 3px;
    font-size: 12px;
    font-weight:bold;
    margin-bottom:12px;
    margin-top:12px;
    z-index: 10;
}

a:hover,
a:focus {
  color: #2a6496;
 text-decoration: none !important;
}

#myModalSignup label{
 
   height: 11px;
    padding-bottom: 3px;
    font-size: 13px;
    font-weight:bold;
    margin-bottom:5px;
    margin-top:10px;
    z-index: 10;
}

.form-control {
    height:25px;
    padding:3px 6px;

}

    /* Style the tab */
    .tab {
        float: left;
        border: 1px solid #ccc;
        background-color: #f1f1f1;
        width: 40%;
        height: 40px;
    }

        /* Style the buttons inside the tab */
        .tab button {
            display: block;
            background-color: inherit;
            color: black;
            padding: 22px 16px;
            width: 100%;
            border: none;
            outline: none;
            text-align: left;
            cursor: pointer;
            transition: 0.3s;
            font-size: 17px;
        }

            /* Change background color of buttons on hover */
            .tab button:hover {
                background-color: #ddd;
            }

            /* Create an active/current "tab button" class */
            .tab button.active {
                background-color: #ccc;
            }

        /* Style the buttons inside the tab */
.tabbuttonlinks .tab a {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

 /* Change background color of buttons on hover */
    .tabbuttonlinks .tab a:hover {
        background-color: #ddd;
    }

   /* Create an active/current "tab button" class */
    .tabbuttonlinks .tab a.active {
        background-color: #ccc;
    }




    /* Style the tab content */
    .tabcontent {
        float: left;
        padding: 0px 12px;
        border: 1px solid #ccc;
        width: 60%;
        border-left: none;
        height: 40px;
          display: none;
    }

    /* Clear floats after the tab */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.dropdown-menu .tab ul li {
    padding:10px;
}

.dropdown-menu .tab ul li:hover{
    background-color:#fff;
}

.tabcontent a{
     padding:10px;
     display:block;  
}

.tabcontent a:hover{
  color:blue;
}

 .allexams .tabcontent {
        float: none;   
        width: 100%;
        border-left: 1px solid #ccc;
        height: 300px;
       display: none;
    }

 .navbar {
    border-radius: 0px !important;
}

 #body {
   padding-bottom: 0px; 
}

 footer{
     height:auto !important;
 }

 .fl-social li{
     list-style-type:none;
     display:inline-block;
 }

 .fl-social{
    padding-left:0px;
 }

 
.fl-social li a:hover {
    color: #f6f8f9;
}


#myModalSignup input[type="button"]
{
    font-size:1.1em !important;
    
}

#myModalSignup input[type="text"]
{
  line-height:12px;
  padding: 4px 1px;
    
}

#myModalSignup input[type="password"]
{
  line-height:12px;
  padding: 4px 1px;
    
}


#myModalSignup input[type="date"]
{
  line-height:12px;
  padding: 4px 1px;
    
}


#myModalSignup .modal-body{
 
    padding-top:5px;
    padding-bottom:5px;
 
}


.modal-dialog {  
    padding-top: 5px;
    padding-bottom: 5px;
}

#myModalSignup  input[type="button"] {
    font-size: 0.8em !important;
}

.modal-title {   
    line-height: 18px;
}

.modal-header .close {
    font-size:1.2em;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #428bca;
  
    color: #000000 !important;
    /* background-color: #eeeeee; */
    /* border-color:    #428bca;*/
}

navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #000000 !important;
    /* background-color:  #e7e7e7;*/
}

.navbar-default .navbar-nav > li > a {
    color: white;
}

    .navbar-default .navbar-nav > li > a:hover {
        color: white;
    }

.innerpagescontent {
    margin-top: 135px;
    margin-bottom:25px
}

.nosubmenu {
    margin-top: 85px;
    margin-bottom: 25px
}

.tworowsubmenu {
    margin-top: 140px
}

.vertical-nav  li {
    list-style: none !important;
    background: none !important;
}

.contentbullets
{
    padding-left:15px
}

.vertical-nav li a{
    color: white;
}

.vertical-nav .active {
    color:#009999
}

/*.vertical-nav .active {
    width: 99%;
}
    */

.vertical-nav li {
   font-size:12px;
}
    .vertical-nav li a {
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

/*
#site-navigation .menu-primary-nav-container ul {
    overflow: hidden;
    display: block;
    padding: 0;
}

    #site-navigation .menu-primary-nav-container ul li a {
        display: block;
        outline-offset: -4px;
        padding-top: .725em;
        padding-bottom: .725em;
    }

#site-navigation ul li a {
    color: #000;
}


#site-navigation {
    line-height: 1.8;
    font-family: Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    text-align: center;
}

    #site-navigation .menu-primary-nav-container ul li:nth-of-type(4n+1) {
        border-left: none;
    }

    #site-navigation .menu-primary-nav-container ul li:nth-of-type(2n+1) {
        border-right: 1px solid #ccc;
        border-left: 1px solid transparent;
    }

    #site-navigation .menu-primary-nav-container ul li {
        width: 50%;
        float: left;
        margin-left: 0;
    }

    #site-navigation .menu-primary-nav-container ul{
      padding:0px !important;
      margin:0px !important; 
    }


    #site-navigation .menu-primary-nav-container ul li {
        width: 25%;
        float: left;
        margin-left: 0;
        margin: 0;
        margin-left: 0px;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    #site-navigation ul li {
        display: inline-block;     
        margin-bottom: 0;
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
        width: 50%;
        float: left;
        margin-left: 0;
    }

        #site-navigation ul li a {
            display: block;
            outline-offset: -4px;
            padding-top: .725em;
            padding-bottom: .725em;
        }

    #site-navigation .menu-primary-nav-container ul li:nth-of-type(2n) {
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
    }
    #site-navigation .menu-primary-nav-container ul li {
        width: 50%;
        float: left;
        margin-left: 0;
    }


#site-navigation .menu-primary-nav-container ul li a {
    display: block;
    outline-offset: -4px;
    padding-top: .725em;
    padding-bottom: .725em;
}
        #site-navigation .menu-primary-nav-container ul li:nth-of-type(2n+1) {
            border-right: 1px solid #ccc;
            border-left: 1px solid transparent;
        }
        */


.inner-pweb .menu1sub2 {
    display: none;
}

.mobile-menu1, .mobile-menu2 {
    padding: 0px;
    margin: 0px;
    border-top: 1px solid grey;
}

.mobile-menu1 {
    background-color: #1d1d40;
}

.mobile-menu2 {
    background-color: darkgreen;
}

.mobile-menu1 a {
    color: white;
}

.mobile-menu2 a {
    color: white;
}


.mobile-menu1 li, .mobile-menu2 li {
    display: inline-block;
    padding: 5px;
    font-weight: bold
}

    .mobile-menu1 li.active a, .mobile-menu2 li.active a {
        color: darkred;
    }

    .mobile-menu1 li.active, .mobile-menu2 li.active {
        background-color: #ffe6ab;
    }


.vertical-nav li.active a {
    color: darkred;
}
.vertical-nav li.active a {
    color: yellow;
    font-weight: bold;
}

.vertical-nav li.active ul  li.active a {
    color: white;
    font-weight: bold;
}

.vertical-nav li.active ul li a {
    color: black;
    font-weight: bold;
}

.vertical-nav li.active ul li {
    padding:0px
}

.mvvs .mvvs_inner {
    /* float: right; */
    /* margin-right: 11%; */
    /* width: 700px; */
    background: rgba(10, 13, 47, 0.87);
    padding: 40px;
}

    .mvvs .mvvs_inner h3 {
        font-size: 35px;
    }

    .mvvs .mvvs_inner h3 {
        color: #fff;
        font-weight: 800;
        font-size: 40px;
    }

    .mvvs .mvvs_inner h4 {
        color: #ffc621;
        font-size: 23px;
    }

    .mvvs .mvvs_inner p {
        color: #fff;
        text-align: justify;
    }

.milestone-placements {
    padding: 1rem 0 1rem;
}

.h1.title-main {
    font-size: 3.7rem;
    font-weight: 900;
}

.text-white {
    color: #fff !important;
}

.text-justify {
    text-align: justify !important;
}

.hr-white {
    border-color: #fff;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.title-hr {
    width: 80px;
    border-top: 3px solid white;
    margin-left: 0px;
    margin-top: 0rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.desktopdmenu li a {
    color: white;
}

.desktopdmenu li {
    padding: 0px 5px;
}

.desktopdmenu.nav > li > a:hover, .desktopdmenu.nav > li > a:focus {
    text-decoration: none;
    background-color: #0ea20e;
}

.desktopdmenu.nav > li:hover, .desktopdmenu.nav > li:focus {
    text-decoration: none;
    background-color: #0ea20e !important;
}

th {
    color: white !important;
}



.accredition .accimg {
    display: inline-block;
    vertical-align: middle
}

.highlihttext {
    font-weight: bold;
    font-size: 15pt;
    color: #fff;
    margin-left: 5px;
    line-height: 18pt;
    padding: 5px 15px;
    float: right;
    top: 0;
    position: relative;
    background-color: #006400;
    margin-right: 8px;
    vertical-align: middle;
}

p.title, .tel, .email {
    color: black
}

.siteheader-title-3 {
    font-size: 10px;
}

.siteheader-title-1 {
    /* line-height: normal;*/
    line-height: 25px;
}

.siteheader-title-2 {
    line-height: normal
}

article {
    width: 100%
}

.pagescontent{
    margin-top:150px;
}
.page-content{
    margin-top:25px;
}

.desktopdmenu li ul li a{
    color: black;
}

.link div:hover{
 cursor:pointer
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
    color:yellow;
    background:none;
    font-weight:bold;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px !important;
}

@media screen and (max-width:767px) and (min-width:0) {
    /* .navbar-collapse-amrec{
        display:block !important;
    }
*/
    a.quicklinks {
        width:100%
    }

    .companylogo-carousel .owl-item .item div div{
        height:60px !important;
    }

    .hide-mobile, body .content-section .hide-mobile {
        display: none !important;
    }
    .vertical-nav li {
        float: none !important;
        width: 49% !important;
        padding: 0px;
        color: #820000;
        display: inline-flex;
        outline-offset: -4px;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        background: none;
        text-align: center;
        height: 50px;
        vertical-align: middle
    }

        .vertical-nav li:hover {
            background-color: #f4f4f4 !important;
            color: darkgreen !important;
            font-weight: bold
        }

            .vertical-nav li:hover a {
                color: darkgreen !important;
            }

        .vertical-nav li a {
            margin: 0px auto;
        }

    .navbar-collapse-amrec {
        background-color: white;
        max-height: unset;
    }

    .vertical-nav li a {
        color: black;
    }

    .vertical-nav li a {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }


    .navbar-default .navbar-collapse-amrec .navbar-nav > li > a {
        color: black;
    }

    .inner-pweb .menu2 {
        display: none !important;
    }

    .menu3 {
        display: none !important;
    }


    .inner-pweb .menu1sub1 {
        display: none !important;
    }

    .inner-pweb .menu1sub2 {
        display: block !important;
    }


    .scrolled .menu1 {
        background-color: rgba(10, 13, 47, 0.87) !important;
    }

   .innerpagescontent {
        margin-top: 0px;
    }

    .menu1 {
        position: absolute;       
        right: 30px;
    }

    #header{
        position:unset
    }
    .sliderposition
    {
        margin:5px !important;
    }
    .web{
        margin:0px !important
    }

    .sliderpositionp
    {
        position:relative !important;
        margin-top:30px;
    }
    #content {
        margin-top: 0px !important;
    }
    .logobg  {
        text-align:center
    }
    .logobg .col-md-3{
        width:100%;

    }

    .accimg {
        /*background-color:unset !important; */
        color: black !important;
        padding: 0px !important;
    }

    #owl-demo.owl-slider .item img {
        min-height:unset;
        max-height:unset;
        min-width:unset
    }

    .color-strip
    {
        height:5px;
        background-color:darkblue;
    }

    .siteheader-title-3 {
        font-size: 8px;
    }
    .mvvs_inner
    {
        height:unset !important;
    }

        .mvvs img {
            margin-top: unset !important;
        }


    .mvvs
    {
        margin-top:unset !important;
        margin-bottom:unset !important;
    }

        .mvvs .mvvs_inner h3.title_heading {
            font-size: 20px
        }
        .mvvs .mvvs_inner h4 {
            font-size: 20px
        }
}

/* --------------  */