/* styiho.css start */
body {
	font-family: Roboto Light, Arial;
}

a {
	color: #00aad4;
}

a:hover {
	color: #00aad4;
	border-bottom: 1px solid #00aad4;
	text-decoration: none;
}

h1 a {
	color: inherit;
}

h1 a:hover {
	color: inherit;
	border-bottom: 1px solid #333;
}

.bg-light {
    background-color: #fff !important;
}

.navbar img {
	height: 34px;
}

.navbar a:hover{
	text-decoration: none;
	border-bottom: 0;
}

.secondary-nav {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	background-color: #f8f9fa;
}

.secondary-container {
	max-width: 1140px;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

.secondary-container a {
	font-weight: bold;
	color: #00aad4;
	display: inline-block;
	width: 24%;
	padding: 15px 0;
}

.secondary-container a:hover {
	color: #fff;
	background-color: #00aad4;
	border-bottom: 0;
	border-radius: 0 0 8px 8px;
}

.content {
	max-width: 100%;
	margin: 30px auto;
}

#hero {
	background-repeat: no-repeat;
	width: 100%;
	height: 258px;
	background-position: center;
	border-radius: 10px;
}

#map {
	height: 500px;
	display: none;
}

#left-container {
	margin-top: 50px;
}

.btn-theme {
	background-color: #00aad4;
	color: #FFF;
}

.btn-theme:hover{
	color: #FFF;
	background-color: #0088aa;
}

.btn-big {
	font-size: 1.2em;
	padding: 15px 10px;
	width: 90%;
}

.small {
	font-size: .9em;
}

.large {
	font-size: 1.2em;
}

.centered {
	margin: 0 auto;
	display: block;
}

.fa-star {
	color: #FFCC00;
}

.store-image {
	margin-top: 30px;
	width: 100%;
}

.store-image img {
	width: 100%;
	max-width: 460px;
	float: left;
	margin: 0 50px 50px 0;
}

img.menu {
	width: 100%;
	max-width: 460px;
}

.ingredients .menu {
	border-radius: 10px;
}

.store-rating {
	font-size: 24px !important;
	height: 50px;
}

.store-details {
	font-size: 20px;
	position: relative;
	display: block;
}

.store-rating img{
	height: 100%;
	padding-bottom:10px;
	z-index: 100;
}

.store-box {
	width: 300px;
	padding: 20px;
	margin: 25px;
	border: 1px solid #eee;
	-moz-box-shadow: 4px 4px 3px 0px #ccc;
	-webkit-box-shadow: 4px 4px 3px 0px #ccc;
	box-shadow: 4px 4px 3px 0px #ccc;
	float: left;
	height: 335px;
	position: relative;
	text-align: center;
	border-radius: 10px;
}

.store-box a.box-link {
	color: inherit;
}

.store-box a.box-link:hover {
	color: inherit;
	border-bottom: 1px solid #333;
}

.store-box a.btn {
	margin-top:10px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 258px;
}

.store-box img{
	max-height: 150px;
	max-width: 258px;
	margin: 5px auto;
}

.rating-stars {
	display:inline-block;
	position: absolute;
	z-index: -1;
}

.franchise {
	margin: 30px 0;
}

.franchise img {
	float: left;
	margin: 0 20px 20px 0;
}

.p-left {
	width: 330px;
	margin-right: 30px;
	display: inline-block;
}

table.point-description td {
	vertical-align: top;
	padding-bottom: 20px;
}

table.point-description .fa-hand-point-right {
	font-size:30px;
	margin-right: 10px;
	color: #666;
}

.home-two {
	text-align: center;
	position: relative;
	margin: 50px auto;
}

.home-two img {
	width: 100%;
	max-width: 600px;
	vertical-align: top;
}

.menu_cat {
	margin: 60px 20px;
}

.menu_loose_item {
	width: 100%;
	margin: 20px 0;
}

.loose_item {
	display: inline-block;
	margin: 5px 20px;
	font-weight: bold;
}

.square_separator {
	margin: 0 20px;
}

.menu_item {
	width: 42%;
	display: inline-block;
	margin: 20px 50px  20px 0;
}

.menu_item table{
	width: 100%;
}

.menu_item td {
	vertical-align: top;
}

.item_name, .item_price{
	font-weight: bold;
	border-bottom: 1px dotted #999;
}

.item_price {
	width:53px;
}

a.map-link {
	text-decoration:underline;
}

a.map-link:hover {
	border: 0;
	color: #006f8a;
}

.cover-container footer {
	margin-top: 80px !important;
	font-size: .9em;
	color: #333 !important;
	background-color: #efefef !important;
}

.cover-container footer a {
	color: inherit;
}

.cover-container footer a:hover {
	border-bottom: 0;
}

@media screen and (max-width: 1199px) {
	.home-two img {
		max-width: 450px;
	}
}

@media screen and (max-width: 992px) {
	.home-two img {
		max-width: 320px;
	}
	
	.menu_item {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.home-two img {
		max-width: 100%;
	}

	.secondary-container a {
		font-size: .9em;
	}
	
	.menu_item {
		width: 100%;
	}
}
/* styiho.css end */


/* stylhoap.css start */
/*
 * Base structure
 */

html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.cover-container {
    flex: 1;
}

.cover-container > nav {
    flex: none;
}
.cover-container > .container {
    flex: 1 0 auto;
}
.cover-container > footer {
    flex: none;
}

/*
 * Navbar
 */
.navbar {
    min-height: 60px;
}

.localization-icons img {
    width: 21px;
    opacity: 0.3;
}

.localization-icons img:hover,
.localization-icons img.active {
    opacity: 1;
}

/**
 * Sidebar
 */

.list-group-borderless .list-group-item {
    border: 0 !important;
}

.list-group-borderless .list-group-item.active {
    color: #007bff;
    background-color: inherit;
    font-weight: bold;
}

.list-group-borderless .list-group-item i {
    color: #666;
    width: 25px;
}

.list-group-borderless .list-group-item.active i {
    color: #007bff;
}

/**
 * Social Buttons
 */
.btn-social:hover {
    opacity: 0.85;
    text-decoration: none;
}

.btn-facebook, .btn-facebook:hover {
    color: #3B5998;
}

.btn-twitter, .btn-twitter:hover {
    color: #55ACEE;
}

.btn-google, .btn-google:hover {
    color: #dd4b39;
}

/**
 * Login Page Form Wrapper
 */
.form-wrapper { display: none; }
.form-wrapper.active { display: block; }

/**
 * Misc
 */

.page-header small {
    font-size: 1rem;
}

.blockquote {
    font-size: 1rem;
}

.table th {
    font-size: 0.85rem;
    color: #666;
}

.dropdown-item i {
    color: #666;
}

label .required {
    color: #a00;
}

.table-responsive {
    min-height: 200px;
}

/**
 * Responsive CSS Rules
 */

@media (min-width : 992px) {
    .table-responsive {
        overflow-x: visible;
    }
}

@media (max-width : 768px) {
    .list-group-borderless {
        margin-bottom: 20px;
    }

    .localization-icons {
        margin-top: 15px;
        margin-bottom: 10px;
        display: flex !important;
        justify-content: space-evenly;
    }
}

/* stylhoap.css end */

/* smlc.css start */
/* hpcss sml css */
body {
  font-family: Arial;
}

* {
  box-sizing: border-box;
}

form.gocss input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

form.gocss button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
}

form.gocss button:hover {
  background: #0b7dda;
}

form.gocss::after {
  content: "";
  clear: both;
  display: table;
}

/* smlc.css end */