.w400 { width:400px; }
.w600 { width:600px; }
.w800 { width:800px; }
.w1200 { width:1200px; }
.fl{float:left;}
.fr{float:right;}


.crw{
	color:#fff;
}

.content-col{
	padding:10px;
}

.title-sec{
	color: #004720;
    text-transform: uppercase;
    font-size: 13.5pt;
    font-weight: bold;
    width: 360px;
    display: inline-block;
    height: 20px;
    padding: 10px 0px;
}

.borderimg{
	border-bottom:3px solid #ffba00;
}

h500{
	height:200px;
	overflow:hidden;
}

.pr10{
	padding-right:10px;
}

.mtop{
	margin-top:10px;
}

.gr{
	color:#004720;
}

.bg-grey{	
	background:#d7df23;	
}

.upperdeck{	
	clear:both;
	
}
.first{
	position:relative;
	height:240px;
	overflow:hidden;
}

.first img{
	width:100%;
}

.first a{
	color:#fff;
}

.second{	
	padding-top:15px;
}

.c-cover-overlay {
    width: 89%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%);    
    padding: 20px;
    position: absolute;
    bottom: 0;    
}

.menu-container{
    background: #004720;

}

.caption{
	font-size:12px;
	padding-top:10px;
	color:#ccc;
}

.taicing{
	font-size:14px;
	color:#3d4942;
	line-height:1.2;
}

.zoom {
    transition: transform .2s; /* Animation */    
}

.zoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


.flat-button {
  position: relative;
  vertical-align: top;
  padding: 5px;
  font-size: 18px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #27ae60;
  border: 0;  
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #219d55;
  box-shadow: inset 0 -2px #219d55;
}