h1 {
    font-family: "Aspira-demi", sans-serif;
    font-size: 4rem;
    color: #000;
    margin: 10rem 0 5.25rem
}

h2 {
    font-family: "Aspira-demi", sans-serif;
    font-size: 3.5rem;
    color: #0083ca;
    margin: 5rem 0 3rem;
    line-height: 3.5rem
}

h3,
.director-name {
    font-family: "Aspira-med", sans-serif;
    font-size: 2.5rem;
    color: #000;
    text-transform: uppercase;
    margin: 3rem 0 2rem;
    line-height: 2.8rem
}

h4 {
    font-family: "Aspira-med", sans-serif;
    font-size: 2.2rem;
    color: #000;
    margin: 3rem 0 2rem;
    line-height: 2rem
}

.app-intro-heading,
.app-pic-bill-management-details-heading {
    font-family: "Aspira-thin", sans-serif;
    font-size: 4.8rem;
    color: #000
}

.app-graph-heading {
    font-family: "Aspira-thin", sans-serif;
    font-size: 4.8rem;
    color: #fff
}

.side-nav-img-link-details {
    font-family: "Aspira-light", sans-serif;
    font-size: 1rem;
    color: #fff
}

.subpages-small-main-img-wrapper .details {
    font-family: "Aspira-light", sans-serif;
    font-size: 1.2rem;
    color: #fff
}

.subpages-small-main-img-wrapper_withoutBackgroung .details {
    font-family: "Aspira-light", sans-serif;
    font-size: 1.2rem;
    color: #fff
}

.become-client-content-wrapper .details {
    font-family: "Aspira-light", sans-serif;
    font-size: 1.5rem;
    color: #fff
}

.in-content-products-list-contents .details {
    font-family: "Aspira-light", sans-serif;
    font-size: 1.5rem;
    color: #808285
}

.director-title {
    font-family: "Aspira-light", sans-serif;
    font-size: 1.5rem;
    color: #000
}

.article-body,
.article-body-left,
.device-details-desc {
    font-family: "Aspira-light", sans-serif;
    font-size: 1.8rem;
    color: #808285
}

.list-item {
    font-family: "Aspira-light", sans-serif;
    font-size: 1.8rem;
    color: #000
}

.features-list {
    font-family: "Aspira-light", sans-serif;
    font-size: 1.8rem;
    color: #0083ca
}

.subpages-small-main-img-wrapper .heading-small {
    font-family: "Aspira-light", sans-serif;
    font-size: 2rem;
    color: #fff
}

.subpages-small-main-img-wrapper_withoutBackgroung .heading-small {
    font-family: "Aspira-light", sans-serif;
    font-size: 2rem;
    color: #fff
}

.app-intro-details,
.app-pic-bill-management-details-desc {
    font-family: "Aspira-light", sans-serif;
    font-size: 2rem;
    color: #000
}

.app-graph-desc {
  font-family: "Aspira-regular", sans-serif;
  font-size: 2.3rem;
  color: #fff;
}
.become-client-content-wrapper .heading {
    font-family: "Aspira-light", sans-serif;
    font-size: 3.5rem;
    color: #fff
}

.banking-type-details-wrapper .details {
    font-family: "Aspira-regular", sans-serif;
    font-size: 1rem;
    color: #fff
}

.bc-link {
    font-family: "Aspira-regular", sans-serif;
    font-size: 1rem;
    color: #808285
}

.in-content-products-btn {
    font-family: "Aspira-regular", sans-serif;
    font-size: 1.2rem;
    color: #fff
}

.side-nav-link {
    font-family: "Aspira-regular", sans-serif;
    font-size: 1.5rem;
    color: #fff
}

.side-nav-link-heading {
    font-family: "Aspira-regular", sans-serif;
    font-size: 1.8rem;
    color: #000
}

.subpages-small-main-img-wrapper .heading-big {
    font-family: "Aspira-regular", sans-serif;
    font-size: 5rem;
    color: #fff
}

.subpages-small-main-img-wrapper_withoutBackgroung .heading-big {
    font-family: "Aspira-regular", sans-serif;
    font-size: 4rem;
    color: #fff
}

.manage-transaction-wrapper .top-content .details {
  font-family: "Aspira-med", sans-serif;
  font-size: 2rem;
  color: #a7a9ac;
}

.manage-checkbook-wrapper-nobg .checkbook-icon-text, .request-checkbook-wrapper .checkbook-icon-text, .bold-italic-body-text, .bold-body-text {
  font-family: "Aspira-med", sans-serif;
  font-size: 1.7rem;
  color: #a7a9ac;
}

.banking-type-details-wrapper .find-more-btn {
    font-family: "Aspira-med", sans-serif;
    font-size: 1.3rem;
    color: #fff
}

.side-nav-img-heading {
    font-family: "Aspira-med", sans-serif;
    font-size: 1.5rem;
    color: #fff
}
.manage-checkbook-wrapper-nobg .checkbook-icon-text, .request-checkbook-wrapper .checkbook-icon-text, .bold-italic-body-text, .bold-body-text {
  font-family: "Aspira-med", sans-serif;
  font-size: 1.4rem;
  color: #808285;
}
.bold-body-text,
.bold-italic-body-text {
    font-family: "Aspira-med", sans-serif;
    font-size: 1.8rem;
    color: #808285
}

.banking-type-details-wrapper .heading {
    font-family: "Aspira-med", sans-serif;
    font-size: 2.5rem;
    color: #fff
}

.device-details-heading, .app-intro-details, .in-content-products-list-contents .heading {
  font-family: "Aspira-med", sans-serif;
  font-size: 2.5rem;
  color: #000;
}

.qr-signup-wrapper .qr-para {
  font-family: "Aspira-regular", sans-serif;
  font-size: 2rem;
}

