* {
    font-family: "Inter-Regular";
}

.ntb-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(39, 119, 208, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    background-color: transparent;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

.ntb-toggler {
    margin-left: -10px;
    margin-top: 4px;
    /*border-color: #f00 !important;
    border-radius: 4px;*/
    border: 0px !important;
    background: #fff;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    line-height: 3.1em !important;
}


nav .dropdown-menu {
    left: auto !important;
    float: none !important;
}


nav .dropdown-menu  .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 100;
    color: #212529;
    font-size: 12px;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

/*.navbar-toggle.pull-left {
          margin-left: 15px;
        }
        @@media (min-width: 768px) {
          .pull-sm-left {
            float: left !important;
          }
        }*/

/*.navbar-toggler {
           margin: -10px;
           transform: scale(0.6);
        }


           .navbar-toggle.pull-right {
          margin-right: 15px;
        }*/


.white-bar {
    /*box-shadow: 0px 3px 12px #ECF1F6;*/
     box-shadow: 0px 2px 2px 2px #ECF1F6;
}

.pull-sm-right {
    /*float: right !important;
    left: auto !important;
    right: 0 !important;*/
}

.navntbtop {
   margin-top: -4px;
   box-shadow: 0px 3px 12px #ECF1F6;
   padding:.5rem 1rem
}

.nav-mnu-Namelbl {
    padding-left:3px;
    padding-right:3px;
    font-weight:bold;
   color: #0f2d4f;
   text-transform:capitalize;
    font-size:12px;
}

.nav-mnu-title 
,.nav-mnu-title:hover
,.nav-mnu-title:active
,.nav-mnu-title:link
,.nav-mnu-title:visited
{
    /*font: 0.5em;*/
    color: #0f2d4f;
    text-align: left;
    letter-spacing: 0px;
    font-size:12px;
    font-weight:bold;
    /*color: rgba(15, 45, 79, 1);*/
    opacity: 1;
    text-decoration:none;
}

.nav-mnu .nav-mnu-section {
    
    display:inline-block; 
    padding-right:10px;
    border-right:1px solid #cccccc;
}


@media (max-width: 768px) {
    .navbar-brand img:last-child {
        /*display:none;*/
    }
    .ntb-toggler {
        display: inline-block;
    }

    .nav-mnu .nav-mnu-section {
       padding-right: 3px; 
       border-right:0px;
    }
    .nav-mnu-title {
        display:none;
    }
    .nav-mnu-Namelbl {
        display:none !important;
    }
    .navbar-branddesc {
        display:none;
    }
    .imgDevice {
        /*width:120%;*/
        margin-left:auto;
        margin-right:auto;
    }
    .dropdown-menu {
        right: 0 !important;
    
}
}

@media (min-width: 769px) {
    

    .navbar-brand img:last-child {
        display:inline-block;
    }

    .ntb-toggler {
        display: none;
    }

    .navbar-slide-nav .navbar-slide {
        width: 400px !important;
        position: fixed;
        z-index: 1030;
        top: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        margin: 0;
        overflow: auto;
        background-color: #fff;
        border-right: 1px solid;
        border-right-color: inherit;
    }
}

.navbar-slide {
    padding-left: 10px;
}

.offcanvas.in {
    display: block !important;
}

.offcanvas {
    display: none !important;
}



nav .dropdown-toggle::after {
    background-image: url(ntb/topmenu/keyboard_arrow_right-24px-2.png);
    background-repeat:no-repeat;
    display: inline-block;
    width: 12px;
    height: 7px;
    margin-left: 0px;
    vertical-align: 0px;
    content: "";
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
}


 div.badgePromo:empty {
                        display:none;
                    }
                   div.badgePromo {
    /* background: url(img/counter.png) no-repeat; */
    position: relative;
    top: -7px;
    left: -33px;
    /* min-width: 18px; */
    /* width: auto; */
    /* background-color: crimson; */
    /* content: "."; */
    /* height: 17px; */
    border-radius: 10px;
    /* font-size: 11px; */
    font-weight: bold;
    color: crimson;
    display: inline-block;
    /* padding-left: 2px; */
    /* padding-right: 2px; */
    font-size: 4em;
    margin-top: -3em;
    margin-bottom: -30px;
    margin-right: -15px;
}


.ntb_custommenu ul > li >  span {

    display: inline-block !important;
    padding-left: 10px;
    padding-right: 10px;
}

.ntb_custommenu  ul > li > a
,.ntb_custommenu ul > li > a:visited
,.ntb_custommenu ul > li > a:active
,.ntb_custommenu ul > li > a:link {

    color:#808080;
    font-size:14px;
}

.hdrNavName {
    color: #0F2D4F;
    font-family: "Inter-Medium";
    font-size: 18px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.ntbregFootertext {
     font-family: "Inter-Regular";
    font-size:14px;
    color:#2F4360;
}

@media (max-width:767px) {
    .ntbregFootertext {
         font-size:12px;
    }
    .dropdown-menu {
        right: 0 !important;
    
}
}

.btnFormPrevious,
.btnFormPrevious:hover {
    width: 160px;
    /*height: 48px;*/
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 7px;
    color: #45B0E6;
    border: 1px solid #45B0E6;
    background: url(ntb/keyboard_arrow_left24.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 15px;
    background-size: 8px;
    font-family: "Inter-SemiBold";
    font-size: 16px;
    padding-right: 10px;
    /*padding-top: 4px;*/
    display: inline-block;
}

.btnFormPrevious2,
.btnFormPrevious2:hover {
    width: 200px;
    height: 48px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 7px;
    color: #45B0E6;
    border: 1px solid #45B0E6;
    background: url(ntb/keyboard_arrow_left24.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 15px;
    background-size: 8px;
    font-family: "Inter-SemiBold";
    font-size: 16px;
    padding-right: 10px;
    padding-top: 4px;
    display: inline-block;
}


.btnFormContinue {
    width: 160px;
    /*height: 48px;*/
    line-height: 40px;
    /*text-align: left;*/
    vertical-align: middle;
    /* box-sizing: border-box; */
    background-color: #45B0E6 !important;
    border-radius: 7px;
    color: #fff;
    border: 1px solid #45B0E6;
    background: url(ntb/keyboard_arrow_right24.png);
    background-repeat: no-repeat;
    background-position-x: 130px;
    background-position-y: 15px;
    background-size: 8px;
    font-family: "Inter-SemiBold";
    font-size: 16px;
    padding-left: 10px;
    /*padding-top: 4px;*/
}
.btnFormContinueNoArrow {
    width: 160px;
    line-height: 40px;
    vertical-align: middle;
    background-color: #45B0E6 !important;
    border-radius: 7px;
    color: #fff;
    border: 1px solid #45B0E6;
    background-repeat: no-repeat;
    background-position-x: 130px;
    background-position-y: 15px;
    background-size: 8px;
    font-family: "Inter-SemiBold";
    font-size: 16px;
    padding-left: 10px;
}

.btnFormContinue2 {
    width: 280px;
    height: 48px;
    line-height: 40px;
    /*text-align: left;*/
    vertical-align: middle;
    /* box-sizing: border-box; */
    background-color: #45B0E6 !important;
    border-radius: 7px;
    color: #fff;
    border: 1px solid #45B0E6;
    background: url(ntb/keyboard_arrow_right24.png);
    background-repeat: no-repeat;
    background-position-x: 250px;
    background-position-y: 15px;
    background-size: 8px;
    font-family: "Inter-SemiBold";
    font-size: 16px;
    padding-left: 10px;
     padding-top: 4px;
}

.btnFormContinue3 {
    width: 220px;
    height: 48px;
    line-height: 40px;
    /*text-align: left;*/
    vertical-align: middle;
    /* box-sizing: border-box; */
    background-color: #45B0E6 !important;
    border-radius: 7px;
    color: #fff;
    border: 1px solid #45B0E6;
    background: url(ntb/keyboard_arrow_right24.png);
    background-repeat: no-repeat;
    background-position-x: 200px;
    background-position-y: 15px;
    background-size: 8px;
    font-family: "Inter-SemiBold";
    font-size: 16px;
    padding-left: 10px;
     padding-top: 4px;
}


.btnFormContinue[disabled=disabled] {
    width: 160px;
    /*height: 48px;*/
    line-height: 40px;
    /*text-align: left;*/
    vertical-align: middle;
    /* box-sizing: border-box; */
    background-color: #b7b7b7 !important;
    border-radius: 7px;
    color: #fff;
    border: 1px solid #b7b7b7;
    background: url(ntb/keyboard_arrow_right24.png);
    background-repeat: no-repeat;
    background-position-x: 130px;
    background-position-y: 15px;
    background-size: 8px;
    font-family: "Inter-SemiBold";
    font-size: 16px;
    padding-left: 10px;
}

.buttontoHref.disabled{
    cursor: default;
    text-decoration: none;
    color: #ccc!important;
}

@media (max-width: 768px) {
    .btnFormContinue {
        transform:scale(0.9);
    }
   .btnFormPrevious {
        transform:scale(0.9);
    }
   .dropdown-menu {
        right: 0 !important;
    
}
}


/*



*/

  #footer {
        width: 100%;
        background-color: #3884D9; /*#98ca57;*/
        height: 40px;
        position: fixed;
        bottom: 0px;
        z-index: 777;
    }


.footerpage-inner
{
	max-width:85%;
	min-width:960px;
	margin:0px auto;
	font-size:12px;
	color:#0b3c00;
	font-weight:bold;
}

.footer-nav
{
	float:right;
	margin-top:4px;
}
.footerpage-inner .footer-nav ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.footerpage-inner .footer-nav ul li
{
	float:left;
	margin:0px 2px;
	
}

.footerpage-inner .footer-nav ul li a
{
	color:#FFFFFF;
	text-decoration:none;
	display: inline-block;
    margin:0px 5px;
}
.footer-nav ul li a
{
	line-height:2.5em;
}
.footer-nav ul li a:hover
{
	color:#fff;
}

/*terms and condition icon*/
.footer-nav ul li a span
	{
	height:32px;
	width:32px;
	display:block;
	float:left;
    margin:1px 3px;
	}
	


.footer-nav ul li a span.contact
{
	background: url('img/footerbuttons.png') repeat -59px 0px;
}
.footer-nav ul li a span.help
{
	background: url('img/footerbuttons.png') repeat -30px 0px;
}
.footer-nav ul li a span.terms
{
	background: url('img/footerbuttons.png') repeat -1px 0px;
}



.footerpage-inner .footer-nav ul li a.newlnk span.account,
.footerpage-inner .footer-nav ul li a.newlnk span.transfer,
.footerpage-inner .footer-nav ul li a.newlnk span.payment
{		
	/*display: inline-block;
	margin: 15px -41px;
	font-size: 8pt !important;*/

    height:32px;
	width:48px;
	display:block;
	float:left;
    margin:1px 3px;
}

.footerpage-inner .footer-nav ul li a.newlnk span.timedeposit
{
	/*display: inline-block;
	width: 100px;
	margin: 15px -60px;
	font-size: 7pt !important;*/

    height:32px;
	width:65px;
	display:block;
	float:left;
    margin:1px 3px;
}

.footer-nav ul li a span.account
{
    background: url('img/footerbuttons.png') repeat -90px 0px;
	/*margin: -5px 0px !important;*/
}
.footer-nav ul li a span.transfer
{
	background: url('img/footerbuttons.png') repeat -140px 0px;
	/*margin: -5px 0px !important;*/
}
.footer-nav ul li a span.payment
{
	background: url('img/footerbuttons.png') repeat -193px 0px;
	/*margin: -5px 0px !important;*/
}
.footer-nav ul li a span.timedeposit
{
	background: url('img/footerbuttons.png') repeat 75px 0px;
	/*margin: -5px 0px !important;*/
}


#imgLoading img,
#loadeffect img,
.loadingimgicon {
    -webkit-animation: ntb_page_loader_animation 2s infinite ease-in-out;
    animation: ntb_page_loader_animation 2s infinite ease-in-out;
}






.ntb_page_loader_container {
	z-index: 9999;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #f2f6fa;
	display: flex;
	justify-content: center;
	align-items: center;
    top: 0;
    opacity: 0.8;
}


.ntb_page_loader {
	-webkit-animation: ntb_page_loader_animation 2s infinite ease-in-out;
	animation: ntb_page_loader_animation 2s infinite ease-in-out;
}

@-webkit-keyframes ntb_page_loader_animation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes ntb_page_loader_animation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}


.ntb_dim {
	opacity: 0.8;
}