.center-block {
    text-align: center;
}

.right-block {
    text-align: right;
}

.left-block {
    text-align: left;
}

.nav-styles {
    background-color: #0277bd;
}

.navbar-nav a {
    color: #fff !important;
}
.navbar-brand{

color:white !important;
}
.h-img {
    height: 350px;
}


.order-card {
    color: #fff;
}



.bg-c-blue {
    background: linear-gradient(45deg, #4099ff, #73b4ff);
}

.bg-c-green {
    background: linear-gradient(45deg, #2ed8b6, #59e0c5);
}

.bg-c-yellow {
    background: linear-gradient(45deg, #FFB64D, #ffcb80);
}

.bg-c-pink {
    background: linear-gradient(45deg, #FF5370, #ff869a);
}

.bg-c-red {
    background: linear-gradient(45deg, #c62828, #e53935);
}

.bg-c-indigo {
    background: linear-gradient(45deg, #1a237e, #1a237e);
}

.bg-c-teal {
    background: linear-gradient(45deg, #009688, #009688);
}

.bg-c-orange {
    background: linear-gradient(45deg, #f57c00, #ffcc80);
}



.card {
    height: 80%;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
    border: none;
    margin-bottom: 30px;
    margin-top: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card .card-block {
    padding: 25px;
    height: 120px;
}


.order-card i {
    font-size: 26px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.card-body {
    text-align: center;
    background-color: #424242;
    color: #fff;
}

.divider {
    height: 20px;
}

.divider-max {
    height: 200px;
}

.img-black {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}

.cbody-height {
    min-height: 60px;
}

.card-link {
    text-decoration: none;
}


.counter-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 30px;
    width: 100%;
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: 500;
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #666;
    line-height: 28px
}

.counter-box.colored {
    background: #3acf87;
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}

.sub_head_line{
    font-size: 9pt;
    font-style: italic;
}