h1, .h1 {
    font-family: DiodrumBold !important;
    font-size: 200% !important;
}

/* Remove black border Start on clicking button elements */

*:focus {
    outline: 0;
}

/* Remove black border End*/

#block-locale-language ul li.is-active{
  display: none;
}
@media screen and (max-width: 967px)
#block-locale-language a {
    color: #ffffff !important;
   
}
}
/* News slider Slick Edited CSS Start*/

.slick-prev {
    left: 1px !important; 
    z-index: 400;
}
.slick-next {
    right: 0.5% !important; 
    z-index: 400;
} 
.slick-next:before {
    content: url(../images/bb2020/rightarrownew.png)!important; 
}
.slick-prev:before {
    content: url(../images/bb2020/leftarrownew.png)!important; 
}

.slick-dots li button:before {
    content: url(../images/bb2020/linecarouselslick.png)!important;	 
}
.slick-dots li {
    width: 32px!important;
}

.slick-slide img {
    display: inline!important;
}


/* News slider Slick Edited CSS End*/

/* Menu Dropp Edited CSS Start*/  
 @media only screen and (min-width: 967px) {
.droopmenu .droopmenu-tabs.droopmenu-tabs-vertical .droopmenu-tabnav {
    width: 250px;
    position: relative;
    z-index: 10;
} 
 }
/* Menu Dropp Edited CSS End*/  
  
/* Font Styles Start */

.fontstyle1 {
	font-size: 200%;
	
	font-family: DiodrumBold;
}

/* Font Styles End */



.leaf-sections .icon-menu.tab-plain a:hover {
	color: #3a97cc; 
}

/* test */



img.field_bb_image_2020 {
    width: 100%;
}


/* Frontpage start */


.no-gutter > [class*='col-'] {
    padding-right:0 !important;
    padding-left:0 !important;
}

.no-padding-15 {
    padding-right:0 !important;
    padding-left:0 !important;
}

