@charset "utf-8";

/* CSS Document */
.navbar-right {
   margin-right: -88px;
}
.nav-bg {
    background: rgba(0, 0, 0, 0.3);
}

.main-bg {
    background: url(../images/main_back.jpg);
}

.border-left {
    border-left: solid 1px #800000
}

.pad-top {
    padding: 20px 0;
}

.ohio-city {
    color: #000;
    font-size: 20px;
    font-family: 'Rye', cursive;
}

.ohio-city h1 {
    font-family: 'Rye', cursive;
    color: #800000;
    font-size: 61px;
    margin: 0 0 2px 0;
    text-transform: uppercase;
}

.ohio-city h2 {
    font-family: 'Rye', cursive;
    color: #000;
    font-size: 61px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

.ohio-city h3 {
    font-family: 'Rye', cursive;
    color: #800000;
    font-size: 36px;
    margin: 0 0 5px 0;
    font-weight: 300;
}

.ohio-city h4 {
    font-family: 'Bree Serif', serif;
    color: #800000;
    font-size: 43px;
    margin: 0 0 2px 0;
    text-transform: normal;
    text-align: center;
}

.ohio-city h5 {
    font-family: 'Bree Serif', serif;
    color: #000;
    font-size: 28px;
    margin: 5px 0 20px 0;
    text-transform: normal;
    text-align: center;
    border-bottom: solid 3px #000;
    padding-bottom: 10px;
}

.right {
    margin-bottom: 30px;
}

.right h1 {
    font-family: 'Rye', cursive;
    font-size: 18px;
    color: #800000;
    margin: 0;
}

.right h3 {
    font-size: 20px;
    color: #000;
    font-family: 'Rye', cursive;
    margin: 0;
}

.right h4 {
    font-size: 14px;
    color: #000;
    font-family: 'Rye', cursive;
    margin: 0;
}

.items-bg {
    background: url(../images/menu-bg.png) top repeat-x #f3eeee;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0;
}

.items-bg h1 {
    text-align: center;
    font-family: 'Rye', cursive;
    font-size: 61px;
    text-transform: uppercase;
    color: #000;
    padding: 0 5px;
    border-bottom: solid 5px #800000;
    font-weight: normal;
}

.menu-heading {
    margin: 50px auto 20px;
    float: none;
}

.menu-items h3 {
    font-family: 'Rye', cursive;
    color: #000;
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0;
}

.menu-items h4 {
    font-family: 'Rye', cursive;
    color: #800000;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 30px;
    font-weight: normal;
}

.navbar-default {
    border: 0;
}

.name h4 {
    font-family: 'Rye', cursive;
    font-size: 20px;
    color: #800000;
    font-weight: bold;
    margin: 0px;
}

.name p {
    font-family: 'Rye', cursive;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
}

.price {
    font-family: 'Rye', cursive;
    background: #800000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding: 10px 2px;
    font-weight: bold;
}

.Catering {
    background: url(../images/catering-bg.jpg);
    background-size: cover;
}

.Catering h3 {
    font-family: 'Rye', cursive;
    font-size: 44px;
    text-align: center;
    padding: 0 0 10px;
    color: #800000;
}

.Catering h4 {
    font-family: 'Rye', cursive;
    font-size: 61px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
}

.Catering h5 {
    font-family: 'Rye', cursive;
    font-size: 23px;
    text-align: center;
    padding: 0 0 10px;
    color: #800000;
}

.cate-sec {
    margin-bottom: 30px;
}

.cate-items {
    line-height: 40px;
    font-family: 'Rye', cursive;
    font-size: 16px;
    font-weight: bold;
}

.footer-main {
    background: #212121;
    padding: 20px 0;
    text-align: center;
    color: #8c8c8c;
    font-family: 'Rye', cursive;
    font-size: 18px;
    font-weight: bold;
}

.footer-main img {
    margin: 0 auto 10px;
    float: none !important;
    text-align: center !important;
}

.footer-main h1 {
    font-size: 27px;
    margin: 20px 0 0;
    font-weight: bold;
}

.footer-main a {
    color: #8c8c8c; display: inline-block;
}

.footer-main a:hover {
    color: #F00;
    text-decoration: none;
}
.footer_bottom_new{ float: left; width: 100%; padding: 0; margin: 0;}
.footer_bottom_new .footer_left_nav{ display: inline-block; padding: 0; margin: 0; float: left; list-style-type: none;}
.footer_bottom_new .footer_left_nav li{ float: left;}
.footer_bottom_new .footer_left_nav li:last-child a{ border: none;}
.footer_bottom_new .footer_left_nav li a{ font-size: 14px; margin: 20px 0 0; color: #FFF; padding: 0 15px; border-right: solid 1px #fff; text-transform:capitalize;}
.footer_bottom_new h2{ display: inline-block; float: right;}

.footer-main h2 {
    font-size: 14px;
    margin: 20px 0 0;
    color: #FFF;
    text-align: right;
    padding-right: 15px;
}

.footer-main h2 a {
    color: #8c8c8c;
}

.footer-main h2 a:hover {
    color: #F00;
    text-decoration: none;
}


/*New */

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}


/*---- Genral classes end -------*/


/*Change icons size here*/

.social-icons .fa {
    font-size: 1.8em;
}


/*Change icons circle size and color here*/

.social-icons .fa {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa {
    border-radius: 50%;
}

.social-icons.icon-rounded .fa {
    border-radius: 5px;
}

.social-icons.icon-flat .fa {
    border-radius: 0;
}

.social-icons .fa:hover,
.social-icons .fa:active {
    color: #FFF;
    -webkit-box-shadow: 1px 1px 3px #333;
    -moz-box-shadow: 1px 1px 3px #333;
    box-shadow: 1px 1px 3px #333;
}

/*.social-icons.icon-zoom .fa:hover,
.social-icons.icon-zoom .fa:active {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}*/
.modalOpen{
    cursor: pointer;
}
.social-icons.icon-zoom .fa:hover,
.social-icons.icon-zoom .fa:active {
   -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
  -webkit-transform: rotateZ(360deg);
          transform: rotateZ(360deg);
}

.social-icons .fa-facebook,
.social-icons .fa-facebook-square {
    background-color: #3C599F;
}

.social-icons .fa-google-plus,
.social-icons .fa-google-plus-square {
    background-color: #CF3D2E;
}

.social-icons .fa-instagram {
    background-color: #1B8DB9;
}

.social-icons .fa-linkedin,
.social-icons .fa-linkedin-square {
    background-color: #0085AE;
}

.social-icons .fa-twitter,
.social-icons .fa-twitter-square {
    background-color: #32CCFE;
}

.social-icons .fa-youtube,
.social-icons .fa-youtube-play,
.social-icons .fa-youtube-square {
    background-color: #C52F30;
}

.social-icons .fa-rss,
.social-icons .fa-rss {
    background-color: #F7931A;
}

.social-icons .fa-yelp {
    background-color: #FF0000;
}


/*End*/

i {
    margin: 20px 10px 10px;
}

.find-out {
    margin: 80px auto 60px;
    float: none;
    font-family: 'Rye', cursive;
    font-size: 32px;
    background: #800000;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.find-out a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 5px 10px;
}

.find-out a:hover {
    background: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.cate {
    background: #000;
}

.cate a:hover {
    background: #800000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.inner-caption {
    top: 20%;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
}

.carousel-caption {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    width: 100%;
}

.carousel-caption h3 {
    font-family: 'Rye', cursive;
    text-transform: uppercase;
    color: #000;
    text-shadow: 0 1px 2px rgba(255, 255, 255, .8);
}

.carousel-caption p {
    font-family: 'Rye', cursive;
    color: #000;
}

.carousel-caption span {
    color: #F00;
}

.carousel-caption {
    left: 0;
    right: 0;
}


/*Inner menus starts here*/

.inner-caption {
    top: 70%;
    -webkit-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    transform: translateY(-70%);
}

.inner-caption h3 {
    font-size: 60px !important;
}

.menu-dish {
    margin: 10px 0;
    border-bottom: solid 1px #CCC;
    padding-bottom: 10px;
}

.menu-main h3 {
    font-size: 27px;
    color: #800000;
    margin: 0;
    text-align: center;
}

.menu-dish p {
    font-family: 'Rye', cursive;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
}


/*.menu-dish p{ color:#000; float:left; font-size:20px; font-family: 'Poiret One', cursive; margin:0;}*/

.menu-btn {
    background: #800000 !important;
    font-size: 20px;
    font-family: 'Rye', cursive;
    padding: 2px;
    float: right !important;
}


/* menu-main h4{font-family: 'Bree Serif', serif; color:#800000; font-size:30px !important; margin:0 0 2px 0; text-transform:normal; text-align:center;}*/

.menu-dish h4 {
    font-family: 'Rye', cursive;
    color: #800000;
    font-size: 32px;
    !important;
    margin: 0 0 2px 0;
    text-transform: normal;
    text-align: left;
}

.menu-main h5 {
    font-family: 'Rye', cursive;
    color: #000;
    font-size: 15px !important;
    margin: 5px 0 20px 0;
    text-transform: normal;
    text-align: center;
    border-bottom: solid 3px #000;
    padding-bottom: 10px;
}

.menu-main h6 {
    font-family: 'Bree Serif', serif;
    color: #000;
    font-size: 18px !important;
    margin: 5px 0 20px 0;
    text-transform: normal;
    text-align: center;
}

.wanna {
    background: #f0f0f0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 20px 0;
    padding: 10px;
}

.wanna h3 {
    font-family: 'Bree Serif', serif;
    font-size: 25px;
    text-align: center;
}

.wanna p {
    text-align: center;
    margin: 0;
}


/*.side-social{top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); position:fixed; right:-9px; z-index:99999;}*/

.side-social {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed;
    right: -16px;
    z-index: 99999;
    display: block;
}

.side-social span {
    display: block;
}


/*.side-social span:hover{ color:#F00;}*/

.side-social span:hover {
    color: #FF0;
}

.side-social a {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.side-social a:hover {
    right: 25px;
    position: relative;
    display: block;
}

.fb {
    color: #3b5999 !important;
}

.tw {
    color: #00acee;
}

.ld {
    color: #00acee;
}

.in {
    color: #0080b1;
}

.yl {
    color: #ff0000;
}

.gp {
    color: #d14836;
}

.yt {
    color: #cc332d;
}

.gallery-slide {
    margin: 20px 0;
}

.gallery-slide h1 {
    text-align: center;
    font-family: 'Love Ya Like A Sister', cursive;
    font-size: 61px;
    text-transform: uppercase;
    color: #000;
    padding: 0 5px;
    border-bottom: solid 5px #800000;
    font-weight: normal;
}

.catering p {
    font-family: 'Poiret One', cursive;
    font-size: 20px;
    line-height: 20px;
}

.rock-roll h1 {
    font-family: 'Rye', cursive;
    font-size: 28px;
    text-align: center;
    color: #000;
}

.rock-roll img {
    background: #FFF;
    text-align: center;
    margin: 10px auto;
    padding: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: none;
}

.local img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 10px auto;
}

.contact-btn {
    font-size: 25px;
}

.map {
    margin: 30px auto;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background: none;
    color: red;
}

/*=============================Dash Head===============*/
.admin-menus{ padding-bottom: 100px;}
.admin-menus .navbar-brand img { max-height: 50px;}
.admin-menus .navbar-default .navbar-nav > li > a{ padding-top:30px; padding-bottom: 10px; font-size: 15px;}
#savePage{
background: #800000;
padding: 20px;
margin-top: 8px;
border-radius: 7px;
}
    

/*Inner ends starts here*/

@media screen and (min-width:200px) {
    .navbar {
        margin-bottom: 0;
    }
    .navbar-default {
        background: #000;
    }
    .navbar-toggle {
        margin-top: 42px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background: #fff;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: #000;
    }
    .navbar-brand {
        height: auto;
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff;
        padding-top: 5px;
        padding-bottom: 5px;
        font-family: 'Rye', cursive;
        font-size: 21px;
        text-transform: uppercase;
    }
    .navbar-default .navbar-nav>li>a:hover {
        color: #F00;
    }
    .ohio-city h1 {
        font-size: 54px;
    }
    .ohio-city h3 {
        font-size: 44px;
    }
    .border-left {
        border-left: none;
        margin-top: 50px;
    }
    .pull-right {
        float: none !important;
    }
    .items-bg h1 {
        font-size: 50px;
    }
    .price {
        margin: 20px 0;
    }
    .carousel-caption h3 {
        font-size: 20px;
    }
    .carousel-caption p {
        font-size: 10px;
    }
    .navbar-brand>img {
        max-height: 100px;
    }
    .menu-btn {
        margin: 10px 0 10px 12px;
    }
    .side-social {
        display: none;
    }
}

@media screen and (min-width:550px) {
    .carousel-caption h3 {
        font-size: 40px;
    }
    .carousel-caption p {
        font-size: 30px;
    }
    .side-social {
        display: none;
    }
}

@media screen and (min-width:768px) {
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
        background-color: #eee;
    }
    .navbar>.container .navbar-brand-centered,
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
    .navu {
        position: fixed;
        z-index: 9;
        width: 100%;
    }
    .slideu {
        position: relative;
    }
    .navbar {
        border-radius: 0;
        margin-bottom: 0;
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff;
        padding-top: 67px;
        padding-bottom: 67px;
        font-family: 'Rye', cursive;
        text-transform: uppercase;
    }
    .navbar-default .navbar-nav>li>a:hover {
        color: #F00;
    }
    .navbar-default {
        background: rgba(0, 0, 0, 0.5);
        border: none;
    }
    .navbar-default .navbar-brand {
        background: none;
    }
    .navbar-brand:hover {
        background: none;
    }
    .carousel-control.left {
        background: none;
    }
    .carousel-control.right {
        background: none;
    }
    .pull-right {
        float: right !important;
    }
    .border-left {
        border-left: solid 1px #800000
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 14px;
    }
    .carousel-caption h3 {
        font-size: 40px;
    }
    .carousel-caption p {
        font-size: 30px;
    }
    .navbar-brand>img {
        max-height: none;
    }
    .side-social {
        display: block;
    }
}

@media screen and (min-width:990px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 21px;
    }
    .carousel-caption h3 {
        font-size: 70px;
    }
    .carousel-caption p {
        font-size: 30px;
    }
}

@media screen and (min-width:1002px) {
    .carousel-caption h3 {
        font-size: 70px;
    }
    .carousel-caption p {
        font-size: 56px;
    }
}

@media screen and (min-width:1440px) {
    .carousel-caption h3 {
        font-size: 58px;
    }
    .carousel-caption p {
        font-size: 64px;
    }
}