.button-view-mode-selected{
	height:30px;
	line-height: 30px;
	margin:0px 3px;
	padding:0px 14px;
	display: inline-block;
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1); 
	background:rgba(58,58,58,1);
	color:#fff;
	cursor: pointer;
	min-width: 60px;
    text-align: center;
}
.ramen-banner{
	width:97%;
	height:253px;
	margin-bottom:3px;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1);
	border-radius:3px;
	background:url(../imgV2/img-074.png);
	background-repeat:no-repeat;
	background-position:center;
}
.ramen-banner:hover{
	opacity: 0.7;
	cursor: pointer;
}
/*FOR VIDEO*/
video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0.8;
    background-size: cover; 
}
body{
	margin:0;
	padding:0;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	color:#525252; 
	font-size: 12px;
	overflow-x:hidden;
}
body:before {
	width: 100%;
	height: 10px;
    content: "";
	position: fixed;
	top: -10px;
	left: 0;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	z-index: 100;
}
a.a-1{
	color:#fff;
	text-decoration: none;
	outline: none;
}
a.a-2{
	color:#252525;
	text-decoration: none;
	outline: none;
}
a.a-3{
	color:#fff;
	text-decoration: none;
	outline: none;
}
a.a-5{
	/*color:#4d76b2;*/
	color:#FC8600;
	text-decoration:none;
}
a.a-3{
	color:#FC8600;
	text-decoration:none;
}
a.a-1:hover,a.a-5:hover{
	opacity:0.7;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
}
a.a-2:hover{
	color:#FC8600;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
}
.button-sm-1{
	height:24px;
	margin:8px 3px;
	line-height: 24px;
	padding:0px 14px;
	display: inline-block;
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1); 
	background:rgba(252,102,0,1);
	color:#fff;
	cursor: pointer;
}
.button-sm-1v3{
	height:40px;
	margin:7px 24px 0px 0px;
	line-height: 40px;
	padding:0px 14px;
	display: inline-block;
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1); 
	background:rgba(252,102,0,1);
	color:#fff;
	cursor: pointer;
}

