/* centered columns styles */
.row-centered {
    /*text-align:center;*/
    margin-bottom: 20px;
}
.col-centered {
    display:inline-block;
    float:none;
    margin: 10px 0 5px;
}
.col-fixed {
    /* custom width */
    width:320px;
}
.col-min {
    /* custom min width */
    min-width:320px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}

/* visual styles */
body {
    padding-bottom:40px;
    background: url("") center center no-repeat, -webkit-linear-gradient(left bottom, #fed8a5, #fffbf5) fixed; /* For Safari 5.1 to 6.0 */
    background: url("") center center no-repeat, -o-linear-gradient(top right, #fed8a5, #fffbf5) fixed; /* For Opera 11.1 to 12.0 */
    background: url("") center center no-repeat, -moz-linear-gradient(top right, #fed8a5, #fffbf5) fixed; /* For Firefox 3.6 to 15 */
    background: url("") center center no-repeat, linear-gradient(to top right, #fed8a5, #fffbf5) fixed; /* Standard syntax (must be last) */
}
h1 {
    margin:40px 0px 20px 0px;
	color:#fff;
    font-size:28px;
    font-weight: 800;
    line-height:34px;
    text-align: left;
    padding-left: 60px;
    background-color: #ef4025;
    padding:20px;
    padding-left: 50px;
}


/* content styles */
.item {
	display:table;
}
.content {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.content:before {
    content:"Content";
    font-family:sans-serif;
    font-size:12px;
    letter-spacing:1px;
    color:#747474;
}

/* centering styles for jsbin */
html,
body {
    width:100%;
    height:auto;
}
html {
    display:table;
}
body {
    display:table-cell;
    vertical-align:middle;
    font-size: 20px;
    color: #562308;
    line-height: normal;
    /*background: url('bg-720.png') no-repeat;
    background-size: 100% 80%;*/
}

/* Nirmal Custom CSS */
p {
    width: 100%;
    text-align: left;
    margin-bottom: 0px;
}
b, strong {font-weight: 700; font-size: 20px;}
#homemenu .dish-no p {padding-left: 10px; font-weight: bold; font-size: 25px; color: #ef4025;}
.dish-no p {padding-left: 10px; font-weight: bold; font-size: 25px; color: #ef4025;}
.dish p {padding-left: 10px; padding-right: 25px; font-size: 17px; line-height: 1.5;}
#price p {font-weight: bold; font-size: 25px; color: #562308; text-align: right;}
#homemenu #price p {font-weight: bold; font-size: 25px; color: #562308; text-align: left;}
#price {margin-right: 20px;}
#homemenu #price {margin-right: 0px;}

.item img {
    max-width: 200px;
}

[class*="col-xs"] {
    padding-left:0px;
    padding-right:0px;
}
#homemenu [class*="col-xs"] {
    padding-left:0px;
    padding-right:0px;
}
.icon {width: 70%;}
sup {top:-1em; right: -2.5em;}

.container {
  margin-top: 20px;
}

/*.bg{
  position: absolute;
  height: 150vh;
  width: 100%;
  opacity: .3;
  top:0;
  left: 0;
  z-index: -100
  background-image: linear-gradient(to bottom, transparent 0%, #fed8a5 100%);
}*/
.bird{
  position: absolute;
  width: 50px;
  opacity: .5;
}
.bird1{
  position: absolute;
  width: 30px;
  opacity: .5;
  top:10%;
  left:-3%;
}
.bird2{
  position: absolute;
  width: 70px;
  opacity: .3;
  top:50%;
  left:-10%;
}
.bird3{
  position: absolute;
  width: 20px;
  opacity: .5;
  top:200px;
  left:150px;
}
.bird4{
  position: absolute;
  width: 20px;
  opacity: .5;
  top:30%;
  left:3%;
}
.bird5{
  position: absolute;
  width: 60px;
  opacity: .5;
  top:100px;
  left:1000px;
}
.build{
  position: absolute;
  width: 150px;
  top:50%;
  left:30%;
  opacity: .3;
}

nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 0 auto;
}
nav li {
    float: left;
    margin: 10px;
    width: 150px;
}

nav a {
  text-align: center;
  display: block;
  color: #fff !important;
  padding: 10px;
  text-decoration: none !important;
  /* border: 1px solid #831608; */
  font: bold 14px Arial, Helvetica;
  background-color: #ef4025;
  background-image: linear-gradient(#e01e00, #ff5a44);
  /*border-radius: 5px;*/
  /* text-shadow: 0 -1px 0 rgba(214, 214, 214, 0.8); */
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 0 rgba(179, 179, 179, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

nav a:hover {
  color:#fff !important;
}

nav a:active {
    position: relative;
    top: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset;
}

@media (min-width: 768px){
#yongling-logo{text-align: center;}
}
@media (max-width: 992px){
.sidebar {display: none !important;}
}
@media (max-width: 768px){
.sidebar {display: block !important;}
}

@media (min-width: 992px){
.hotline img {width: 180px; filter:drop-shadow(-3px 6px 3px rgba(0,0,0,0.5)); }
}
@media (max-width: 993px){
.hotline img {width: 60%; margin-left: 50px; filter:drop-shadow(-3px 6px 3px rgba(0,0,0,0.5)); }
}

hr {border-top: 1px solid #ef4025;}
h3 {color: #ef4025; font-weight: bold;}
.sidebar p {font-size: 12px !important; margin-bottom: 5px; font-weight: bold;}

#mainmenu sup img {width: 150px;}
#mainmenu sup {top:-100em;}
#mainmenu img {width: 100%; padding: 5px;}
#mainmenu p {text-align: center;}
#plus img {width: 100%; position: absolute; top: 40%;}
#plus {height:300px; position:relative;}

.ribbon sup {left:-3em; top:0em;}
/*.ribbon1 sup {left:-18em; top:0em;}*/
.ribbon1 img {max-width: 450px; float: right; margin-top: 20px;}