/*! SBI - v1.0.0
* Sapient Nitro (http://www.sapient.com)
* Author: Sapient Nitro 
* Date: 2017-05-22 17:12:39
* (http://www.sapient.com) Copyright (c) 2017 -  */ 

.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
}
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
button, html, input, select, textarea {
	font-family: sans-serif
}
body {
	margin: 0
}
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
}
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: 1em 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;
	vertical-align: baseline
}
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: 960px;
	margin: 0 auto
}
.content-section .wrapper {
	padding: 45px 0
}
.page-top {
	height: 40px;
	background: #0a242b
}
.grid-outer {
	width: 960px;
	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 {
	padding: 0 18px;
	font: 1.4em/38px 'Open Sans', sans-serif;
	font-weight: 600;
	height: 42px;
	display: inline-block
}
.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;
	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%
}
.grid {
	margin: 0;
	float: none
}
}

@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
}
body {
	overflow-x: hidden
}
body .page-header .share {
	font-weight: 400;
	font-size: 12px;
	line-height: 32px;
	margin: 12px 0 0;
	width: 155px;
	height: 60px;
	position: absolute;
	right: 0;
	bottom: 97px
}
body .page-header .share a {
	color: #fff;
	display: block;
	width: 87px
}
body .page-header .share small {
	background: url(../img/sprite.png) -450px -550px no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 9px
}
body .page-header .dl-link {
	position: absolute;
	bottom: 82px;
	right: 0
}
body .page-header .download {
	font-weight: 400;
	font-size: 12px;
	line-height: 32px;
	color: #fff
}
body .page-header .download small {
	background: url(../img/sprite.png) -450px -500px no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 9px
}
.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: 600
}
body {
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600
}
.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
}
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: #666;
	padding: 8px 9px;
	height: 20px;
	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: #fff;
	border-color: #0095d9
}
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] {
	border: none
}
.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-size: 12px;
	line-height: 18px;
	font-weight: 600;
	color: #666;
	padding: 8px 9px;
	height: 102px;
	background: #fbfbfb;
	resize: none
}
.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 18px
}
.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 18px
}
.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: -155px;
    background: #fff;
    width: 958px;
	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
}
.fat-navs2 {
	position: absolute;
	left: -155px;
    background: #fff;
    width: 958px;
	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
}
.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
}
.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: #fbfbfb
}
.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
}
.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: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: 15px 20px 0 25px
}
.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
}
.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: 72px;
	height: 72px
}
.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: -201px -6844px
}
.img-icon.family-health-floater {
	background-position: -102px -6844px
}
.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
}
.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: 300px;
	background: #fbc751;
	margin-top: -132px
}
.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
}
}

@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) {
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
}
}