.login-logo {
    /*background-image: url("../images/cropped-logo-serc.png");*/
}

.panel-body {
    background-color: #f6f6f6;
}

.border-black {

    border: 1px solid #000000;

}

.border-grey {

    border: 1px solid #e3e3e3;

}

.border-red {

    border: 1px solid red;
}

.no-horizontal-margin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

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

h1 {

    font-size: 52px;

    color: #fff;

    /*font-family: poiretOne;*/

    font-weight: bold;

}

h1 > span {

    color: #ffffff;

    font-weight: bold;

}

/*.navbar-default .navbar-brand, .navbar-default, .navbar-default .navbar-brand > img, .navbar-default .navbar-nav > li > a {*/

/*-webkit-transition: all 0.2s;*/

/*-moz-transition: all 0.2s;*/

/*-o-transition: all 0.2s;*/

/*transition: all 0.2s;*/

/*}*/

.navbar-default .navbar-brand {

    color: #ffffff;

    font-weight: bold;

    padding: 15px;

    background-color: #ff7f00;

    display: table;

    /*border: solid 3px #f8f8f8;*/

}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {

    color: #ffffff;

    font-weight: bold;

    background-color: #ff7f00;

}

.navbar-default .navbar-brand > img {

    width: 130px;

}

.navbar-default .navbar-brand.admin-nav > img {

    width: 45px;

}

.navbar-nav > li > a {

    /*padding-top: 30px;*/

    /*padding-bottom: 30px;*/

    letter-spacing: 0.2em;

}

.navbar-default {

    background-color: #ff7f00;

    border: none;

    max-height: 80px;

}

.navbar-default .navbar-nav > li > a {

    color: #ffffff;

    font-weight: bold;

    background-color: #ff7f00;

}

.navbar-default .navbar-nav > li > a:hover {

    color: #ffffff;

    background-color: #ff7f00;

    border-bottom: 3px solid #ff7f00;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {

    color: #ffffff;

    background-color: #ff7f00;

}

.navbar-default .navbar-nav > .active > a:hover {

    color: #ffffff;

    background-color: #ff7f00;

}

.navbar-default .navbar-nav > .dropdown > a:hover {

    color: #ffffff;

    background-color: #ff7f00;

    border-bottom: 0px solid rgba(234, 7, 18, 1);

}

.dropdown-menu {

    background-color: #ff7f00;

    color: #ffffff !important;

}

.dropdown-menu > li > a {

    color: #ffffff !important;

}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {

    color: #ffffff;

    text-decoration: none;

    background-color: #029eb6;

}

.carousel-caption {

    right: 20%;

    left: 20%;

    bottom: 80px;

    padding: 15px 30px;

    background-color: rgba(255, 255, 255, 0.60);

}

section {

    margin-top: 70px;

}

.carousel-control.right, .carousel-control.left {

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);

}

.hsm {

    padding: 80px 0;

    background-color: #eee;

}

.hsm .col-sm-12 > p {

    line-height: 1.8em;

    letter-spacing: 0.1em;

}

.hsm .col-sm-12 > h1 {

    color: #666;

}

.hsm .col-sm-12 > p {

    color: #666;

}

.hsm .col-sm-12 > h1 > span {

    color: #ffffff;

    font-weight: bold;

}

.menu_s {

    background-image: url(../images/bg_1.jpg);

    background-attachment: fixed;

    background-size: contain;

    background-position: center;

    padding: 20px 0 150px 0;

    text-align: center;

    margin-bottom: -100px;

}

.menu {

    padding-bottom: 100px;

}

.menu a > img {

    opacity: 0.9;

}

.menu a > img:hover {

    opacity: 1;

}

.menu h1 {

    background-color: rgba(0, 0, 0, 0.5);

    padding: 15px;

    margin-bottom: 0;

}

.kitchen-r {

    background-image: url(../images/kitchen.jpg);

    background-attachment: fixed;

    padding: 20px 0;

}

.kitchen-r h1 {

    background-color: rgba(0, 0, 0, 0.5);

    padding: 15px;

    margin-bottom: 0;

}

.lunch {

    background-image: url(../images/lunch.jpg);

    background-attachment: fixed;

    padding: 20px 0;

}

.lunch h1 {

    background-color: rgba(0, 0, 0, 0.5);

    padding: 15px;

    margin-bottom: 0;

}

.r-detail {

    background-color: #ff7f00;

    padding: 15px 25px 50px 25px;

}

.r-detail h3 {

    color: #ffffff;

}

.r-detail p {

    letter-spacing: 0.1em;

    line-height: 2em;

}

.our-menu {

    padding: 80px 0;

    background-color: #fff;

}

.our-menu img {

    margin: 30px 0 0 0;

}

.our-menu img:hover {

    opacity: 0.8;

}

.our-menu h1 {

    padding: 15px;

    margin-bottom: 0;

    color: #666;

}

.our-menu .col-sm-12 > p {

    line-height: 1.8em;

    letter-spacing: 0.1em;

}

.our-menu .col-sm-12 > h1 > span {

    color: #ffffff;

    font-weight: bold;

}

.menu-item {

    position: relative;

}

.menu-item span {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background-color: rgba(255, 255, 255, 0.9);

    padding: 15px 15px;

    text-align: center;

}

.feedback {

    padding: 20px 0;

}

.feedback h1 {

    padding: 15px;

    border-bottom: 1px solid #ccc;

}

#feedback_slider {

    margin-top: 50px;

    padding: 50px 150px;

}

#feedback_slider .item p {

    letter-spacing: 0.1em;

    line-height: 1.5em;

    color: #888;

    font-size: 14px;

    text-align: center;

}