.fp-featured-boxes-section {
	
 background-image: linear-gradient(#e2e2e2, #f1f1f1);
}

.fpsection1boxes {
	
   padding: 10px;
    position: relative;
    text-align: center;
 color: #364b7a;
    background-image: linear-gradient(#e2e2e2, #f1f1f1);
}


.fpsection2boxes {
	
   padding: 10px;
    position: relative;
    text-align: center;
 color: #364b7a;
    background-image: linear-gradient(#d2d2d2, #f1f1f1)
}

.bestbanking_bb_image_2020 {
	background-color: #25366C;
	color: #fff;
	
}

.bestbankingicons_bb_image_2020left {
	background-color: #25366C;
	padding-left: 30px;
    text-align: right;
	color: #fff;
	
}

.bestbankingicons_bb_image_2020image {
	background-color: #25366C;
	
   
	color: #fff;
	
}

.bestbankingicons_bb_image_2020right {
	background-color: #25366C;
	padding-right: 30px;
	
    text-align: left; 
	color: #fff;
	
}


.news_bb_image_2020 {
	background-image: linear-gradient(#ddd, #fff);
	color: #000;
	
}

.newsheadingtitle_bb2020{
    color:#29354D; 
    font-size: 200%; 
    font-family: DiodrumBold;
    padding-left:30px
}

.fpnewsbox {
	background-color: #fff; 
	margin:5px;
	padding-left:25px;
	padding-right:25px;
	position:relative;
	height: 325px;   
}
.fpnewsbox:after {
  background: linear-gradient(90deg, rgba(36,54,111,1) 33%, rgba(36,54,111,1) 33%, rgba(57,174,74,1) 33%, rgba(57,174,74,1) 66%, rgba(74,121,243,1) 66%, rgba(74,121,243,1) 100%, rgba(74,121,243,1) 100%, rgba(74,121,243,1) 100%); 
  position: absolute;
  content: '';
  height: 4px;
  right: 0;
  left: 0;
  bottom: 0;
} 

.newssummary_bb2020 {
    height: 90px;
      font-size: 95%;
}

.newstitle_bb2020 {
    height: 100px;
    font-size: 130%;
} 

/* Style the tab */
.tabbb2020container
{
  
      
  background-color: #000;  
  
}

.nopaddingtabs{
    padding-right:0;
    padding-left:0;
}


.tab0bb2020 {
 
  
  background-color: #25366c; 
  
}



/* Style the buttons inside the tab */
.tab0bb2020 button {
  display: block;
  background-color: #25366c;
  color:#fff;
  padding: 22px 16px;
  width: 100%;
  border-bottom: 3px solid #fff;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;

  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab0bb2020 button:hover {
  background-color: #64a816;
}

/* Create an active/current "tab button" class */
.tab0bb2020 button.active {
  background-color: #64a816;
}


.tabbb2020 {
 
  
  background-color: #25366c; 
  
}



/* Style the buttons inside the tab */
.tabbb2020 button {
  display: block;
  background-color: #4a79f3;
  color:#fff;
  padding: 22px 16px;
  width: 100%;
  border-bottom: 3px solid #fff;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;

  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tabbb2020 button:hover {
  background-color: #64a816;
}

/* Create an active/current "tab button" class */
.tabbb2020 button.active {
  background-color: #64a816;
  
}




.tab2bb2020 {
 
  
  background-color: #25366c; 
  
}



/* Style the buttons inside the tab */
.tab2bb2020 button {
  display: block;
  background-color: #25366c;
  color:#fff;
  padding: 22px 16px;
  width: 100%;
  border-bottom: 3px solid #fff;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;

  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab2bb2020 button:hover {
  background-color: #64a816;
}

/* Create an active/current "tab button" class */
.tab2bb2020 button.active {
  background-color: #64a816;
}




.tab3bb2020 {
 
  
  background-color: #25366c; 
  
}



/* Style the buttons inside the tab */
.tab3bb2020 button {
  display: block;
  background-color: #4a79f3;
  color:#fff;
  padding: 22px 16px;
  width: 100%;
  border-bottom: 3px solid #fff;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;

  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab3bb2020 button:hover {
  background-color: #64a816;
}

/* Create an active/current "tab button" class */
.tab3bb2020 button.active {
  background-color: #64a816;
}





.tab4bb2020 {
 
  
  background-color: #25366c; 
  
}



/* Style the buttons inside the tab */
.tab4bb2020 button {
  display: block;
  background-color: #25366c;
  color:#fff;
  padding: 22px 16px;
  width: 100%;
  border-bottom: 3px solid #fff;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;

  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab4bb2020 button:hover {
  background-color: #64a816;
}

/* Create an active/current "tab button" class */
.tab4bb2020 button.active {
  background-color: #64a816; 
}





/* Style the tab content */

.tab0contentbb2020 {
  float: left;
  padding: 0px 12px;
background: rgb(37,54,108);
background: linear-gradient(90deg, rgba(100,168,22,1) 0%, rgba(128,191,57,1) 50%, rgba(219,251,182,1) 100%); 
  position: relative;
  width: 100%;
  color:#fff;
  height: 352px
  
}


.tabcontentbb2020 {
  float: left;
  padding: 0px 12px;
  background: rgb(208 206 206);
background: linear-gradient(90deg, rgba(100,168,22,1) 0%, rgba(128,191,57,1) 50%, rgba(219,251,182,1) 100%); 
background-position: right;
    background-repeat: no-repeat;
  position: relative;
  width: 100%;
  color:#fff;
  height: 281px
  
}

.tab2contentbb2020 {
  float: left;
  padding: 0px 12px;
 background: rgb(45,44,44);
background: linear-gradient(90deg, rgba(100,168,22,1) 0%, rgba(128,191,57,1) 50%, rgba(219,251,182,1) 100%); 
  background-position: right;
    background-repeat: no-repeat;
  position: relative;
  width: 100%;
  color:#fff;
  height: 281px
  
}

.tab3contentbb2020 {
  float: left;
  padding: 0px 12px;
  /* background: url(/sites/all/themes/bb/images/bb2020/tabblue.png); */
background: rgb(37,54,108);
background: linear-gradient(90deg, rgba(100,168,22,1) 0%, rgba(128,191,57,1) 50%, rgba(219,251,182,1) 100%); 
  background-position: right;
    background-repeat: no-repeat;
  position: relative;
  width: 100%;
  color:#fff;
  height: 281px
  
}

.tab4contentbb2020 {
  float: left;
  padding: 0px 12px;
  background: rgb(100,168,22);
background: linear-gradient(90deg, rgba(100,168,22,1) 0%, rgba(128,191,57,1) 50%, rgba(219,251,182,1) 100%); 
  background-position: right;
    background-repeat: no-repeat;
  position: relative; 
  width: 100%;
  color:#fff;
  height: 281px
  
}


  
.tabcontentimagebb2020 {
bottom: 0;
	position: absolute;
  right: 5%;
}



 
/* Frontpage end */

/* Footer Quick Links Start */

.leaf-sections2 {
    
    clear: both;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
}

.leaf-sections2 .leaf-menu-bg-transparency2 {
    width: 100%;
    height: 100%;
    z-index: 500;
    padding-right: 5.1%;
    padding-left: 5.1%;
    background-color: #23336E;
    border-top: 10px solid #23336e;
	
}

.leaf-sections2 .leaf-icons-padding2 {
    /*padding: 40px;*/
    /* padding-bottom: 0px; */
    position: relative;
    margin-left: 14px;
}

.leaf-sections2 .icon-menu2 {
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding: 0px;
    min-height: 250px;
    position: relative;
}

.leaf-sections2 .icon-menu2.tab-plain2 {
    position: relative;
    min-height: 100px;
	
}

.leaf-sections2 .tab-content-container2 {
    position: absolute;
    height: 90%;
    width: 97%;
    background-color: #3997CB;
	text-align: left;
}

.leaf-sections2 .tab-content-container2 .tab-content2 {
    overflow-wrap: break-word;
    padding: 0px 10px 0px 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.leaf-sections2 .icon-menu2.tab-plain2 a {
    color: #284871;
    font-size: 15px;
}

.leaf-sections2iconimage {
	float: left;
}

 span.leaf-sections2line1text {
    
    padding-left: 15px;
    color: #253770;
}
 span.leaf-sections2line2text {
    color: #fff;
    padding-left: 15px;
}




/* Footer Quick Links End */


/* Header Start */

#mainheaderwrapper_bb2020 {
background-image: url("../images/bb2020/pattern.png");
padding-bottom: 30px;
}

.topbarleft_bb2020 {
text-align:right;
margin-top: 15px;
margin-bottom: 15px;
padding-right: 20px;
}

.topbar_bb2020 {
text-align:left;
margin-top: 15px;
margin-bottom: 15px;
padding-right: 20px;
}

.topbar_icon_bb2020 {
padding-right: 5px;
padding-left: 5px;	

}

.topbar_icon_1st_bb2020 {
padding-right:5px;	
}

.topbar_icon__phonenumber_bb2020 {
    color: #1f2f63;
    font-weight: bold;
    font-size: 15px;
}

.header_bb2020 {
text-align:right;

}

.header_icon_bb2020 {
padding-right: 20px !important;
padding-left:20px !important;	

}

.menubar_bb2020 {
background-color:#24366f;
height:70px;

}



/* Header End */

/* Footer Start */

#mainfooterwrapper_bb2020 {
	
	background-color: #64656A;
	padding-top:30px;
	padding-bottom:30px;
	
}


.footermenu_bb2020 {
padding-right: 15px;
padding-left: 15px;
font-size: 15px;
font-weight:bold;
color: #fff;	
}



.footermenurow2_bb2020{
	padding-left: 15px;
	margin-top: 15px;
}

.footermenurow2_icon_bb2020 {
padding-right: 5px;
padding-left: 5px;	

}

.footermenurow2_1st_icon_bb2020 {
padding-right:5px;	
}

.footermenurow2_24hourstext_bb2020{
	color: #fff;
	font-size: 15px;
}

.footermenurow2_icon_phonenumber_bb2020 {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}


#mainfooter2wrapper_bb2020 {
	
	background-color: #082D74;
	padding-top:15px;
	padding-bottom:15px;
	
}

.footer2left_bb2020 {
color: #fff;
}

.footer2right_bb2020 {
text-align:right;
color: #fff;	
}

/* Footer End */


/* separators */

.separatorstyle1_bb2020 {
font-size:25px;
color: #5087AA;	
font-weight: bold;
}

.separatorstyle2_bb2020 {
font-size:20px;
color: #5087AA;	

}

/* Buttons */

.btnstyle1_bb2020 {
  border: none;
  display: block;
  text-align: left;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  margin-left: 1px;
width: 49.7%;
float: left;
  height:30px;
  background-color: #37B551;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}

.btnstyle1_bb2020 span {
  position: relative; 
  z-index: 1;
}

.btnstyle1_bb2020:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1900%;
  width: 200%;
  background: #00A7F1;
  -webkit-transition: all .9s ease-in-out;
  transition: all .9s ease-in-out;
  -webkit-transform: translateX(-115%) translateY(-25%) rotate(45deg);
  transform: translateX(-115%) translateY(-25%) rotate(45deg);
}

.btnstyle1_bb2020:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
 
 
 
 .btnstyle1a_bb2020 {
  border: none;
  display: block;
  text-align: left;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  margin-left: 1px;
width: 49.7%;
float: left;
  height:30px;
  background-color: #00A7F1;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}

.btnstyle1a_bb2020 span {
  position: relative; 
  z-index: 1;
}

.btnstyle1a_bb2020:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1900%;
  width: 200%;
  background: #1F2F63;
  -webkit-transition: all .9s ease-in-out;
  transition: all .9s ease-in-out;
  -webkit-transform: translateX(-115%) translateY(-25%) rotate(45deg);
  transform: translateX(-115%) translateY(-25%) rotate(45deg);
}

.btnstyle1a_bb2020:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}


.btnstyle1mobile_bb2020 {
  border: none;
  display: block;
  text-align: left;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  width: 100%;
  height:30px;
  background-color: #1F2F63;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}

.btnstyle1mobile_bb2020 span {
  position: relative; 
  z-index: 1;
}

.btnstyle1mobile_bb2020:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1900%;
  width: 200%;
  background: #00A7F1;
  -webkit-transition: all .9s ease-in-out;
  transition: all .9s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-110%) translateY(-25%) rotate(45deg);
}

.btnstyle1mobile_bb2020:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
 
 
 
.btnstyle2_bb2020 {
  border: none;
  display: block;
  text-align: left;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  width: 100%;
  height:30px;
  background-color: #37B551;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}

.btnstyle2_bb2020 span {
  position: relative; 
  z-index: 1;
}

.btnstyle2_bb2020:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1900%;
  width: 200%;
  background: #00A7F1;
  -webkit-transition: all .9s ease-in-out;
  transition: all .9s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-110%) translateY(-25%) rotate(45deg);
}

.btnstyle2_bb2020:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.btnstyle3darkblue {
  background-color: #364B7A; 
  border: 1px solid #364B7A;
  color: white;
padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px; 
}
.btnstyle3green {
  background-color: #43B556;
  border: 1px solid #43B556;
  color: white;
padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
}
.btnstyle3lightblue {
  background-color: #4DA5D5; 
  border: 1px solid #4DA5D5;
  color: white;
padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
}

.btnstyle3white {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #000;
padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
}


.btnstyle3darkblue:hover {
  background-color: #ffffff; 
  border: 1px solid #364B7A;
  color: #364B7A;
padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
}
.btnstyle3green:hover {
  background-color: #ffffff;
  border: 1px solid #43B556;
  color: #43B556;
padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
}
.btnstyle3lightblue:hover {
  background-color: #ffffff;
  border: 1px solid #4DA5D5;
  color: #4DA5D5;
  padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
}

.btnstyle3white:hover {
  background-color: #25366C;
  border: 1px solid #ffffff;
  color: #fff;
padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
}


.btnstyle4newslightblue {
  background-color: #4DA5D5; 
  border: 1px solid #4DA5D5;
  color: white;
padding: 5px 15px 5px 15px; 
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
}

.btnstyle4newslightblue:hover {
  background-color: #ffffff;
  border: 1px solid #4DA5D5;
  color: #4DA5D5;
  padding: 5px 15px 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px; 
}

/* Margin */

.margin_bottom_5_bb2020
{
margin-bottom: 5px;
}

.margin_top_5_bb2020
{
margin-top: 5px;
}

.margin_bottom_10_bb2020
{
margin-bottom: 10px;
}

.margin_top_10_bb2020
{
margin-top: 10px;
}


/* Padding */

.padding_left_5_bb2020
{
padding-left: 5px;
}

.padding_right_5_bb2020
{
padding-right: 5px;
}

.padding_left_10_bb2020
{
padding-left: 10px;
}

.padding_right_10_bb2020
{
padding-right: 10px;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.topbarleft_bb2020 {
text-align:center;

}

.topbar_bb2020 {
text-align:center;

}

.header_bb2020 {
text-align:center;

}

.logo_bb2020 {
text-align:center;
}

#mainfooter2wrapper_bb2020 {
	
	text-align: center;
	
}

#mainfooterwrapper_bb2020 {
	
	text-align: center;
}

.footer2right_bb2020{
	text-align: center;
}
}




.showChat {
  position: fixed;
   right: 0;
   bottom: 0;
   margin-bottom:90px;
   z-index:100000;
   display: block !important;
}
#chatOpen {
  background-image: url("DB_Chatbot_Homepage_GIF_without_BG.gif");
   position: fixed;
   right: 0;
   bottom: 0;
   width:128px;
     height:195px;
     border:0;
     background-color: transparent;
     background-repeat: no-repeat;
     
  
}
.chatClose {
  background-image: url("close.png") !important;
   position: fixed;
   right: 0;
   bottom: 0;
   width:80px !important;
     height:80px !important;
     
}

.weaver-default-new {
position: relative;
width: 25vw;
height: 85vh;
}



/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/



@media (min-width: 768px) and (max-width: 1024px) {
.weaver-default-new {
width: 50vw;
height: calc(var(--wvh, 1vh) * 100);
}
}



/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/



@media (min-width: 481px) and (max-width: 767px) {
.weaver-default-new {
width: 100vw;
height: 100vh;
height: calc(var(--wvh, 1vh) * 100);
}
}



/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/



@media (min-width: 320px) and (max-width: 480px) {
.weaver-default-new {
width: 100vw;
height: 85vh;
}
}