body{
    overflow-x: hidden;
    height: 100%;
    font-family: 'Open Sans Condensed', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.body-bg {
    background: #4ecdc4    ;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #556270, #4ecdc4);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #556270, #4ecdc4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
   }

footer{
    /* position: absolute;
    bottom: 0; */
    width: 100%;
    /* line-height: 60px; */
    font-size: 10px;
}
.footer-text{
    font-size: 14px;
}


footer span{
    color: white;
}
footer a{
    color: white;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }

.error-code{
    font-size: 8em;
    font-weight: 900;
}

.error-des{
    color: gray;
}

.shadow {
    box-shadow:  0 0.1125rem 1.1rem 0 rgba(0, 0, 0, 0.6) !important;
  }

.f-bold{
    font-weight: 900; 
}

.name-logo{
    font-size: 30px;
    font-weight: 900;   
    color: #045454;
}

.branch-header-btn {
    transition: all 0.3s ease;
}
.branch-header-btn:hover {
    background: rgba(255,255,255,0.15) !important;
    text-decoration: none;
}
.branch-header-btn:focus {
    outline: none;
    box-shadow: none;
    text-decoration: none;
}
.branch-header-btn h3 {
    text-decoration: none !important;
}