.button-sm-1:hover,.button-sm-1v3:hover{
	background: #fc6600; /* Old browsers */
	background: -moz-linear-gradient(top,  #fc6600 0%, #fc8900 0%, #fc6600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc6600), color-stop(0%,#fc8900), color-stop(100%,#fc6600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* W3C */
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	opacity:1;
}
.button-sm-2{
	height:30px;
	line-height: 30px;
	padding:0px 14px;
	margin:10px 3px;
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1); 
	background:rgba(58,58,58,1);
	color:#fff;
	cursor: pointer;
	display: inline-block;
}
.button-sm-2:hover,.button-sm-2-2:hover{
	background: rgb(84,84,84); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(84,84,84,1) 0%, rgba(58,58,58,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,84,84,1)), color-stop(100%,rgba(58,58,58,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(58,58,58,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(58,58,58,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(58,58,58,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(84,84,84,1) 0%,rgba(58,58,58,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
}
.button-sm-3{
	height:30px;
	line-height: 30px;
	padding:0px 14px;
	margin:10px 3px;
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1); 
	background:rgba(216,216,216,1);
	color:#525252; 
	cursor: pointer;
	display: inline-block;
}
.button-sm-3:hover{
	background: rgb(242,242,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(216,216,216,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(216,216,216,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(216,216,216,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
}
.button-follow{
	width:auto;
	height:30px;
	line-height: 30px;
	padding:0px 14px;
	margin:0px 0px 14px 0px;
	display: inline-block;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1); 
	background:rgba(58,58,58,0.5);
	color:#fff;
	cursor: pointer;
	border-radius: 3px;
	text-align: center;
	float:right;
}
.button-follow:hover,.button-post:hover{
	background: rgb(84,84,84); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(84,84,84,1) 0%, rgba(58,58,58,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,84,84,1)), color-stop(100%,rgba(58,58,58,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(58,58,58,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(58,58,58,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(58,58,58,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(84,84,84,1) 0%,rgba(58,58,58,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
}
/*SPINNERS*/
h4 {
    font-size:18px;
    font-weight:bold;
}
.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 400ms infinite linear;
    animation: spin 400ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/*DIALOG BOX*/
.ui-dialog{
	width:50% !important;
	padding:0px !important;
	margin:0px auto !important;
	border:none !important;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
	color:#525252 !important; 
	border-radius: 3px !important;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.2) !important; 
	text-decoration: none !important;
}
.ui-widget-overlay{
	background: rgba(0,0,0,0.9) !important;
}
.ui-dialog-titlebar{
	margin: 0px !important;
	padding:14px !important;
	border-bottom-right-radius:0px !important;
	border-bottom-left-radius:0px !important;
	border-top-right-radius:3px !important;
	border-top-left-radius:3px !important;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
	color:#525252 !important;
	font-weight:normal !important;
	background: rgba(252,102,0,1) !important;
	border:none !important;
	color:#fff !important;
	font-weight: bold !important;
}
.ui-button{
	color:#ccc !important;
	outline: none !important;
	border: none !important;
	margin-right: 7px !important;
	background: url('../imgV2/img-023.png') no-repeat !important;
}
.ui-dialog-content{
	padding-top:14px !important;
}
a:-webkit-any-link{
	text-decoration: none !important;
}
/*INDEX HEADER*/
.index-body{
	background: url('https://www.foozap.ph/img/bg-05.jpg') no-repeat center center fixed;
	height: 100vh;
}
.index-bodyv2{
	background: url('https://www.foozap.ph/img/bg-05.jpg') no-repeat center center fixed;
	height: 100vh;
}
.index-bg{
	width: 100%;
    height:100vh;
    background: url('https://www.foozap.ph/img/bg-05.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
	overflow:auto;
	overflow-y: scroll;
 	overflow-x: hidden;
    display:block;
}
.index-cont-1{
	width: 100%;
    background-color: #222;
    box-shadow: 2px 2px 2px rgba(1,1,1,0.2); 
}
.index-header{
	width:95%;
	height:40px;
	line-height: 40px; 
	margin:auto;
	text-align: right;
	overflow: hidden;
}
.notice-circle{
	width:20px;
    height:20px;
    line-height:20px;
    margin:10px 0;
    border-radius: 50%;
    background-color: #f68a1e;
    text-align:center;
    color:#fff;
    display: inline-block;
    font-size: 12px;
}
.header-left{
	float:left;
	padding-left:14px;
}
.header-right{
	float:right;
	padding-right:14px;
}
.header-notice-item{
	width:100%;
	background:#e5e5e5;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1);
	border-bottom:1px solid #ccc;
}
.header-notice-item:hover{
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}
.header-notice-pad{
	padding: 7px;
}
.header-notice-img{
	display: table-cell;
	padding-right:7px;
	min-width: 37px;
}
.header-notice-text{
	display: table-cell;
	vertical-align: middle;
	line-height: 16px;
}
.header-notice-content{
	color:#4d76b2;
	font-weight: bold;
}
.header-notice-time{
	color: #b7b7b7;
}
/*SEARCH*/
.search-box{
	width:210px;
	height:24px;
	line-height: 24px;
	margin:8px 7px; 
	margin-bottom:14px;
	background:#fff;
	border-radius:3px;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.2);
	display: inline-block;
}
.search-text{
	width:50px;
	line-height:24px;
	padding:0px 5px 0px 10px;	
	font-size:12px;
	font-weight:bold;
}
.search-icon{
	line-height:24px;
	font-size:12px;
	font-weight:bold;
	padding-right:7px;
}
.search-icon:hover{
	cursor: pointer;
}
.search-text-sm{
	margin-right:14px;
}
.search-input{
	width:122px;
	height:24px;	
	line-height:24px;
	border:none;
	color:#525252; 
	font-size: 12px;
	font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
	background: rgba(255,255,255,0);
	outline: none;
}
.filter-input{
	width:100%;
	height:24px;
	margin-bottom:7px;
	border:1px solid #ccc;
	border-radius:3px;
	color:#525252;
	cursor: pointer;
	display: block;
}
.filter-icon-2nd{
	width:20%;
	height:24px;
	background:url("../imgV2/img-017.png") no-repeat;
	background-position: right;
	float:left;
}
.filter-icon-3rd{
	width:30%;
	height:24px;
	background:url("../imgV2/img-017.png") no-repeat;
	background-position: right;
	float:left;
}
.filter-2nd{
	width:80% !important;
	float:left;
}
.filter-3rd{
	width:70% !important;
	float:left;
}
/*DIALOG BOX -SEARCH BOX*/
.search-container-2{
	width:100%;
	height:auto;
	margin: 0px auto 14px auto;
	padding-top:14px;
	padding-bottom:14px;
	background: rgba(48,45,83,0.7);
	box-shadow: 2px 2px 2px rgba(1,1,1,0.3); 
	border-radius:3px;
	text-align: center;
}
.search-header-2{
	width: 100%;
	text-align: center;
	padding:14px 7px;
	font-size: 16px;
	color:#fff;
}
.search-box-2{
	height:40px;
	line-height: 40px;
	background:#fff;
	border-radius:3px;
	margin:0 14px; 
	box-shadow: 2px 2px 2px rgba(1,1,1,0.2);
	margin-bottom:14px;
}
.search-text-2{
	width:57px;
	line-height:40px;
	padding-left:14px;
	font-size:14px;
	font-weight:bold;
}
.search-icon-2{
	line-height:24px;
	font-size:14px;
	font-weight:bold;
	padding-right:14px;
}
.search-input-2{
	width:52%;
	line-height:40px;
	height:40px;
	border:none;
	color:#525252; 
	font-size: 12px;
	font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
	background: rgba(255,255,255,0);
	outline: none;
}
#del-cuisine-2:hover,#del-location-2:hover{
	cursor: pointer;
}
.search-input-2::-ms-clear {
    display: none;
}
.search-button-2{
	width:150px;
	height:50px;
	line-height:50px;
	border-radius:3px;
	background:rgba(252,102,0,1);
	box-shadow: 2px 2px 2px rgba(1,1,1,0.2);
	margin:0px auto 14px auto;
	text-align:center;
	font-size:16px;
	color: #fff;
	cursor: pointer;
}
.search-button-2:hover{
	background: #fc6600; /* Old browsers */
	background: -moz-linear-gradient(top,  #fc6600 0%, #fc8900 0%, #fc6600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc6600), color-stop(0%,#fc8900), color-stop(100%,#fc6600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* W3C */
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	opacity:1;
}
.button-post{
	width:auto;
	height:30px;
	line-height: 30px;
	padding:0px 14px;
	margin:7px 0px 0px 0px;
	display: inline-block;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1); 
	background:rgba(58,58,58,0.5);
	color:#fff;
	cursor: pointer;
	border-radius: 3px;
	text-align: center;
	float:right;
}
/*INDEX REVIEWS*/
.user-review-box{
	width: auto;
	height:auto;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1);
	background:#fff;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	padding:14px;
}
.user-review-reply-box{
	width: auto;
	height:auto;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1);
	border-top:1px dotted #ccc;
	background:#FBFBFB;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	padding:14px;
}
.user-review-reply-input{
	width: auto;
	height:auto;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1);
	border-top:1px dotted #ccc;
	background:#f6f7f8;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	margin-bottom:14px;
	padding:14px;
}
.a-6-like{
	color:#525252;
	
	text-decoration:none;
	float:left;
	padding:5px; 
opacity:0.7;


cursor:pointer;
	
}

.a-6-like:hover{
	color:#FC8600;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
}
.user-likes{
	line-height:24px;
	color:#525252;
	opacity:0.6;
}
.a-3-reply{
	line-height:24px;
}
.user-review-cont-pic{
	display:table-cell;
}
.user-review-pic{
	width:50px;
	border-radius:50%;
	display:table-cell;
}
.user-reply-pic{
	width:40px;
	margin-left:14px;
	border-radius:50%;
	display:table-cell;
}
.user-input-box{
	width:100%;
	margin-left:14px;
	border-radius:50%;
	display:table-cell;
	vertical-align:middle;
}
.user-reply-box{
	width:95%;
	margin-left:14px;
	border:1px dotted #ccc;
	padding:7px;
	color:#525252;
	font-family:Arial;
	font-size:12px;
	resize: vertical;
}
.user-review-source,.user-reply-source{
	width:100%;
	margin:auto auto 14px auto;
	display:table-cell;
	padding-left:14px;
	vertical-align: middle;
	font-size: 14px;
}
.user-reply-source{
	padding-right:14px;
	font-size: 12px !important;
}
.user-review-div{
	width:100%;
	height:1px;
	border-top:1px #ccc dotted;
	margin:7px 0px;
}
.user-review-rating-star{
	width:23% !important;

}
.user-review-rating-1{
	width:200px;
	line-height:20px;
	display: table-cell;
	border-right:1px dotted #ccc;
	padding-right:14px;
	padding-left:14px;
	text-align:center;
}
.user-review-rating-2{
	width:18.75%;
	line-height:20px;
	display: table-cell;
	border-right:1px dotted #ccc;
	padding-right:14px;
	padding-left:14px;
	text-align:center;
}
.user-star{
	color:rgba(252,102,0,1);
}
.fa-star,.fa-star-half-o,.fa-star-o{
	font-size: 16px !important;
}
.user-review-rating-2-divider{
	width:100%;
	height:1px;
}
.user-review-rating-last{
	border-right:none !important;
}
.user-review-title{
	font-size:14px;
	font-weight:bold;
}
.user-score-high{
	font-weight:bold;
	color:rgba(252,102,0,1);
}
.user-score-mid{
	font-weight:bold;
	color:rgba(252,102,0,0.7);
}
.user-score-low{
	font-weight:bold;
	color:rgba(252,102,0,0.5);
}
.user-star{
	color:rgba(252,102,0,1);
}
.resto-photo{
	width:113px;
	height:113px; 
	background-position: center;
	background-size:cover !important;
	object-fit: cover;
	border-radius:3px;
	display:inline-block;
}
.popular-photo{
	width:95%; 
    height:80px; 
    margin:auto;
	background-size: cover !important;
    background-position:center !important;
    border-radius:3px;
    margin-bottom:7px;
   	padding-top:7px;
    text-indent:7px;
    color:#fff;
	font-size: 15px;
	font-family: "Segoe UI", "Helvetica", Arial, sans-serif;
	    font-weight: lighter;
	
}
.popular-photo:hover,.button-show-all-loc:hover, .button-show-less-loc:hover,.button-show-all-cus:hover, .button-show-less-cus:hover,.googleplay-close-2:hover,.googleplay-logo:hover,.blogger-ranking-logo:hover{
	opacity:0.8;
	cursor: pointer;
}
.search-title-1{
	width:100%;
	height:35px;
	margin-bottom: 7px;
	line-height:35px;
	text-align:center;
	background:url('../imgV2/bg-008.png');
	color:#fff; 
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-family: "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: lighter;
    font-size: 13px;
    text-transform: uppercase;

}
.search-title-2{
	width:100%;
	height:35px;
	margin-bottom: 7px;
	line-height:35px;
	text-align:center;
	background:url('../imgV2/bg-008.png');
	color:#fff; 
	font-family: "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: lighter;
    font-size: 13px;
    text-transform: uppercase;
}
.all-option-loc,.all-option-cus{
	margin:14px;
}
.button-show-all-loc,.button-show-all-cus{
	margin: 7px;
}
.button-show-all-loc,.button-show-all-cus,.button-show-less-loc,.button-show-less-cus{
	line-height:24px;
	margin-top:7px;
	text-align:center;
	border-radius:3px;
	font-size: 12px;

	background: #fc6600; /* Old browsers */
	background: -moz-linear-gradient(top,  #fc6600 0%, #fc8900 0%, #fc6600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc6600), color-stop(0%,#fc8900), color-stop(100%,#fc6600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fc6600 0%,#fc8900 0%,#fc6600 100%); /* W3C */
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	opacity:1;
	color:#fff;
}
.button-load{
	width: 100%;
	height:30px;
	line-height: 30px;
	margin:14px 0px 0px 0px;
	display: inline-block;
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1); 
	background:rgba(58,58,58,1);
	color:#fff;
	cursor: pointer;
	text-align:center;
}
/*FOOTER*/
.search-cont-3 {
   	width: 100%;
   	height:50px;
	background: url(../imgV2/bg-002.png);
	box-shadow: 0px -3px 15px -5px black;
    -webkit-box-shadow: 0px -3px 15px -5px black;
    -moz-box-shadow: 0px -3px 15px -5px black;
}
.index-cont-3 {
   	width: 100%;
   	height:50px;
	background: url(../imgV2/bg-002.png);
	box-shadow: 0px -3px 15px -5px black;
    -webkit-box-shadow: 0px -3px 15px -5px black;
    -moz-box-shadow: 0px -3px 15px -5px black;
    bottom: 0;
    z-index: 100;
}
.index-footer{
	width:960px;
	height:50px; 
	line-height: 50px;
	margin:auto;
}
.footer-left{
	line-height: 50px;
	padding-left:14px;
	float:left;
}
.footer-right{
	padding-right:14px;
	float:right;
}
.footer-logo{
	display:block;
}
/*GENERAL*/
.cb{
	clear:both;
}
.fr{
	float:right;
}
.fl{
	float:left;
}
.index-about-container{
	width:960px;
	min-height: 900px;
	margin:14px auto;
	color:#fff;
	padding:14px;
	/*background: rgba(48,45,83,0.7); */
    background: url(../imgV2/bg-003.png);
	box-shadow: 2px 2px 2px rgba(1,1,1,0.3); 
	border-radius:3px;	
}
.index-about-containerv2{
	width:960px;
	min-height: 600px;
	padding:14px;
	margin:14px auto;
	color:#525252;
	background: url(../imgV2/bg-003.png);
	box-shadow: 2px 2px 2px rgba(1,1,1,0.3); 
	border-radius:3px;	
}
.index-about-containerv3{
	width:960px;
	min-height: 900px;
	margin:14px auto;
	color:#525252;
	padding:28px;
	background: url(../imgV2/bg-003.png);
	box-shadow: 2px 2px 2px rgba(1,1,1,0.3); 
	border-radius:3px;	
}
.index-about-box{
	width:31%;
	min-height: 345px;
	margin-top:14px;
	margin-right:1%;
    margin-left:1%;
	color:#525252;
	background: rgba(255,255,255,1);
	box-shadow: 2px 2px 2px rgba(1,1,1,0.3); 
	border-radius:3px;
	float:left;	
}
.index-about-title{
	padding:14px;
	background: #fc6600;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	color:#fff;
	font-weight: bold;
}

.about-title{
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 140% !important;
}

.index-about-cont{
	padding:14px;
}
.index-about-item{
	padding-right:14px;
	display:table-cell;
	vertical-align: middle;
}
.content-index,.content-index-2{
	height: auto;
	padding: 14px;
	border:1px solid #ccc;
	background: rgba(255,255,255,1);
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1); 
	border-radius: 3px;
}
.index-review-cont-1{
	background: url(../imgV2/bg-003.png);
}
.index-review-cont-2{
	width:90%;
	height:auto;
	margin:auto;
	padding:14px 0px;
}
.index-cont-left{
	width:23%;
	height:auto;
	margin-right: 14px;
	padding-bottom:7px;
	float:left;
	background: rgba(255,255,255,1);
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1);
	border-radius:3px;
}
.index-cont-right{
	float:right;
}
.index-cont-right{
	width:20%;
	height:auto;
}
.index-cont-center{
	width:54%;
	min-height:600px;
	border-radius:3px;
	float:left;
}
.index-like-box{
	width:100%;
	height:auto;
	line-height: 45px;
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0)),url('../imgV2/bg-015.jpg');
	background-size: cover !important;
    background-position:center !important;
	border-radius:3px;
	display:none;
	text-align: center;
	font-size:16px;
	color:#fff;
	font-weight: bold;
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1);
}
.index-like-box:hover{
	opacity: 0.8;
	cursor: pointer;
}
.index-googleplay{
	width:100%;
	position: fixed;
	bottom:0px;
	background-color:rgba(0,0,0,0.95);
	display:none;
	text-align:center; padding:14px 0px;
	color:#fff;
}
.index-googleplay-close{
	position:absolute;
	top:-7px;
	right:14px;
}
.index-googleplay-close:hover{
	top:-6px;	
	cursor: pointer;
}
.contact-input,.contact-dropdown{
	width:100%;
	height:30px;
	margin:7px 0px;
	box-sizing: border-box;
	line-height:30px;
	padding:7px;
	border-radius:3px;
	border: 1px solid rgba(1,1,1,0.1);
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1);
	font-size:12px;
	color:#525252;
	font-family:Arial;
	float: right;
	cursor: pointer;
}
.contact-textarea{
	width:100%;
	margin:7px 0px;
	box-sizing: border-box;
	padding:7px;
	border-radius:3px;
	border: 1px solid rgba(1,1,1,0.1);
	box-shadow: 2px 2px 2px rgba(1,1,1,0.1);
	font-size:12px;
	color:#525252;
	font-family:Arial;
	float: right;
	cursor: pointer;
}
.nl-disappear-2{
	display: none;
}
.nl-disappear{
	display: block;
}
.break-review,.break-side{
	display: table-cell;
}
.break-review{
	margin-bottom: 7px;
}
/** NEW NAV BAR **/
@media (min-width: 960px){
	.index-header{
		height: 85px;
		line-height: 10px;
	}
	.search-box{
		height:34px;
		margin: 14px 7px 12px 7px;
		width: 240px;
	}
	.search-text{
		font-size: 15px;
	    line-height: 34px;
	    width: 60px;
	}
	.search-input{
		font-size:13px;
		width: 140px;
		margin-top: 5px;

	}
	.button-sm-1-submit{
		height:34px;
		font-family: Segoe UI, Helvetica, Arial;
		width: 100px;
		font-size: 15px;
		font-weight: lighter;
		margin-top: 15px;
	}
	.header-right{
		font-size:15px;
		font-family: Segoe UI, Helvetica, Arial;
		margin-top: 40px;
	}
}
@media (max-width: 960px){
	/*INDEX*/
	.index-header,.index-footer{
		width: 100%;
	}
	.index-about-container,.index-about-containerv2,.index-about-containerv3{
		width:80%;
		margin: 14px auto;
	}
	.search-container{
		width:auto;
	}
	.button-post{
		display: inherit;
	}
	.index-review-cont-2{
		width:auto;
	}
	.index-cont-left,.index-cont-center,.index-cont-right{
		width:720px;
		margin:0px auto 14px auto;
		float:none;
	}
	.pop-1{
		float:left;
		margin-left:7px;
	}
	.pop-2{
		float:right;
		margin-right:7px;
	}
	.pop-1,.pop-2{
		width:47%;
	}
	.hidden-960{
		display: none;
	}
	.display-960{
		display:block !important;
	}
	.break-review{
		width:auto !important;
		display: block;
		text-align:center;
		padding-bottom: 7px;
		border-bottom: 1px dotted #ccc;
		border-right:none;
	}
	.signup-box{
		background: url(../imgV2/bg-019v2.png);
		width:697px;
		height: 310px;
	}
	.signup-btn{
		height:50px;
		line-height: 50px;
		bottom:22px;
		right:28px;
	}
}
@media (min-width: 720px){
	.search-text-sm{
		display: none;
	}
}
@media (max-width: 720px){
	/*INDEX*/
	.search-container{
		margin: auto;
	}
	.search-input{
		width:50%;
	}
	.hidden-small{
		height: 0px;
		display:none;
	}
	.index-cont-3{
		height: auto;
	}
	.index-footer{
		width:100%;
		height:auto;
		text-align: center;
	}
	.footer-left,.footer-right{
		line-height: 24px;
		padding-right:0px;
		padding-left:0px;
		float:none;
	}
	.footer-left{
		padding:0px 14px;
	}
	.footer-right{
		padding-bottom: 14px;
		font-size:11px;
		font-weight: bold;
	}
	.footer-logo{
		padding-top:14px;
		margin: auto;
		display: inline-block;
	}
	.ui-dialog{
		width:80% !important;
	}
	.index-about-box{
		width:100%;
		min-height: 0px;
		margin-right: 0px;
        margin-left: 0px;
		float:none;
	}
	.search-container{
		width:auto;
		margin-right:7px;
		margin-left:7px;
	}
	.index-cont-left,.index-cont-center,.index-cont-right{
		width:auto;
		margin:14px;
	}
	.index-cont-left{
		width:auto;
		margin:0px 14px 14px 14px;
	}
	.user-review-rating-div{
		display:none;
	}
	.search-result-desc{
		width:40%;
	}
	.resto-photo{
		width:70px;
		height: 70px;
	}
	.user-reply-box{
		width:90%;
	}
	.pop-1,.pop-2{
		width:48%;
		margin-bottom: 0px;
	}
	.search-box {
		display: none;
	}
	.search-text-lg{
		display: none;
	}
	.nl-disappear-2{
		display: block;
	}
	.break-side{
		width:50%;
		float:left;
	}
	.ramen-banner{
		background:url(../imgV2/img-074v2.png);
		background-position: center;
	}
	.request-banner{
		height: 200px;
		background:url(../imgV2/search2.png);
		background-position: center;
	}
	.signup-box{
		background: url(../imgV2/bg-019v3.png);
		width:300px;
		height: 300px;
	}
	.signup-btn{
		width:260px;
		height:50px;
		line-height: 50px;
		bottom:22px;
		font-size:18px;
		right:20px;
	}
}
@media (max-width: 400px){
	/*GENERAL*/
	.hidden-xsmall,.footer-logo,.nl-disappear,.nl-disappear-2{
		display:none;
	}
	.index-footer{
		padding-top:14px;
	}
	.ui-dialog{
		width:90% !important;
	}
	.user-reply-box{
		width:80%;
	}
	.display-400{
		display:block !important;
	}
	.pop-1,.pop-2{
		width:47%;
		font-size:13px;
	}
	.button-follow{
		float:left;
		margin-left:64px;
	}
	.content-index-2{
		margin:0px;
	}
	.user-review-rating-1,.user-review-rating-star{
		width:100%;
		display:inherit;
		line-height:20px;
		border-right:none;
		padding-right:14px;
		padding-left:14px;
		text-align:left;
	}
	.break-review{
		width:auto !important;
		text-align:center;
		padding-bottom: 7px;
		border-bottom: 1px dotted #ccc;
	}
	.break-side{
		text-align:right !important;
	}
}
@media (max-width: 320px){
	/*INDEX*/
	.search-input{
		width:50%;
	}
}
/*AUTOCOMPLETE*/
.ui-autocomplete{
	font-size:12px;
	color:#525252;
	background: #fff;
	font-family: Arial;
	max-height: 300px;
	overflow-y: scroll;
	overflow-x:hidden;
	border: none;
	margin-top: 0px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
.ui-autocomplete li.ui-menu-item
{
	border-bottom: 1px dotted #ccc;
}
.ui-autocomplete li.ui-menu-item:hover
{
    background: #FF8600 !important;
    color:#fff !important;
    border: none !important;
    font-weight: normal !important;
}
.ui-autocomplete li.ui-menu-item::before { 
    content: "\00BB";
    margin: 0px 14px;
    height:30px;
    color:#FF8600;
}