﻿.r-panel {
    /*position: absolute;*/
    position: fixed;
	top: 50%;
	right: 0;
	padding: 11px 0;
	margin: -89px 0 0;
	z-index: 9;
}

    .r-panel ul {
        margin: 0;
        padding: 0;
    }

        .r-panel ul li {
			list-style: none;
			background: #ffff;
			position: relative;
			padding: 2px 15px;
			padding-left: 65px;
			border-radius: 5px 0px 0px 5px;
			cursor: pointer;
			transition: all 0.5s ease;
			margin-bottom: 2px;
			border-top-style: solid;
			border-bottom-style: solid;
			border-width: 1px;
			border-color: #a20a3a;
		}

            .r-panel ul li a {
                color: #000000
            }

            .r-panel ul li:hover > a {
                color: #fff;
                text-decoration: none
            }

            .r-panel ul li.r-dropdown:before {
                content: "";
                position: absolute;
                right: 100%;
                width: 0;
                background: #a20a3a;
                top: 0;
                bottom: 0;
                margin-right: -3px;
                transition: all 0.5s ease;
            }

            .r-panel ul li.r-dropdown .overlay {
                content: "";
                background: rgba(0,0,0,0.5);
                position: fixed;
                left: 0;
                right: 0;
                top: 0;
                display: none;
                bottom: 0;
                z-index: -1;
            }

            .r-panel ul li.r-dropdown:hover .overlay {
                display: block;
            }

            .r-panel ul li.r-dropdown .overlay:hover {
                display: none;
            }

            .r-panel ul li.r-dropdown:hover:before {
                width: 10px
            }

            .r-panel ul li .r-nav {
                position: absolute;
                left: 0;
                border-radius: 4px 0 0 4px;
                top: 0;
                bottom: 0;
                background: #a20a3a;
                background-position-y: 4px;
                background-position-x: 4px;
                width: 49px;
            }

            .r-panel ul li .fas {
                position: absolute;
                right: 10px;
                top: 13px;
                border: 1px solid #a20a3a;
                width: 17px;
                font-size: 10px;
                text-align: center;
                height: 16px;
                padding: 2px 0;
                color: #a20a3a;
                border-radius: 0;
            }

            .r-panel ul li span.online-payment-icon {
                background-position-y: -31px;
            }

            .r-panel ul li span.mobile-banking-apps-icon {
                background-position-y: -64px;
            }

            .r-panel ul li span.debit-credit-cards-icon {
                background-position-y: -98px;
            }

            .r-panel ul li span.interest-rates-icon {
                background-position-y: -129px;
            }

            .r-panel ul li span.r-dropdown-locate {
                background-position-y: -241px;
            }

            .r-panel ul li span.cyber-security-icon {
                background-position-y: -161px;
            }
			.r-panel ul li span.grievance-icon {
                background-position-y: -680px;
            }

            .r-panel ul li span.other-services-icon {
                background-position-y: -200px;
            }
            .r-panel ul li span.customer-icon {
                background-position-y: -720px;
            }
			  .r-panel ul li span.CMS-icon {
                background-position-y: -359px;
            }

.r-dropdown-fulbox {
    position: absolute;
    right: 100%;
    top: -120px;
    background: #a20a3a;
    padding: 0;
    border-radius: 10px;
    width: 0px;
    transition: all 0.5s ease;
    margin-right: 7px;
    overflow: hidden;
	overflow-y: auto;
    max-height: 495px;
    visibility:hidden;
}

.r-panel ul li.r-dropdown:hover .r-dropdown-fulbox,
.r-panel ul li.r-dropdown.focusactive .r-dropdown-fulbox {
    width: 740px;
    visibility:visible;
}

.r-drop-5box.r-dropdown ul {
    width: 620px;
}

.r-panel ul li.r-dropdown.r-drop-5box:hover .r-dropdown-fulbox,
.r-panel ul li.r-dropdown.r-drop-5box.r-dropdown.focusactive .r-dropdown-fulbox {
    width: 640px;
}

.r-drop-4box.r-dropdown ul {
    width: 450px;
}

.r-panel ul li.r-dropdown.r-drop-4box:hover .r-dropdown-fulbox,
.r-panel ul li.r-dropdown.r-drop-4box.focusactive .r-dropdown-fulbox {
    width: 470px;
}

.r-drop-4box.r-dropdown ul li {
    flex: 0 0 25%;
    max-width: 25%;
}

.r-drop-5box.r-dropdown ul li {
    flex: 0 0 20%;
    max-width: 20%;
}

.r-drop-3box.r-dropdown ul {
    width: 335px;
}

.r-panel ul li.r-dropdown.r-drop-3box:hover .r-dropdown-fulbox,
.r-panel ul li.r-dropdown.r-drop-3box.focusactive .r-dropdown-fulbox {
    width: 355px;
}

.r-drop-3box.r-dropdown ul li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.r-drop-2box.r-dropdown ul {
    width: 350px;
}

.r-panel ul li.r-dropdown.r-drop-2box:hover .r-dropdown-fulbox,
.r-panel ul li.r-dropdown.r-drop-2box.focusactive .r-dropdown-fulbox {
    width: 255px;
}

.r-drop-2box.r-dropdown ul li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
.r-drop-1box.r-dropdown ul {
    width: 300px;
}

.r-panel ul li.r-dropdown.r-drop-1box:hover .r-dropdown-fulbox,
.r-panel ul li.r-dropdown.r-drop-1box.focusactive .r-dropdown-fulbox {
    width: 120px;
}

.r-drop-1box.r-dropdown ul li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}



.r-panel ul li.r-dropdown.r-dropdown-relative {
    position: relative;
}

.r-panel ul li.r-dropdown.r-dropdown-relative .r-dropdown-fulbox {
    top: -30px
}

.r-dropdown ul {
    display: flex;
    flex-wrap: wrap;
    width: 720px;
    margin: 10px;
    /*    height: 460px;*/
    overflow: auto;
}

    .r-dropdown ul li {
        flex: 0 0 16.66%;
        max-width: 16.66%;
        background: transparent;
        padding: 3px;
    }

.r-dropdown li span {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}
.updatekcc span{padding-top:9px}
    .r-dropdown li span img {
        width: auto;
        max-width: 100%;
    }
.pnb-meta-update-icon span{margin-top:25px}
.r-dropdown li a {
    display: inline-block;
    width: 100%;
    background: #fff;
    height: 100%;
    border-radius: 5px;
    text-align: center;
    line-height: 14px;
    color: #333;
    padding: 10px;
}

.r-panel .r-dropdown li a:hover,
.r-panel .r-dropdown li a:focus {
    background: #fdbd30;
    color: #a20a3a;
    text-decoration: none;
}

.r-panel ul li:hover {
    background: #a20a3a;
    color: #fff;
}

    .r-panel ul li:hover .fa-chevron-down {
        border: 1px solid #fdbd30;
        color: #fdbd30
    }
/*.active-rpanel .overlay{position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;}*/