.side-nav-top-heading, .large-blue-btn {
  font-family: "Aspira-demi", sans-serif;
  font-size: 1.5rem;
  color: #fff;
}

.inner-page-features-list-wrapper .heading {
    font-family: "Aspira-demi", sans-serif;
    font-size: 3.3rem;
    color: #000
}

.manage-checkbook-wrapper-nobg .top-content .details, .qr-signup-wrapper .qr-demi-heading, .qr-signup-wrapper .details {
  font-family: "Aspira-demi", sans-serif;
  font-size: 2rem;
  color: #000;
}

.manage-transaction-wrapper .top-content .info {
  font-family: "Aspira-med", sans-serif;
  font-size: 2rem;
  color: #fff;
}

.qr-signup-wrapper .qr-main-heading {
  font-family: "Aspira-bold", sans-serif;
  font-size: 3.5rem;
  color: #000;
}

.manage-checkbook-wrapper-nobg .top-content .heading, .qr-signup-wrapper .heading, .app-pic-bill-management-details-heading, .app-intro-heading {
  font-family: "Aspira-bold", sans-serif;
  font-size: 5rem;
  color: #000;
}

.manage-transaction-wrapper .top-content .heading, .request-checkbook-wrapper .heading, .app-graph-heading {
  font-family: "Aspira-bold", sans-serif;
  font-size: 5rem;
  color: #fff;
}

/*! =============================================================================
 		String Replace
	  =============================================================================
*/
/*! =============================================================================
 	Font Face
=============================================================================
*/
.page-container {
    padding: 12.7rem 0 0
}

.top-bar {
    padding: 0
}

.sub-nav {
    top: 7rem
}

.header-main-subpages {
    background-color: #0083ca;
    width: 100%;
    position: fixed;
    z-index: 100;
    height: 7rem
}

.ubl-logo-subpages {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -13.4rem -35.45rem;
    background-size: 36.65rem 70.2rem;
    height: 7rem;
    width: 11.6rem;
    transform: matrix(.7, 0, 0, .7, 0, 0);
    position: relative;
    right: 1.7rem
}

.login-field-small-wrapper-subpages {
    float: left;
    width: 100%;
    height: 5.65rem;
    background-color: #f6f6f6;
    position: fixed;
    top: 7rem;
    z-index: 99;
    display: block
}

.fixed-medium-img-wrapper {
    height: 45rem
}

