/*---------------------*/
/* New Style AB Testing*/
/*---------------------*/
.pad-none{padding:0;}
.bb-rupee-xs{width:10px;}
.bb-rs{text-transform:capitalize;}
.offers-section{font-size:12px;}
.offer{background-color:#FFFFFF;box-shadow:0 0 3px #a09c9c;border-top:1px solid #bdc3c7;border-bottom:1px solid #bdc3c7;font-size:12px;position:relative;line-height: normal;}
.offer-section-content .offer{margin-bottom:12px;}
.details-section .offer.details-section-header{padding:0;}
.details-section .offer{box-shadow:none;border-top:none;margin-bottom:5px;}
.offer-section{display:table; width:100%;}
.bank-section,.bank-details-section{display: table-cell;}
.bank-section{width:30%;text-align:center;vertical-align: middle; padding:5px;}
.offers-page .bank-section{padding:25px 5px 10px 5px;}
.class-fixed-deposit .bank-section,.fixed-deposit .bank-section{padding: 0 5px;}
.bank-section .offer-logo-md, .bank-section img{max-width:70px;}
.offer-section-content .offer .bank-section .value-title{padding:5px 0 5px;}
.offer .bank-section .value-title, .offer .bank-section .bestvalue, .offer .bank-section .title{display:block;padding:5px 0;}
.offer .bbicons-help{display:inline-block;width:16px;height:14px;}
.offer .bbicons-help{display:none;}
.offer-section-content .offer .user-rating, .details-section .offer .user-rating{display:none;}
.bank-details-section{width:70%;border-left: 1px solid #ebedee;}
.offer a.value-title{color:#34495e;font-size:12px;}

.offer .compare-check-box{padding: 5px 10px;position: relative;display:block; height: 30px;}
.offer .checkbox, .offer .radio{display:block;font-size:16px;left:50%;line-height:16px;margin:0px;margin-left:-11px;padding:0px;position:relative;width:20px;}
.offer .compare-check-box .checkbox .icons, .offer .compare-check-box .radio .icons {color:#fff;}
.offer .compare-check-box .fui-checkbox-unchecked:before {content: "";border: 1px solid #d4d4d4;border-radius: 4px;}
.offer .compare-check-box .error-msg{width:250px;left:70%;bottom:-10px;}

.row-1,.row-2,.row-3{width:100%;display:table}
.row-2{border-top:1px solid #ebedee;padding:5px 10px;min-height:35px;}
.row-3{border-top:1px solid #ebedee;padding:10px 8px;}
.row-1-box-1,.row-1-box-2,.row-1-box-3{border-right: 1px solid #ebedee;text-align: center;font-weight: bold;height:80px;display:table-cell; width:33.33%;vertical-align: middle;padding:0 2px;}
.details-section .row-1-box-1,.details-section .row-1-box-2,.details-section .row-1-box-3{height:105px;}
.details-section.fixed-deposit .row-1-box-1, .details-section.fixed-deposit .row-1-box-2, .details-section.fixed-deposit .row-1-box-3{height:110px;}
.row-2-box-1,.row-2-box-2,.row-3-box-1,.row-3-box-2{ display:table-cell; vertical-align:middle; width:50%;}
.row-2-box-1{width:48%;}
.row-3-box-1{width:35%;}
.row-2-box-2{width:52%;text-align: center;}
.row-3-box-2{width:65%;text-align: center;}
.full-column .row-2-box-1, .full-column .row-2-box-2, .full-column .row-3-box-1, .full-column .row-3-box-2{width:100%;display:block;text-align:center;}
.full-column .row-3-box-1 a, .full-column .row-3-box-2 a{float:none;}
.full-column .row-3-box-1 a.view-details{padding-top:0;}
.full-column .row-3-box-2 a.select-offer-btn{text-align:left;}

.offers-strike{text-decoration:line-through;}
.non-strike{display:block;}
.offer .bank-details-section .value-description {color: #999999;display: block;font-weight: normal;padding-top: 2px;text-transform: uppercase; width: 100%;}
.offer .center-column-badge{background:#ff6601;color: #fff;border-radius: 2px;font-size: 10px;padding:2px 4px;text-transform: uppercase;vertical-align: middle;}
.high-demand{color:#2c97de; font-size:12px; line-height:16px;text-align:center;}
.view-details{color:#0469a0; text-decoration:underline;vertical-align: middle; padding:5px 5px 5px 0;display:inline-block;}
.select-offer-btn, .continue{padding: 5px 10px 5px 5px;font-size: 14px;float:right;}
.select-offer-btn .bbicons-flash{background-position:-17px -804px;float:left;width:20px;height:20px;}
.offers-section .p1-cc{background-color:#EEF5FD;}
.row-2 .number-value, .offer-section .row-2 .bb-rupee-xs{color:#1abc9c;font-weight:bold;}
.row-2 .SAVE{color:#999;}

/*Top Badge*/
.badge-top .bank-section{padding:25px 5px 10px;}
.badge-top .row-3{height:80px;}
.badge-top .row-1-box-1,.badge-top .row-1-box-2,.badge-top .row-1-box-3{padding:25px 2px 10px;}

@media(max-width:320px) {
    .offers-section .value-description{font-size:11px;}
}

/*Ab Theam - 1*/
.ab-theam-1 .row-0 .value-title{font-weight:bold;}
.ab-theam-1 .bank-section, .offers-page .ab-theam-1 .bank-section{width:28%;vertical-align:top;padding:7px 4px 10px 4px;}
.ab-theam-1 .bank-details-section{width:72%;}
.ab-theam-1 .row-0{width:100%;display:table;border-bottom:1px solid #ebedee;padding:6px 8px;}
/*.ab-theam-1 .row-1 .bbicons-sprite-rewards, .ab-theam-1 .row-1 .rewards-section-title, .ab-theam-1 .row-1 .non-strike, .offer .ab-theam-1 .bank-details-section .row-1 .value-description{display:table-cell;vertical-align:middle;padding:0 2px;}*/
.credit-card .ab-theam-1 .row-1 .bbicons-sprite-rewards, .credit-card .ab-theam-1 .row-1 .rewards-section-title, .credit-card .ab-theam-1 .row-1 .strike-value, .credit-card .ab-theam-1 .bank-details-section .value-description{display:inline-block;vertical-align:middle;padding:0 2px;text-transform:none;text-align:left;width:auto;}
.credit-card .ab-theam-1 .row-1 .bbicons-sprite-rewards{width:32px;margin:0}
.ab-theam-1 .row-1 .strike-value{font-size:15px;}
.ab-theam-1 .row-1 .strike-value .bb-rupee-xs{font-size:13px;width:12px;}
.ab-theam-1 .row-1-box-1, .ab-theam-1 .row-1-box-2, .ab-theam-1 .row-1-box-3{height:auto;padding:6px 2px;}
.ab-theam-1 .row-3{padding:6px 8px;}
.credit-card .ab-theam-1 .row-1-box-1{width:60%;}
.credit-card .ab-theam-1 .row-1-box-2{width:40%;}
.ab-theam-1.badge-top .row-3{height:auto;}
.ab-theam-1.badge-top .bank-details-section{padding-top:20px;}
.ab-theam-1.badge-top .bank-section{padding-top:27px;}
.offer.ab-theam-1 .first-column-ad-badge:after{border-style:solid;content:" ";position:absolute;top:initial;left:20px;right:initial;height:0;margin-top:-6px;border-left:5px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #f2a12b;border-top:5px solid transparent;}
.offer.ab-theam-1 .first-column-ad-badge{background:#f2a12b;position:static;margin:0 30px 3px 0;display:block;line-height:normal;color:#fff;}
.loans .ab-theam-1 .first-column-ad-badge, .offers-section.loans .three-column-view .offer-first-column span.first-column-ad-badge{position:absolute;top:5px;}
.loans .offer.ab-theam-1.badge-top .bank-section .first-column-ad-badge{margin-top:0;top:21px;}
.loans .ab-theam-1 .first-column-ad-badge:after{left:16px;border-left:4px solid transparent;}
.offer.ab-theam-1 .first-column-top-left-badge{width:100%;background-color:#d7ebec;color:#33495f;padding:0;height:20px;line-height:20px;}
.offer.ab-theam-1 .first-column-top-left-badge:after{display:none;}
.offer.ab-theam-1 .first-column-top-left-badge img{margin:4px 5px 0 8px;height:auto;}
.offer.ab-theam-1 .first-column-bottom-left-badge{background-color:#fcedda;padding:0;height:20px;line-height:20px;}
.top-badge:after, .first-column-bottom-left-badge:after{border-width:0;}
.offer.ab-theam-1 .first-column-bottom-left-badge img{margin:3px 5px 0 8px;height:auto;}
.ab-theam-1 .badge-section{font-weight:bold;}
.ab-theam-1 .bank-section .offer-logo-md, .ab-theam-1 .bank-section img{max-width:78px;}
.offer.ab-theam-1.badge-top .bank-section .first-column-ad-badge{margin-top:-6px;}
.credit-card .offer.ab-theam-1.badge-top .compare-check-box{margin-top:23px;}
.credit-card .offer.ab-theam-1 .compare-check-box{margin-top:22px;}
.credit-card .offer.ab-theam-1.badge-top .first-column-ad-badge ~ .compare-check-box{margin-top: 14px;}
.credit-card .offer.ab-theam-1 .first-column-ad-badge ~ .compare-check-box{margin-top: 10px;}
.offer.ab-theam-1 .compare-check-box{margin-top:5px;}
.offer.ab-theam-1 .bank-section .value-title{font-weight:bold;}
.loans .offer .bank-details-section .value-description{text-transform:none;}
.carousel-inner .details-section .ab-theam-1 .row-1-box-1, .carousel-inner .details-section .ab-theam-1 .row-1-box-2, .carousel-inner .details-section .ab-theam-1 .row-1-box-3{height:80px;}
.details-section .ab-theam-1 .row-1-box-1,.details-section .ab-theam-1 .row-1-box-2,.details-section .ab-theam-1 .row-1-box-3{height:110px;}
.ab-theam-1.bank-name-length .row-3{height:65px;}

/*AB Theam App Page*/
.new-app-page .ab-theam-1 .row-1-box-1, .new-app-page .ab-theam-1 .row-1-box-2, .new-app-page .ab-theam-1 .row-1-box-3{height:80px;}
.new-app-page .credit-card .ab-theam-1 .row-1-box-1, .new-app-page .credit-card .ab-theam-1 .row-1-box-2, .new-app-page .credit-card .ab-theam-1 .row-1-box-3{height:auto;}

/*App Page*/
.new-app-page .row-1-box-1, .new-app-page .row-1-box-2, .new-app-page .row-1-box-3{height:95px;}
.new-app-page .offer .bbicons-help{background-position:0px -387px;cursor:pointer;width:12px;height:12px;display:inline-block;vertical-align:middle;margin-left:2px;}
.new-app-page .offer .bbicons-help{display:none;}
.new-app-page .offer-section-heading span{display:inline-block;font-size:16px;font-weight:bold;vertical-align:top;line-height:1.1;}

.loans .ab-theam-1 .row-1 .strike-value .bb-rupee-xs{width:14px;}
.offerTable .loans .ab-theam-1 .row-1 .strike-value .bb-rupee-xs{width:12px;}
@media(max-width:320px) {
    .loans .ab-theam-1 .bank-section .value-title{font-size:11px;}
    .loans .ab-theam-1 .row-1 .strike-value .bb-rupee-xs{font-size:12px;width:11px;}
    .loans .ab-theam-1 .row-1 .strike-value{font-size:14px;}
}
/*---------------------*/
/* New Style AB Testing*/
/*---------------------*/

/* Offer Badges */
.badge-section{}

.offer .first-column-top-left-badge{padding:5px 5px 0px;font-size:10px;position:absolute;text-transform:uppercase;height: 20px;left:0;top:0;background-color:#F64648;color:#fff;line-height:normal;z-index:1;}
.offer .first-column-top-left-badge:after{border-style:solid;border-width:10px 7px;content:" ";position:absolute;top:0;right: -8px;max-height: 20px;border-color:#F64648 rgba(0,0,0,0) #F64648 #F64648;}
.offer .first-column-top-left-badge img{margin:-5px 5px 0 0;float:left;height:18px;}

.bottomright-badge{text-align:center;border-top:1px solid #d4d0d0;padding:10px 15px;line-height:normal;text-transform:uppercase;font-size:10px;}
.bottomright-badge.active{background:#EEF5FD}
.bottomright-badge{text-align: center}
.bottomright-badge img{float: none}

.offer .first-column-bottom-left-badge{padding:5px 8px;font-size:10px;text-transform:uppercase;left:0;background-color:#EDF4FC;color:#33495f;bottom:0;position:relative;display:block;border-top:1px solid #ebedee;height:auto;}
.offer .first-column-bottom-left-badge img,.bottomright-badge img{display:inline-block;float:left;margin:0px 5px 0 0;}
.offer .first-column-bottom-left-badge img{margin-bottom:2px}

.offer .first-column-ad-badge{font-size:9px;padding:1px 3px;display:inline-block;background:#EBC622;border-radius:2px;color:#fff;margin: 0 3px 0 0;width: 20px !important;position: absolute;left:2px;top:31px;}

.other-details-bottom-badge{text-transform:uppercase;font-size:10px;}
.other-details-bottom-badge .text-center{width:230px;text-align:left;margin:auto;}
.other-details-bottom-badge.active{background:#EEF5FD}

/*Popover Starts*/
.popover{background-color:#7af8bd;border:none;width:160px;}
.popover.bottom > .arrow{border-bottom-color:#7af8bd;}
.popover.right > .arrow{border-right-color:#7af8bd;}
.popover.bottom > .arrow:after{border-bottom-color:#7af8bd;}
.popover.right > .arrow:after{border-right-color:#7af8bd;}
.popover.top > .arrow, .popover.top > .arrow:after{border-top-color:#7af8bd;}
.popover-header{float: right;}
.popover-content{padding:6px 10px;text-align:left;width:140px;color:#038239;font-size:12px;max-height:85px;overflow-x:hidden;overflow-y: auto;-webkit-overflow-scrolling-y: auto;-webkit-overflow-scrolling: touch;}
.popover-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #F5F5F5;}
.popover-content::-webkit-scrollbar {width: 6px;background-color: #F5F5F5;}
.popover-content::-webkit-scrollbar-thumb {background-color: #999;}
.popover button.close{margin-right:5px;outline:none;}
/*CC Custom Popover Starts*/
.fee-section-value .popover.left > .arrow{border-left-color:#7af8bd;}
.fee-section-value .popover.left > .arrow:after{border-left-color:#7af8bd;}
.fee-section-value .details-section .sticky-section { width:auto;}
/*CC Custom Popover End*/
/*Popover End*/


/*--------------------------*/
/*CC Custom Offer Row Start*/
/*--------------------------*/
.rewards-section-title{font-weight:normal;color:#999;font-size:11px;}
/*CC Sprite*/
.bbicons-sprite-rewards{dbImage_background-image:SPRITE_REWARDS_MOBILE;width:32px;height:28px;margin:15px auto 2px;display:block;}
.bbicons-airline{background-position:-10px -16px;}
.bbicons-shopping{background-position:-8px -162px;}
.bbicons-fuel{background-position:-10px -114px;}
.bbicons-cashback{background-position:-8px -212px;}
.bbicons-premium{background-position:-10px -262px;}
.bbicons-lowfee{background-position:-8px -310px;}
.bbicons-lifestyle{background-position:-10px -69px;}
.bbicons-rewards{background-position:-8px -700px;}
.bbicons-travel{background-position:-10px -810px;}
/*--------------------------*/
/*CC Custom Offer Row End*/
/*--------------------------*/

/*flat-btn-group Starts*/
.flat-btn-group{position:fixed;bottom:0;left:0;right:0;margin:auto;width:100%;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;overflow:hidden;z-index:1000;}
.flat-btn-group .btn{border-radius:0px;border:1px solid #999999;border-left:0px solid #999999;border-right:0px solid #999999;padding:10px 0;position:relative;float:left;width:50%;margin:0;text-align:left;text-indent:10px;}
.flat-btn-group .btn:first-child{background-color:#FFFFFF;color:#000000;}
.flat-btn-group .btn:last-child:hover{color:#FFFFFF;}
/*flat-btn-group End*/

/*CC Details Page Offer Section*/
.details-section .details-section-header{padding:10px;position:relative;}
.details-section .details-section-header .fee-section{float:left;position:relative;width:129px;line-height:normal;padding:0 0 0 10px;}
.details-section .shortlist{display:none;}
.details-section .details-section-header .pull-left{width:170px;float:left;}
.details-section .details-section-header .fee-section .popover .popover-content{max-height:55px;}
.details-section .fee-section-value .font-lg{font-size:18px;line-height:22px;}
.details-section .fee-section-value .bb-rupee-xs{font-size:16px;width:15px;}
.details-section .fee-section-value .value-description{color: #a6a6a6;font-size:14px;display:block;font-weight:normal;line-height:normal;}
.details-section .coupons-balloon{display:block;}

/*Shotlist icon*/
.shortlist .bbicons-call{background-position: 5px -2853px;}
.sprite-offers{width:26px;height:36px;display:inline-block;}
.shortlist{cursor:pointer;height:38px;position:absolute;right:0;top:1px;width:38px;z-index:1;}
.shortlist a{display:inline;float:right;}

/*STPL*/
.loans .ab-theam-1 .row-1 nav li, .loans .ab-theam-1 .row-1 .stl-tenure{font-size:15px;font-weight:bold;margin-bottom:5px;}
.loans .ab-theam-1 .row-1 nav li .value-description, .loans .ab-theam-1 .row-1 .stl-tenure .value-description{font-size:12px;}
.loans .ab-theam-1 .row-1 nav li .bb-rupee-xs, .loans .ab-theam-1 .row-1 .stl-tenure .bb-rupee-xs{font-size:13px;width:14px;}
@media(max-width:320px) {
.loans .ab-theam-1 .row-1 nav li, .loans .ab-theam-1 .row-1 .stl-tenure{font-size:14px;}
.loans .ab-theam-1 .row-1 nav li .value-description, .loans .ab-theam-1 .row-1 .stl-tenure .value-description{font-size:11px;}
.loans .ab-theam-1 .row-1 nav li .bb-rupee-xs, .loans .ab-theam-1 .row-1 .stl-tenure .bb-rupee-xs{font-size:12px;width:11px;}
}


/*-------------------------------*/
/* New Style AB Insurance Testing*/
/*-------------------------------*/
.insurance-content .select-offer-btn .bbicons-flash{background-position: -15px -1377px;}
.additional-coverage-mobile span{color:#999;font-weight:normal;}

/*BB Sprite Common Icons*/
.sprite-offers-common{dbImage_background-image:SPRITE_OFFER_PAGE_ICONS_MOBILE;background-repeat:no-repeat;}
.offers-section .coverage{width:22px;height:25px;background-position:-14px -1303px;display:block;margin:0 auto;}

/*Offer Widget - Customer Care*/
.card-offer-table .landing-page-offers-section .offers-section{margin: 0 -14px;}



/*AB offer dual layout*/
.bank-prod-page .offer span{line-height:normal;}
.primary-txt .offer a.view-details{color:#0469a0;font-size:12px;}
.primary-txt .offer a.select-offer-btn, .primary-txt .offer a.continue{font-size:14px;}
.loans-offer-table .offer .bank-details-section .value-description{text-transform:none;font-size:12px;}

/*AB Animation*/
.cta-animation-1 .btn-primary,.slp-cta-animation-1{position:relative}
.cta-animation-1 .btn-primary::before, .slp-cta-animation-1::before{box-shadow:0 0 0 0 rgba(255, 255, 255, 0.7);border-radius:100%;content:""; -webkit-animation: pulse-cubic-bezier 3.25s 0s 3 cubic-bezier(0.66, 0, 0, 1);-moz-animation: pulse-cubic-bezier 3.25s 0s 3 cubic-bezier(0.66, 0, 0, 1);-ms-animation: pulse-cubic-bezier 3.25s 0s 3 cubic-bezier(0.66, 0, 0, 1);animation:pulse-cubic-bezier 3.25s 0s 3 cubic-bezier(0.66, 0, 0, 1);display:inline-block;border:1px solid rgba(255, 255, 255, 0);width:0;height:0;top:50%;left:48%;position:absolute;}
@-webkit-keyframes pulse-cubic-bezier {to {box-shadow: 0 0 0 85px rgba(255, 255, 255, 0);}}
@-moz-keyframes pulse-cubic-bezier {to {box-shadow: 0 0 0 85px rgba(255, 255, 255, 0);}}
@-ms-keyframes pulse-cubic-bezier {to {box-shadow: 0 0 0 85px rgba(255, 255, 255, 0);}}
@keyframes pulse-cubic-bezier {to {box-shadow: 0 0 0 85px rgba(255, 255, 255, 0);}}