/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2019 | 16:01:25 */
/* From Customise */ 

.sticky-nav-bar{
	background:white;
	transition: 0.5s;
	box-shadow:rgba(0, 0, 0, 0.05) 0px 0px 4px 0px, rgba(0, 0, 0, 0.05) 0px 3px 10px 0px;
}
.sticky-nav-bar a {
    color: #003883 !important;
}
.sticky-nav-bar a:hover {
    color: #ff8200 !important;
}
.sticky-nav-bar .elementor-button {
    color: white !important;
}
.sticky-nav-bar .elementor-menu-toggle {
   color: #003883 !important;
}
.sticky-nav-bar #logo-scroll .elementor-image {
	  background: url(https://www.theaccessbankukltd.co.uk/sep2019/wp-content/uploads/2019/06/access-bank-logo-scroll.png);
    background-repeat: no-repeat;
    background-size: contain;
	  background-position: center;
}
.sticky-nav-bar #logo-scroll .elementor-image img{
 visibility:hidden;
}
.elementor-nav-menu--dropdown{
	position: relative;
}
.menu-item-3050 ul.elementor-nav-menu--dropdown:before{
    left: -80%;
    right: 0;
	  bottom: 97%;
	  height: 12px;
    width: 12px;
}
.menu-item-3053 ul.elementor-nav-menu--dropdown:before{
    bottom: 97%;
}
.menu-item-3051 ul.elementor-nav-menu--dropdown:before, .menu-item-3052 ul.elementor-nav-menu--dropdown:before, .menu-item-3053 ul.elementor-nav-menu--dropdown:before{
    left: -65%;
    right: 0;
}
.menu-item-4278 ul.elementor-nav-menu--dropdown:before{
    left: -68%;
    right: 0;
}
.elementor-nav-menu--dropdown:before{
	  margin: auto;
    position: absolute;
	  bottom: 96%;
    content: '';
    height: 12px;
    width: 12px;
    background: white;
	box-shadow: 5px -5px 10px -4px rgba(0,0,0,0.5);
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.elementor-nav-menu--indicator-chevron .elementor-nav-menu .sub-arrow {
    display: none;
}
.mobile {
    display: none !important;
}
.orange-links, .red-links, .blue-links, .dark-orange-links{
	color: #8F8F8F;
	word-break: break-word;
  overflow-wrap: break-word;
  text-decoration: none;
  transition: box-shadow 0.15s cubic-bezier(0.33, 0.66, 0.66, 1) 0s, color 0.15s ease 0s;
  padding: 1px 1px;
	background-color: transparent;
}
.orange-links {
    box-shadow: rgb(255, 130, 0) 0px -1px 0px inset !important;

}
.orange-links:hover {
    box-shadow: rgb(255, 130, 0) 0px -26px inset !important;
	color: white;
}
.dark-orange-links {
    box-shadow: rgb(251,80,36) 0px -1px 0px inset !important;

}
.dark-orange-links:hover {
    box-shadow: rgb(251,80,36) 0px -26px inset !important;
	color: white;
}
.red-links{
    box-shadow: rgb(190, 20, 20) 0px -1px 0px inset !important;
}
.red-links:hover {
    box-shadow: rgb(190, 20, 20) 0px -26px inset !important;
	color: white;
}
.blue-links{
    box-shadow: rgb(5, 56, 122) 0px -1px 0px inset !important;
}
.blue-links:hover {
    box-shadow: rgb(5, 56, 122) 0px -26px inset !important;
	color: white;
}
.orange{color:#f58220;}
.red{color:#be1414;}
.blue{color:#05387a;}
@media (max-width:1024px){
		.mobile {
    display: block !important;
		background: #ff8200;
}
		li.online-banking-button a{
		color: white !important;
	}
		.elementor-nav-menu--indicator-chevron .elementor-nav-menu .sub-arrow {
    display:block;
		color: #ff8200;
}
		.elementor-nav-menu--dropdown:before{
		display:none;
	}
}
@media (max-width:767px){


}