.subpages-medium-main-img-wrapper {
    background: url(../imgs/subpages/top-medium-img.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 45rem;
    position: fixed
}

.heading-center {
    text-align: center
}

.image-overlap-content-wrapper {
    position: relative
}

.white-bg-container {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 0 0 5rem
}

.center-align-content-wrapper {
    box-sizing: border-box;
    padding: 0 18.5rem 10rem;
    border: .1rem solid #e6e7e8;
    border-top: .55rem solid #0083ca;
    background-color: #fff;
    margin: -11.3rem 0 0
}

.article-body {
    color: #58595b;
    line-height: 2.9rem;
    text-align: center
}

.article-body p {
    margin-bottom: 4.5rem
}

.article-body p:last-child {
    margin: 0
}

.article-body-left {
    color: #58595b;
    line-height: 2.9rem;
    text-align: left
}

.article-body-left p {
    text-align: justify;
    margin-bottom: 3rem
}

.article-body-left p:last-child {
    padding-bottom: 3rem;
    margin: 0
}

.italic-body-text {
    font-style: italic
}

.bold-body-text {
    color: #58595b
}

.bold-italic-body-text {
    color: #58595b;
    line-height: 1.8rem;
    font-style: italic
}

.article-table-left {
    margin: 2.25rem 0 0;
    overflow-x: auto;
}

.large-blue-btn {
    width: 19.6rem;
    height: 4.9rem;
    border-radius: .4rem;
    background-color: #0083ca;
    cursor: pointer;
    line-height: 4.9rem;
    display: block;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .3s
}

.large-blue-btn:hover {
    color: #fff;
    background-color: #0f5885
}

.banking-info-wrapper {
    position: relative;
    padding: 5rem 0;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    clear: both
}

.ubl-blue-panel {
    background-color: #0083ca;
    width: 100%;
    height: 26.65rem;
    box-sizing: border-box;
    padding: 6rem 11%;
    position: relative
}

.ubl-dark-blue-panel {
    background-color: #0f5885;
    width: 100%;
    height: 26.65rem;
    border-left: .1rem solid #fff;
    border-right: .1rem solid #fff;
    box-sizing: border-box;
    padding: 6rem 11%;
    position: relative
}

.banking-type-icon {
    float: left;
    position: absolute;
    top: 50%
}

.internet-banking-icon {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -.4rem -43.8rem;
    background-size: 36.65rem 70.2rem;
    width: 7rem;
    height: 11.2rem;
    margin-top: -5.6rem
}

.mobile-banking-icon {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -10rem -43.7rem;
    background-size: 36.65rem 70.2rem;
    width: 6rem;
    height: 11.3rem;
    margin-top: -5.65rem
}

.book-appointment-icon {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -18.7rem -44.9rem;
    background-size: 36.65rem 70.2rem;
    width: 7rem;
    height: 9rem;
    margin-top: -4.5rem
}

.banking-type-details-wrapper {
    float: right;
    width: 21.2rem
}

.banking-type-details-wrapper .details {
    line-height: 1.2rem;
    margin: 1.2rem 0 2.1rem
}

.banking-type-details-wrapper .find-more-btn {
    text-transform: uppercase;
    display: block
}

.become-client-wrapper {
    background: url(../imgs/become-client-bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 41.2rem;
    box-sizing: border-box;
    padding: 7.5rem;
    position: relative
}

.become-client-content-wrapper {
    text-align: center
}

.become-client-content-wrapper .heading {
    text-transform: uppercase;
    letter-spacing: .5rem
}

.become-client-content-wrapper .details {
    margin: 0 0 6rem
}

.ubl-engraved-logo {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -15.8rem 0;
    background-size: 36.65rem 70.2rem;
    width: 20.9rem;
    height: 12.7rem;
    margin: 0 auto
}

.director-wrapper {
    margin: 0 0 7.5rem
}

.director-wrapper:last-child {
    margin: 0
}

.director-image {
    background-color: #58595b;
    width: 23.95rem;
    height: 30.65rem;
    margin: 0 auto 3.7rem
}

.director-name {
    margin: 0 0 .8rem;
    text-align: center
}

.director-title {
    margin: 0 0 3.25rem;
    text-align: center;
    line-height: 1.5rem
}

.director-title-sep {
    width: 11.35rem;
    height: .1rem;
    border-top: .1rem solid #58595b;
    margin: 0 auto 3.25rem
}

.list-items-wrapper {
    width: 100%
}

.list-items-wrapper:last-child {
    margin: 0
}

.list-items {
    width: 100%;
    margin: 0 0 5.75rem;
    list-style-type: none
}

.list-items li {
    border-top: .1rem solid #d1d3d4
}

.list-items li:last-child {
    border-bottom: .1rem solid #d1d3d4
}

.list-items-last {
    width: 100%;
    margin: 0;
    list-style-type: none
}

.list-items-last li {
    border-top: .1rem solid #d1d3d4
}

.list-items-last li:last-child {
    border-bottom: .1rem solid #d1d3d4
}

.list-item {
    background-color: #f6f6f6;
    width: 100%;
    min-height: 8rem;
    display: block;
    line-height: 8rem;
    box-sizing: border-box;
    padding: 0 2.5rem;
    transition: background-color .3s, color .3s
}

.list-item:hover {
    background-color: #e6e7e8
}

.fixed-small-img-wrapper {
    height: 35rem
}

.inner-page-layout-wrapper {
    width: 100%;
    height: 100%
}

.inner-page-content-wrapper {
    margin: -7.2rem 0 0
}

.subpages-small-main-img-wrapper {
    background: url(../imgs/subpages/top-medium-img.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 35rem;
    position: fixed
}

.subpages-small-main-img-wrapper_withoutBackgroung {
    background-size: cover!important;
    width: 100%;
    height: 35rem;
    position: fixed
}

.subpages-small-main-img-wrapper_withoutBackgroung .content-wrapper {
    box-sizing: border-box;
    padding: 8.25rem 0 0
}

.subpages-small-main-img-wrapper_withoutBackgroung .heading-big {
    line-height: 5rem
}

.subpages-small-main-img-wrapper_withoutBackgroung .heading-small {
    line-height: 2rem
}

.subpages-small-main-img-wrapper_withoutBackgroung .details {
    width: 41rem;
    margin: 2.5rem 0 0;
    line-height: 1.5rem
}

.subpages-small-main-img-wrapper .content-wrapper {
    box-sizing: border-box;
    padding: 8.25rem 0 0
}

.subpages-small-main-img-wrapper .heading-big {
    line-height: 5rem
}

.subpages-small-main-img-wrapper .heading-small {
    line-height: 2rem
}

.subpages-small-main-img-wrapper .details {
    width: 41rem;
    margin: 2.5rem 0 0;
    line-height: 1.5rem
}

.subpages-small-main-img-wrapper-1st_minor {
    background: url(../imgs/subpages/deposit/1st-Minor.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 35rem;
    position: fixed
}

.subpages-small-main-img-wrapper-asan-account {
    background: url(../imgs/subpages/deposit/Assan-Account.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 35rem;
    position: fixed
}

.subpages-small-main-img-wrapper-komitte-account {
    background: url(../imgs/subpages/deposit/Komitti-Account.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 35rem;
    position: fixed
}

.subpages-small-main-img-wrapper-mukkamal-account {
    background: url(../imgs/subpages/deposit/Mukammal-Account2.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 35rem;
    position: fixed
}

.subpages-small-main-img-wrapper-saving-account {
    background: url(../imgs/subpages/deposit/Saving-Account.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 35rem;
    position: fixed
}

.subpages-small-main-img-wrapper-zindagi-account {
    background: url(../imgs/subpages/deposit/Zindagi-Account.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 35rem;
    position: fixed
}

.subpages-small-main-img-wrapper-basic-banking-account {
    background: url(../imgs/subpages/deposit/Basic-Banking-Account.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 35rem;
    position: fixed
}

.subpages-small-main-img-wrapper-u-term-deposit-receipts-account {
    background: url(../imgs/subpages/deposit/Mahana-Aamdani-Term-Deposit-Receipts.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 35rem;
    position: fixed
}

.inner-page-content {
    float: left;
    width: 73%;
    height: 100%;
    margin: 3.9rem 0 0
}

.bread-crums-wrapper {
    width: 100%;
    height: 3.3rem;
    background-color: #e6e7e8;
    display: block
}

.bread-crums-links {
    margin: 0;
    list-style-type: none;
    padding: .9rem 0 0
}

.bread-crums-links li {
    float: left;
    margin: 0 1rem 0 0;
    padding: 0 1rem 0 0;
    border-right: .1rem solid #d1d3d4
}

.bread-crums-links li:first-child {
    padding-left: 1rem;
    margin-left: 0
}

.bread-crums-links li:last-child {
    margin-left: 0;
    padding-left: 0;
    border-right: 0
}

.bc-home-btn {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -9.5rem -8.5rem;
    background-size: 36.65rem 70.2rem;
    display: inline-block;
    position: relative;
    text-indent: -999.9rem;
    height: 1.4rem;
    width: 1.4rem
}

.bc-home-btn:hover {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -9.5rem -12.1rem;
    background-size: 36.65rem 70.2rem
}

.bc-link {
    transition: color .3s
}

.inner-page-body-content {
    width: 100%;
    height: 100%;
    padding: 0 8rem 0 0
}

.centered-aligned-list-wrapper {
    text-align: left;
    background-color: #f6f6f6;
    padding: 2rem;
    border: .1rem solid #e6e7e8
}

.centered-aligned-list-wrapper ul {
    margin: 0
}

.side-nav-inner-page {
    float: right;
    width: 27%;
    height: 100%;
    background-color: #0083ca
}

.side-nav-top-heading {
    width: 100%;
    height: 7.2rem;
    background-color: #1893d6;
    color: #fff;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 0 0 0 3rem;
    margin: 0 0 4rem;
    line-height: 7.2rem
}

.side-nav-links-wrapper {
    box-sizing: border-box;
    padding: 0 0 0 2rem;
    margin: 0 0 6rem
}

.side-nav-links {
    margin: 0 0 3rem;
    list-style-type: none
}

.side-nav-links li {
    border-bottom: .1rem solid #006eaa
}

.side-nav-links li:last-child {
    border: 0
}

.side-nav-links li.sub-heading {
    border-bottom: .2rem solid #8cd7ff
}

.side-nav-link {
    box-sizing: border-box;
    padding: 1rem 0 1rem 1rem;
    min-height: 4rem;
    line-height: 2rem;
    width: 100%;
    display: block;
    transition: background-color .3s
}

.side-nav-link:hover {
    color: #fff;
    background-color: #1893d6
}

.side-nav-link:focus {
    color: #57afde
}

.side-nav-link-heading {
    color: #8cd7ff;
    box-sizing: border-box;
    padding: 0 0 0 1rem;
    height: 4rem;
    line-height: 4rem;
    width: 100%;
    display: block;
    text-transform: uppercase;
    transition: background-color .3s
}

.side-nav-link-heading:hover {
    color: #fff;
    background-color: #1893d6
}

.related-links-back-btn {
    display: none
}

.related-links-wrapper {
    display: none
}

.side-nav-img-links-wrapper {
    box-sizing: border-box;
    padding: 0 0 0 2rem;
    margin: 0 0 6rem
}

.side-nav-img-links {
    list-style-type: none;
    margin: 0
}

.side-nav-img-links li {
    padding: 0 0 2rem;
    margin: 0 0 2rem;
    border-bottom: .1rem solid #006eaa
}

.side-nav-img-links li:last-child {
    border: 0
}

.side-nav-img-link {
    color: #fff
}

.side-nav-img-link:hover {
    color: #006eaa;
    background-color: #1893d6
}

.side-nav-img {
    width: 20rem;
    height: 11rem;
    background-color: #002336;
    margin: 0 0 0 1rem
}

.side-nav-img-heading {
    text-transform: uppercase;
    margin: .5rem 0 0;
    padding: 0 0 0 1rem
}

.side-nav-img-heading:hover {
    color: #fff
}

.side-nav-img-link-details {
    line-height: 1.2rem;
    padding: 0 0 0 1rem
}

.side-nav-img-link-details:hover {
    color: #fff
}

.inner-page-features-list-wrapper {
    width: 100%;
    margin: 7.5rem 0 2.5rem;
    background-color: #f6f6f6;
    border: .1rem solid #e6e7e8;
    border-top: .55rem solid #0083ca;
    box-sizing: border-box;
    padding: 7rem 5.25rem
}

.inner-page-features-list-wrapper .heading {
    margin: 0 0 5.75rem
}

.features-lists {
    margin: 0;
    list-style-type: none
}

.features-lists li {
    background: url(../imgs/subpages/features-list-bullet-img.png) no-repeat;
    background-size: 2.72rem;
    margin: 0 0 2rem;
    padding: 0 0 0 5.6rem
}

.features-list {
    display: inline-block
}

.in-content-lists {
    list-style-type: none;
    margin: 0 0 4.5rem
}

.in-content-lists li {
    background: url(../imgs/subpages/in-content-feature-list-bullet.png) no-repeat 0 .6rem;
    background-size: .25rem 1.4rem;
    padding: 0 0 0 2rem
}

.in-content-lists-lvl2 {
    list-style-type: none;
    margin: 1rem 0
}

.in-content-lists-lvl2 li {
    background: url(../imgs/subpages/in-content-feature-list-bullet-lvl2.png) no-repeat 0 .6rem;
    background-size: .2rem 1.3rem;
    padding: 0 0 0 2rem
}

.in-content-products-lists {
    margin: 2.5rem 0;
    list-style-type: none;
    overflow: hidden
}

.in-content-products-list-lg-wrapper {
    background-color: #e6e7e8;
    float: left;
    padding: 4rem;
    box-sizing: border-box;
    width: 100%
}

.in-content-products-list-dg-wrapper {
    background-color: #f1f2f2;
    float: left;
    padding: 4rem;
    box-sizing: border-box;
    width: 100%
}

.in-content-products-list-img {
    width: 27.5rem;
    height: 15.25rem;
    /*background-color:#58595b;*/
    float: left;
    margin: 0 2rem 0 0
}

.in-content-products-list-contents {
    overflow: hidden
}

.in-content-products-list-contents .heading {
    line-height: 2.5rem;
    text-transform: uppercase;
    margin: 0 0 2.5rem
}

.in-content-products-list-contents .details {
    line-height: 1.7rem
}

.in-content-products-btns-wrapper {
    overflow: hidden;
    margin: 3.5rem 0 0
}

.in-content-products-btn {
    border-radius: .4rem;
    display: block;
    background-color: #0083ca;
    color: #fff;
    min-width: 10.2rem;
    min-height: 3.3rem;
    float: left;
    margin: 0 1rem 0 0;
    transition: background-color .3s
}

.in-content-products-btn:hover {
    background-color: #0f5885
}

.in-content-alliance-list {
    margin: 2.5rem 0;
    list-style-type: none;
    overflow: hidden
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper {
    background: #e6e7e8;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    margin-bottom: 10px
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-thumbnail {
    float: left
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-thumbnail img {
    width: 236px;
    height: 236px
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content {
    float: left;
    padding: 3rem 3rem;
    box-sizing: border-box;
    width: auto;
    min-width: 460px
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content label {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content .discount-offer .value {
    font-size: 26px;
    color: #0083ca;
    margin-right: 10px;
    font-weight: 700;
    text-transform: uppercase;
    float: left
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content .discount-offer .valueLbl {
    color: #ABACAE;
    font-size: 26px;
    font-weight: 400;
    float: left;
    text-transform: uppercase
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content p.offer-text1 {
    color: #7E7F81;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 20px;
    clear: both
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content .time-validity {
    float: left
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content .time-validity i {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -34.4rem -61.8rem;
    background-size: 36.65rem 70.2rem;
    width: 23px;
    height: 26px;
    margin-right: 10px;
    line-height: 24px;
    float: left;
    display: inline-block
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content .time-validity label {
    font-size: 12px;
    font-weight: 400;
    width: 200px;
    line-height: 27px
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content .time-validity label b {
    font-weight: 700
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content .area-validity {
    float: left
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content .area-validity i {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -31.6rem -61.8rem;
    background-size: 36.65rem 70.2rem;
    width: 19px;
    height: 25px;
    margin-right: 10px;
    line-height: 24px;
    float: left;
    display: inline-block
}

.in-content-alliance-list .in-content-alliance-list-item-wrapper .promo-content .area-validity label {
    font-size: 13px;
    font-weight: 400;
    width: 150px;
    line-height: 27px
}

.no-padding {
    padding: 0!important
}

.hr-line {
    width: 100%;
    border-bottom: 1px solid #E1E1E1;
    height: 1px;
    clear: both
}

ul.mapTabsNavigator {
    float: left;
    width: auto;
    margin: 0
}

ul.mapTabsNavigator li.tabNav {
    border-right: 1px solid #E1E1E1;
    float: left;
    list-style-type: none;
    text-align: left
}

ul.mapTabsNavigator li.tabNav a {
    color: #0083ca;
    display: block;
    font-size: 12px;
    padding-left: 25px;
    line-height: 45px;
    width: 200px
}

ul.mapTabsNavigator li.tabNav a.active,
ul.mapTabsNavigator li.tabNav a:hover {
    color: #fff;
    background: #0083ca;
    text-decoration: none
}

ul.mapTabsNavigator li.tabNav a.active i,
ul.mapTabsNavigator li.tabNav a:hover i {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -28.9rem -46.31rem!important;
    background-size: 36.65rem 70.2rem!important;
    width: 10px;
    height: 10px;
    margin: 17px 10px 0 0;
    float: left;
    display: inline-block
}

ul.mapTabsNavigator li.tabNav a i.blue {
    background: #0083ca!important;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    margin: 17px 10px 0 0;
    float: left;
    display: inline-block
}

ul.mapTabsNavigator li.tabNav a i.lblue {
    background: #4da4d6!important;
    border-radius: 50px;
    width: 11px;
    height: 10px;
    margin: 17px 10px 0 0;
    float: left;
    display: inline-block
}

ul.mapTabsNavigator li.tabNav a i.green {
    background: #007f21!important;
    border-radius: 50px;
    width: 11px;
    height: 10px;
    margin: 17px 10px 0 0;
    float: left;
    display: inline-block
}

.searchBranch {
    margin-top: 5px;
    margin-right: 10px;
    float: right
}

.searchBranch input.login-txtfield-header {
    margin: 0 15px 0 0;
    height: 34px
}

.searchBranch input.searchInput {
    padding: 5px 10px;
    background: #E6E7E9;
    border: none;
    float: left;
    width: 200px;
    border-radius: 4px;
    line-height: 34px;
    height: 34px;
    margin: 0 15px 0 0;
    font-size: 14px
}

.searchBranch input.blue-btn {
    line-height: 34px
}

.locatorMap {
    width: 100%;
    height: 500px
}

.form-container {
    margin: 30px 0
}

.form-container .field-row {
    margin-bottom: 20px;
    clear: both
}

.form-container .field-row label {
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    font-size: 12px
}

.form-container .field-row .input-row {
    width: 100%
}

.form-container .field-row .input-row input.form-control {
    background: #E6E7E9;
    border-radius: 4px;
    border: none;
    font-size: 12px;
    width: 40%;
    height: 40px
}
.Accountno{
	width: 40%;
}

.form-container .field-row .input-row textarea.form-control {
    background: #E6E7E9;
    border-radius: 4px;
    border: none;
    font-size: 12px;
    width: 100%;
    height: 150px
}

.form-container .field-row input.blue-btn {
    float: left;
    margin-right: 30px;
	margin-bottom:2rem;
}

.grey-btn {
    border-radius: 4px;
    font-family: "Aspira-regular", sans-serif;
    font-size: 1.2rem;
    color: #fff;
    border: 0;
    width: 10.2rem;
    height: 3.3rem;
    background-color: #A8A9AD;
    transition: background-color .3s;
    line-height: 3.7rem
}

.grey-btn:hover {
    background-color: #8f9093
}

.radio-item {
    float: left;
    margin-right: 40px
}

.radio-item label {
    float: left;
    margin: 0 10px
}

.radio-item:hover b {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -31.6rem -65.2rem;
    background-size: 36.65rem 70.2rem;
    cursor: pointer
}

.prettyRadio {
    float: left
}

.prettyRadio input {
    display: none
}

.prettyRadio b {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -34.5rem -65.2rem;
    background-size: 36.65rem 70.2rem;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer
}

.prettyRadio b:hover {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -31.6rem -65.2rem;
    background-size: 36.65rem 70.2rem
}

.prettyRadio b.active {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -31.6rem -65.2rem;
    background-size: 36.65rem 70.2rem
}

.checkbox-item {
    display: block;
    clear: both;
    margin-right: 40px
}

.checkbox-item label {
    float: left;
    margin: 0 10px
}

.checkbox-item:hover b {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -31.7rem -68.3rem;
    background-size: 36.65rem 70.2rem;
    cursor: pointer
}

.prettyCheckbox {
    float: left
}

.prettyCheckbox input {
    display: none
}

.prettyCheckbox b {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -34.6rem -68.3rem;
    background-size: 36.65rem 70.2rem;
    width: 19px;
    height: 19px;
    display: inline-block;
    cursor: pointer
}

.prettyCheckbox b:hover {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -31.7rem -68.3rem;
    background-size: 36.65rem 70.2rem
}

.prettyCheckbox b.active {
    background: url(../imgs/ubl-base-sprite.png) no-repeat -31.7rem -68.3rem;
    background-size: 36.65rem 70.2rem
}

.app-intro-wrapper {
    margin: 12.5rem 0 0
}

.app-icon-wrapper {
    width: 12.5rem;
    height: 12.5rem;
    margin: 0 auto 3rem
}

.app-intro-heading {
    width: 70rem;
    text-align: center;
    margin: 0 auto;
    line-height: 5.2rem
}

.app-intro-details {
    width: 70rem;
    text-align: center;
    margin: 2rem auto 0;
    line-height: 2.9rem
}

.app-store-download-wrapper {
    width: 40.2rem;
    height: 5.3rem;
    margin: 3.25rem auto 0
}

.app-phone-video-wrapper {
    margin: 7.85rem 0 0
}

.app-iphone-gold {
    width: 62rem;
    height: 61.5rem;
   
    background-size: 62rem 61.55rem;
    margin: 0 auto;
    position: relative
}

.app-video {
  width: 54rem;
  height: 58.25rem;
  z-index: 1;
  margin: 0 3rem;
  top: 3.3rem;
}

.app-overlay {
    width: 62rem;
    height: 61.55rem;
    background: url(../imgs/subpages/iphone-app-overlay.png) no-repeat;
    background-size: 60rem 61.55rem;
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    top: 0
}

.app-graph-feature-wrapper {
    width: 100%;
    background-color: #006eaa;
    padding: 10rem 0 0
}

.app-graph-feature-wrapper #animation_container {
    width: 100%!important
}

.app-graph-feature-wrapper #animation_container canvas {
    width: 100%!important
}

.app-graph-feature-wrapper #animation_container #dom_overlay_container {
    width: 100%!important
}

.app-graph-heading {
    text-align: center;
    width: 70rem;
    line-height: 5.2rem;
    margin: 0 auto
}

.app-graph-desc {
    text-align: center;
    width: 71rem;
    line-height: 2.8rem;
    margin: 2.25rem auto 7rem
}

.devices-app-features-wrapper {
    width: 100%;
    background-color: #f1f2f2
}

.device-app-feature {
    padding: 10rem 0
}

.device-pic-01 {
    background: url(/Portals/_default/skins/ubldigital/imgs/subpages/app-device-01.png) no-repeat;
    background-size: 38rem 61.7rem;
  width: 38rem;
  height: 61.7rem;
  margin: 0 auto;
}

.device-pic-02 {
    background: url(/Portals/_default/skins/ubldigital/imgs/subpages/app-device-02.png) no-repeat;
    background-size: 38rem 61.7rem;
  width: 38rem;
  height: 61.7rem;
  margin: 0 auto;
}

.device-pic-03 {
    background: url(/Portals/_default/skins/ubldigital/imgs/subpages/app-device-03.png) no-repeat;
    background-size: 38rem 61.7rem;
  width: 38rem;
  height: 61.7rem;
  margin: 0 auto;
}

.device-details {
    margin: 5rem 0 0
}

.device-details-heading {
    text-transform: uppercase;
    text-align: center
}

.device-details-desc {
    text-align: center;
    padding: 1.5rem 4rem 0
}

.app-pic-bill-management {
    background-color: #004785;
    width: 100%;
    height: 100%
}

.app-pic-bill-management-details-panel {
  background-color: #e6e7e8;
  width: 100%;
  height: 100%;
  position: relative;
}

.app-pic-bill-management-details-wrapper {
  /*@include absolute-center()*/
  position: relative;
  top: 50%;
  transform: translate(0%, -50%);
  width: 75%;
  margin: auto;
}

.app-pic-bill-management-details-heading {
    width: 45.3rem;
    line-height: 5.2rem
}

.app-pic-bill-management-details-desc {
    width: 45.3rem;
    line-height: 2.9rem;
    margin: 3.5rem 0 0
}

#feature-dtl-bill2 .large-6:first-child {
    float: right
}

#feature-dtl-bill2 .large-6:last-child {
    float: left
}

.request-checkbook-wrapper .details, .subpages-small-main-img-wrapper .heading-small {
  font-family: "Aspira-light", sans-serif;
  font-size: 2rem;
  color: #fff;
}

.qr-signup-wrapper {
  padding: 10rem 0;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1rem;
  /* [2] Transition property for smooth transformation of images */
  /* [3] Finally, transforming the image when container gets hovered */
}
.qr-signup-wrapper .cardinfoImg {
  background-size: cover;
  height: 100%;
}
.qr-signup-wrapper .heading,
.qr-signup-wrapper .details {
  text-align: left;
}
.qr-signup-wrapper .heading {
  line-height: 1;
}
.qr-signup-wrapper .s-gap {
  margin: 0 0 3rem;
}
.qr-signup-wrapper .qr-card-info {
  background: #f6f6f6;
  padding: 5rem;
  width: 100%;
  height: 100%;
  position: relative;
}
.qr-signup-wrapper .qr-img {
  width: 10rem;
}
.qr-signup-wrapper .img-hover-zoom {
  height: 100%;
  overflow: hidden;
}
.qr-signup-wrapper .img-hover-zoom img {
  transition: transform 0.5s ease;
}
.qr-signup-wrapper .img-hover-zoom:hover img {
  transform: scale(1.5);
}
.qr-signup-wrapper .qr-demi-heading {
  margin: 0.3rem 1.5rem;
}
.qr-signup-wrapper .qr-main-heading {
  margin: 0.3rem 1.5rem;
}
.qr-signup-wrapper .qr-para {
  color: #808285;
  margin: 2rem 1.5rem;
}

.request-checkbook-wrapper {
  padding: 10rem 0;
  background: #232323;
  box-sizing: border-box;
  position: relative;
}
.request-checkbook-wrapper .heading,
.request-checkbook-wrapper .details {
  text-align: left;
}
.request-checkbook-wrapper .heading {
  line-height: 1;
}
.request-checkbook-wrapper .checkbook-img {
  padding-top: 10rem;
}
.request-checkbook-wrapper .checkbookfeaturewrapper {
  margin-top: 10rem;
}
.request-checkbook-wrapper .checkbook-icon {
  float: left;
}
.request-checkbook-wrapper .checkbook-icon-width {
  max-width: 5rem;
  margin-right: 1rem;
}
.request-checkbook-wrapper .checkbook-icon-text {
  padding-top: 1.2rem;
  text-transform: uppercase;
  line-height: 1;
}
.request-checkbook-wrapper .checkbook-row-margin {
  margin-top: 3rem;
}

.manage-checkbook-wrapper-nobg {
  background: #f6f6f6;
  padding: 0 0 10rem;
  box-sizing: border-box;
  position: relative;
}

.manage-checkbook-wrapper {
  background: #f6f6f6 url(../imgs/subpages/manage-bg-card.png) no-repeat;
  background-size: 118rem;
  background-position: 40% 0;
  box-sizing: border-box;
  position: relative;
}
.manage-checkbook-wrapper .manig-card-btn {
  height: 52rem;
}

.manage-checkbook-wrapper-nobg .manage-checkbook-feat-wrapper {
  margin-top: 5rem;
}
.manage-checkbook-wrapper-nobg .checkbook-icon {
  float: left;
}
.manage-checkbook-wrapper-nobg .checkbook-icon-width {
  max-width: 5rem;
  margin-right: 1rem;
}
.manage-checkbook-wrapper-nobg .checkbook-icon-text {
  padding-top: 0.8rem;
  line-height: 1;
  text-transform: uppercase;
}
.manage-checkbook-wrapper-nobg .top-content .heading,
.manage-checkbook-wrapper-nobg .top-content .details {
  text-align: left;
}
.manage-checkbook-wrapper-nobg .top-content .heading {
  line-height: 1;
}
.manage-transaction-wrapper {
  padding: 5rem 0;
  background: #000000;
  box-sizing: border-box;
  position: relative;
}
.manage-transaction-wrapper .manage-transaction-container {
  background: #232323;
  padding: 10rem 4rem 5rem 4rem;
  min-height: 47rem;
}
.manage-transaction-wrapper .manage-transaction-img {
  padding-bottom: 0;
}
.manage-transaction-wrapper .top-content .heading,
.manage-transaction-wrapper .top-content .details,
.manage-transaction-wrapper .top-content .info {
  text-align: left;
}
.manage-transaction-wrapper .top-content .heading {
  line-height: 1;
}
ul.print-media-gallerylist {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 0
}

ul.print-media-gallerylist li {
    margin: 0 5% 4rem 0;
    padding: 0;
    float: left;
    width: 30%;
    max-width: 26.15rem
}

ul.print-media-gallerylist li .media-thumbnail {
    text-align: center;
    background: #F2F2F2;
    padding: 3rem
}

ul.print-media-gallerylist li .media-thumbnail img {
    margin: auto;
    width: conver-to-rem(284)
}

ul.print-media-gallerylist li .media-label {
    background: #E6E7E9;
    font-size: 1.8rem;
    padding: 1rem
}

ul.print-media-gallerylist li .media-label p {
    font-size: 1.5rem
}

ul.print-media-gallerylist li:nth-child(3n) {
    margin: 0
}

ul.print-media-gallerylist li.clear {
    clear: both
}

ul.video-media-gallerylist {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 0
}

ul.video-media-gallerylist li {
    margin: 0 5% 4rem 0;
    padding: 0;
    float: left;
    width: 30%;
    max-width: 26.15rem
}

ul.video-media-gallerylist li .media-thumbnail {
    text-align: center;
    background: #F2F2F2;
    padding: 0;
    position: relative;
    overflow: hidden
}

ul.video-media-gallerylist li .media-thumbnail img {
    margin: auto;
    width: 100%
}

ul.video-media-gallerylist li .media-thumbnail .overlay {
    background: #000;
    position: absolute;
    display: table-cell;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}

ul.video-media-gallerylist li .media-thumbnail .controls {
    margin: 0 33%;
    width: 34%;
    top: 20rem;
    position: absolute;
    -webkit-transition: top 0.2s;
    transition: top 0.2s
}

ul.video-media-gallerylist li .media-thumbnail .controls a.play {
    cursor: pointer;
    display: block;
    float: left;
    width: 3.1rem;
    height: 3.2rem;
    background: url(../imgs/ubl-base-sprite.png) no-repeat -29.1rem -57rem;
    background-size: 36.65rem 70.2rem
}

ul.video-media-gallerylist li .media-thumbnail .controls a.download {
    cursor: pointer;
    display: block;
    float: right;
    width: 3.1rem;
    height: 3.2rem;
    background: url(../imgs/ubl-base-sprite.png) no-repeat -33.3rem -57rem;
    background-size: 36.65rem 70.2rem
}

ul.video-media-gallerylist li .media-label {
    background: #E6E7E9;
    font-size: 1.8rem;
    padding: 1rem
}

ul.video-media-gallerylist li .media-label p {
    font-size: 1.5rem
}

ul.video-media-gallerylist li:hover .overlay {
    opacity: .8;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}

ul.video-media-gallerylist li:hover .controls {
    top: 7rem
}

ul.video-media-gallerylist li:nth-child(3n) {
    margin: 0
}

ul.video-media-gallerylist li.clear {
    clear: both
}

/**** For AOF form **/

#step1 input.form-control{
	width: 100%;
}
#step2 input.form-control{
	width: 100%;
}
#step3  input.form-control{
	width: 100%;
}
#step4  input.form-control{
	width: 100%;
}
#step5  input.form-control{
	width: 100%;
}

#step1 .field-row label{
	display: inline;
}
#step4 .field-row label{
	display: inline;
}
#step5 .field-row label{
	display: inline;
}
.aof-form-width{
	width: 70rem; margin: 0 auto;
}
button:focus{
	color: #fff;
}
#step4 video{
	border: 1px solid #ccc;
}
#step4 .blue-btn{
	float: left;
}
#aofbtn .blue-btn {
    font-family: "Aspira-regular",sans-serif;
    font-size: 1.2rem;
    color: #fff;
    border: 0;
    width: 100%;
    height: 3.3rem;
    background-color: #0083ca;
    line-height: 3.7rem;
}
.tabs-content{
	height: 30rem;
	overflow: auto;
	margin-bottom: 5rem;
}
.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 1.5rem;
    font-weight: bold;
}
/** AOF Sucess **/
.aof-cong-icon{
  text-align: center;
  width: 7rem;
  margin: 0 auto;
}
.aof-cong-icon img{
  text-align: center;
  max-width: 7rem;
  object-fit: contain;
  margin: 0 auto;
  box-shadow: 0 19px 39px 0 rgba(0, 0, 0, 0.03);
  border-radius: 50%;
}
.aof-cong-heading{
  font-family: Aspira-Demi;
  font-size: 2.5rem;
  line-height: 1.4;
  text-align: center;
  color: #000000;
  margin: 3rem 0;
}
.aof-cong-summary{
  font-family: Aspira-Regular;
  font-size: 1.8rem;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  text-align: center;
  margin: 5rem 0;
}
.aof-cong-summary-note{
	margin-top: 5rem;
  font-family: Aspira-Regular;
  font-size: 1.8rem;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  text-align: center;
}


/**** AOF  rating form **/

.aof-rating-wrapper{
  background: #fff;
  position: relative;
  padding: 10rem 15rem;
  height: auto;
}

.aof-icon{
  text-align: center;
  width: 15rem;
  object-fit: contain;
  margin: 0 auto;
  box-shadow: 0 19px 39px 0 rgba(0, 0, 0, 0.03);
  border-radius: 50%;
}

.aof-rating-txt {
  margin-top: 3rem;
  font-family: Aspira-Demi;
  font-size: 2.4rem;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  text-align: center;
}

.aof-rating-icon-wrapper{
  width: 23rem;
  position: relative;
  margin: 3rem auto;
}
.aof-rating-icon-wrapper div{
  float: left;
}
.aof-rating-icon-wrapper img{
  width: 4.2rem;
  margin-left:3rem;
}
/* HIDE RADIO */
.aof-rating-icon-wrapper [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.aof-rating-icon-wrapper [type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
.aof-rating-icon-wrapper [type=radio]:checked + img {
  border: 2px solid #000000;
  border-radius: 50%;
}
.aof-txtarea-wrapper{
  position: relative;
  margin-top: 3rem;
}
.aof-txtarea-wrapper textarea {
  width: 100%;
  min-height: 100px;
  resize: none;
  border-radius: 4px;
  border: solid 1px #e8e8e8;
  background-color: #f8f8f8;
  padding: 1rem;
  color: #666;
  box-shadow: inset 0 0 0.25rem #ddd;
  font-size: 1.5rem;
	}
  .aof-txtarea-wrapper:focus {
    outline: none;
    border: 1px solid darken(#ddd, 5%);
    box-shadow: inset 0 0 0.5rem darken(#ddd, 5%);
  
  &[placeholder] { 
    font-style: italic;
    font-size: 0.875rem;
  }
}

#the-count {
  float: right;
  padding: 0.1rem 0 0 0;
  font-size: 0.875rem;
}

.aof-rating-btn-wrapper{
  margin-top: 3rem;
}

button:focus{
  color: #fff;
}
#step4 video{
  border: 1px solid #ccc;
}
#step4 .blue-btn{
  float: left;
}
.aof-rating-btn-wrapper .blue-btn {
    font-family: "Aspira-regular",sans-serif;
    font-size: 1.2rem;
    color: #fff;
    border: 0;
    width: 100%;
    height: 3.3rem;
    background-color: #0083ca;
    line-height: 3.7rem;
}
/**** End AOF form **/

.rag-eligibility-criteria{
	height:auto !important;
}


.fixed-small-img-wrapper.masthead {
    height: 45rem;
}




.ruralselectfield{
	display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;
}