#feedback_slider .item span {

    letter-spacing: 0.1em;

    color: #444;

    padding-right: 30px;

    display: block;

    margin-top: 50px;

    text-align: center;

    /*font-family: poiretOne;*/

    font-size: 24px;

    font-weight: bold;

}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {

    color: #ffffff;

    text-shadow: none;

}

footer {

    background-color: #ff7f00;

    padding: 100px 0;

    color: #666;

}

footer .discription {

    letter-spacing: 0.15em;

    font-size: 18px;

    line-height: 2em;

    color: #888;

}

/*------------------------------------------------------------------------------*/

.login-farm {

    background-color: transparent;

    /*background-image: url(../images/login_bg.jpg);*/

    /*background-size: cover;*/

}

.login-farm .thumbnail {

    position: relative;

    padding: 30px;

    border: none;

    background-color: #ff7f00;

    box-shadow: 0 0 10px #666;

    color: #666666;

    border-radius: 0;

    margin: 80px 0;

    margin-top: 150px;

}

.login-farm .thumbnail h2 {

    font-size: 48px;

    color: #ffffff;

    /*font-family: poiretOne;*/

    font-weight: bold;

    position: absolute;

    bottom: 100%;

    padding: 15px;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    left: 0;

    margin-bottom: 0;

}

.login-farm .login-logo {

    margin-bottom: 50px;

}

.admin-panel {

    /*background-image: url(../images/login_bg.jpg);*/

    /*background-position: left;*/

    /*background-attachment: fixed;*/

    margin-top: 25px;

    padding-top: 25px;

    background-color: transparent;

}

.admin-panel .thumbnail {

    position: relative;

    padding: 30px;

    border: none;

    background-color: #ff7f00;

    box-shadow: 0 0 10px #666;

    color: #666666;

    border-radius: 0;

    margin: 80px 0;

    margin-top: 150px;

    position: relative;

    float: left;

    width: 100%;

}

.admin-panel .thumbnail h2 {

    font-size: 48px;

    color: #ffffff;

    /*font-family: poiretOne;*/

    font-weight: bold;

    position: absolute;

    bottom: 100%;

    padding: 15px;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    left: 0;

    margin-bottom: 0;

}

.admin-panel .login-logo {

    margin-bottom: 50px;

}

a {

    /*color: #ea0712;*/

}

table a {

    color: #2e353d;

}

a:focus, a:hover {

    color: inherit;

    text-decoration: underline;

}

.vertical {

    /*writing-mode: tb-rl;*/

    writing-mode: vertical-rl;

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    white-space: nowrap;

    display: block;

    bottom: 0;

    width: 20px;

    text-align: right;

    /*height: 20px;*/

}

.hover:hover {

    cursor: pointer;

}

/*.btn-default {*/

/*background-color: #fff;*/

/*border-radius: 0;*/

/*border: 1px solid #ccc;*/

/*font-weight: bold;*/

/*!*padding:10px 30px;*!*/

/*color: #ea0712;*/

/*}*/

/*.btn-default:hover, .btn-default:focus, .btn-default:active {*/

/*color: #117e44;*/

/*}*/

.btn-wide {

    width: 150px;

}

@media (max-width: 768px) {

    .navbar-default .navbar-brand {

        padding: 5px 0 0 15px;

    }

    .navbar-default .navbar-brand > img {

        width: 45px;

    }

    .navbar-default .navbar-brand.admin-nav > img {

        width: 45px;

    }

    .navbar-nav > li > a {

        /*padding-top: 10px;*/

        /*padding-bottom: 10px;*/

        border-bottom: none;

        /*background-color: rgba(248, 248, 248, 1);*/

    }

    .navbar-default .navbar-nav > li > a {

        background-color: #ff7f00;

    }

    .navbar-default .navbar-nav > li > a:hover {

        color: #222;

        background-color: #ff7f00;

        border-bottom: none;

    }

    .navbar-default {

        min-height: 70px;

        max-height: 70px;

    }

    h1 {

        font-size: 32px;

        color: #fff;

        /*font-family: poiretOne;*/

        font-weight: bold;

    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {

        color: #ea0712;

        background-color: #ff7f00;

    }

    .navbar-default .navbar-nav > .active > a:hover {

        color: #117e44;

        background-color: #ff7f00;

    }

    #feedback_slider {

        margin-top: 50px;

        padding: 5px 40px;

    }

    .carousel-caption {

        right: 20%;

        left: 20%;

        bottom: 50px;

        padding: 5px;

        background-color: rgba(0, 0, 0, 0.5);

    }

    .carousel-caption h1 {

        font-size: 15px;

        line-height: 20px;

    }

    .navbar-toggle {

        position: relative;

        float: right;

        padding: 9px 10px;

        margin-top: 18px;

        margin-right: 15px;

        margin-bottom: 8px;

        background-color: transparent;

        background-image: none;

        border: 1px solid transparent;

        border-radius: 4px;

    }

    .navbar-nav .open .dropdown-menu {

        position: static;

        float: none;

        width: auto;

        margin-top: 0;

        background-color: #ff7f00;

        border: 0;

        -webkit-box-shadow: none;

        box-shadow: none;

    }

    .navbar-default .navbar-nav > .dropdown > a:hover, .navbar-default .navbar-nav > .dropdown > a:focus {

        color: #222;

        background-color: #ff7f00;

        /*border-bottom: 0px solid rgba(234, 7, 18, 1);*/

    }

}

.mt-2 {
    margin-top: 2rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 2rem;
}

.badge-danger {
    background-color: red;
}

.badge-custom {
    position: absolute;
    margin-top: -10px;

}

@media (min-width: 768px) and (max-width: 992px) {

}

@media (min-width: 992px) and (max-width: 1200px) {

}

@media (min-width: 1200px) {

}

.unread_messages {
    background-color: #a4d1a2 !important;
    color: black;
    font-weight: bold;
}