/* All Area stylesheet*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
a {
	font-family: 'Nanum Gothic;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #bbbbbb;
	text-decoration: none;
	cursor: pointer;
}
/*navigation area*/
.navbar-default { /*background color*/
	background-color: #ffffff;   /*white*/
	border-color: #f1f2f2;
  margin-bottom: 0;
}
.vavbar-default .navbar-brand { /*navbar title color*/
	color: #337ab7;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{  /* when you put on navigation title */
	background-color: transparent;
	color: red;
}
.navbar-default .navbar-nav > .active >a,
.navbar-default .navbar-nav > .active >a:hover,
.navbar-default .navbar-nav > .active >a:focus{/* current selected color */
	color: red;
	background-color: white;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{/* when putting mouse on navation chracter */
	color: red;
}

.navbar-default .navbar-nav > .open >a,
.navbar-default .navbar-nav > .open >a:hover,
.navbar-default .navbar-nav > .open >a:focus{/* when opening drop down mouse event */
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
}

.navbar-default .navbar-nav > li >a { /*navigation default color*/
	color: black;
}
@media (max-width: 767px) {/*Low color and putting on dropdown item*/
	.navbar-default .navbar-nav > .open .dropdown-menu> li > a{
		color: #000000;
	}
	.navbar-default .navbar-nav .open .dropdown-menu> li >a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu> li >a:focus{/* when opening drop down mouse event */
		color: #000000;
	}
 }

.list-group-item {
    position: relative;
    display: block;
    padding: 0px 3px; /* adjust here */
    margin-bottom: -1px;
    border: 1px solid #ddd;
    line-height: 1.5em /* set to text height */
}/*
{
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
} */

.form{
    padding:0 10px;
    font-weight: lighter;
}
.form h3 {
  background:#eb2026;
  color: #fff000;
  text-align:center;
  margin:0;
  padding:10px 20px;
}
.form p {

}

/* meat pack css begin*/
.meat-pack {
  overflow:hidden;
/*  border-top-left-radius:25px;
  border-top-right-radius:25px; */
  box-shadow:0 0 50px rgba(0,0,0,0.25);
}

.meat-pack img { display:block; }

.meat-pack h4 {
  background:#fff;
  color:#000;
  text-align:center;
  margin:0;
	padding:1px 1px;
  /* padding:10px 20px; */
}

.meat-pack ul { margin:0; padding:0; list-style:none; }
.meat-pack li { height:25px; line-height:25px; padding:0 20px; margin:0; }
.meat-pack li:nth-child(even) { background:#fff; }
.meat-pack li:nth-child(odd) { background:#e3e3e3; }

.meat-pack h5 {
  background:#left;
  color:#840A2D;
  text-align:center;
  font-size:1.0em;
  margin:0;
  padding:10px 20px;
  
  
}

.meat-pack .packtitle {
  border:11px;
  solid #000;
  text-align:center;
  font-size:1.5em;
  padding:5px;
}

.pack {
  overflow:hidden;
  border-top-left-radius:25px;
  border-top-right-radius:25px;
  box-shadow:0 0 50px rgba(0,0,0,0.25);
}

.pack td {
  padding:0.2px 10px;
  border:2px solid #fff;
}

.pack td.pack-image { padding:0; border:0; }
.pack td.pack-image img { display:block; max-width:300px; }

.pack .img-responsive {
    margin: 0 auto;
}

.pack td.pack-title {
  background:#a60c38;
  color:#ffffff;
  text-align:center;
  height:30px;
  padding:2px;
}

.pack-desc { height:85px; }

.pack tbody tr:nth-child(even) td { background:#fff; }
.pack tbody tr:nth-child(odd) td { background:#f2f2f2; }

.pack tbody strong {
  display:block;
}

.pack-price {
/*  background:#042e58 !important; */
 /* background:#E6E5E5 !important; */
  color:#840a2d;
  text-align:center;
  font-size:1.1em;
  font-weight: bold;


}
/* meat pack css end
#text_gray h3,h4,h5,h6 {
   color:#434446;
   font-style: italic;
  font-weight: 100;
}
#text_color h3,h4,h5,h6 {
   color:#840A2D;
   font-style: italic;
  font-weight: 100;
} */
#text_bold {
   color:#840A2D;
   font-style: italic;
   font-weight: bold;
}
#text_footer {
   color:white;
   font-style: italic;
   font-weight: bold;
}

#meat_pack_title {
   color:white;
   font-weight: bold;
   background-color: #840a2d;
}
#meat_pack_total {
   color:#840A2D;
   font-weight: bold;
   background-color: #e5e5e7;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}

/* Image display*/
* {
  margin: 0;
  padding: 0;
  border: 0;
}

/* relevant styles */
.img__wrap {
  position: relative;
  height: 200px;
  width: 257px;
}

.img__description {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;
  visibility: hidden;
  opacity: 0;

  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
}

.img__wrap:hover .img__description {
  visibility: visible;
  opacity: 1;
}
/* Image display End*/
.container-fixed {
  margin: 0 auto;
  max-width: 3000px;
}
.grey_button {
    font-family: 'Roboto Condensed',sans-serif;
    color: #fff;
    background: #f36d24;
    font-size: .944em;
    padding: 6px 15px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    -webkit-appearance: none;
    border: 0;
    border-radius: 4px;
}

.gallery {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 33%;
    -moz-column-width: 33%;
    column-width: 33%; }
    .gallery .pics {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease; }
    .gallery .animation {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

    @media (max-width: 450px) {
    .gallery {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 100%;
    -moz-column-width: 100%;
    column-width: 100%;
    }
    }

    @media (max-width: 400px) {
    .btn.filter {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
    }
    }

    .online_bg {
    display:inline-block;
    position:absolute;
    width: 100%;
    height: 100%;
    background: url(../images/img-fyf.jpg) no-repeat top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.v-line {
 /* padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee; */
  border-right: 2px solid green;
  height: 80px;
}



.demo-bg{
background: #ffac0c;
margin-top: 60px;
}
.business-hours {
background: #222;
padding: 40px 14px;
margin-top: -15px;
position: relative;
}
.business-hours:before{
content: '';
width: 23px;
height: 23px;
background: #111;
position: absolute;
top: 5px;
left: -12px;
transform: rotate(-45deg);
z-index: -1;
}
.business-hours .title {
font-size: 20px;
color: #BBB;
text-transform: uppercase;
padding-left: 5px;
border-left: 4px solid #ffac0c;
}
.business-hours li {
color: #888;
line-height: 30px;
border-bottom: 1px solid #333;
}
.business-hours li:last-child {
border-bottom: none;
}
.business-hours .opening-hours li.today {
color: #ffac0c;
}
#imgdiv { width:40vw;display:table-cell;vertical-align:middle; text-align:center;}
img {
  display: block;
  max-width: 100%;
  height: auto;
}

/*img {max-width:100%;height:auto;max-height:100%;} --> */