/* Updated footer section start here  */
  .upated-footer{display: inline-block; width: 100%; background: #000000!important; 
    padding: 10px 10px!important;  z-index: 999;}
    .update-footer-inner{display:block; width: 90%; margin: 0px auto!important;}

    .up-footer-box{float: left; display: block; width: 25%;}
    .up-footer-box h3{font-size:20px !important; color:#fff !important; margin-bottom: 20px!important;}
    .u-social-icon span {width: 100%;display: inline-block;margin-bottom: 15px;padding-right:20px;}
    .u-social-icon span img{
        width: 100%;
    }
    .u-social-icon p{font-size: 12px; color: #fff;}
    .u-footer-list{list-style: none; display: inline-block; width: 100%; position: relative;}
    .u-footer-list li{display: inline-block; width: 100%; color: #fff; font-size: 14px;}
    .u-footer-list a{color: #fff;}

    .f-email{font-size: 14px; color: #fff;}
    .f-email span{margin-right: 10px;}
    .f-social-icon span {display: inline-block;margin-right: 19px;margin-top: 25px;}

    @media only screen and (max-width: 767px) {
    .footer-mid{ clear: both;}
    .up-footer-box{width: 50%;}
    }

    @media only screen and (max-width: 480px) {
    .footer-mid{ clear: both;}
    .up-footer-box{width:100%; text-align: center;}
    }

   /* Updated footer section End here  */
  

.loading {
    top: 50%;
    left: 50%;
}

.loading-bar {
    display: inline-block;
    width: 4px;
    height: 18px;
    margin-right: 3px;
    border-radius: 4px;
    animation: loading 1s ease-in-out infinite;
}

.loading-bar:nth-child(1) {
    background-color: #3498db;
    animation-delay: 0s;
}

.loading-bar:nth-child(2) {
    background-color: #c0392b;
    animation-delay: 0.09s;
}

.loading-bar:nth-child(3) {
    background-color: #f1c40f;
    animation-delay: .18s;
}

.loading-bar:nth-child(4) {
    background-color: #27ae60;
    animation-delay: .27s;
}

@keyframes loading {
    0% {
        transform: scale(1);
    }
    20% {
        transform: scale(1, 2.2);
    }
    40% {
        transform: scale(1);
    }
}

.no-js #loader {
    display: none
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0
}

.optimumbrew-loading-indicator {
    position: fixed;
    /*left: 0;*/
    /*top: 50%;*/
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    background-color: white;
    /*background: url(./images/spinner.gif) center no-repeat #ededed*/
}