/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
p {
  text-align: justify;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #ffffff;
}
a.disabled {
	background: #606060;
	cursor: not-allowed;
}
.txtFilter {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #333;
}
.score {
	display: none;
}
.max-h-350 {
	max-height: 350px;
}
.pad-5 {
  padding: 5px;
}
.pad-8 {
  padding: 8px;
}
.width-30-pc {
	width: 30%;
}

.width-70-pc {
	width: 70%;
}
.sc-label {
  margin-right:10px;
}
.sc-label .icon-star {
  color: #ffba39;
}
button.sc-label {
  border: 1px solid #6d6d6d;
  border-radius: 5px;
  background-color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 0 10px;
  cursor: default;
}
#results_map_view{
	background: #fc5b62!important;
}
.txt-theme {
	color: #fc5b62!important;
}
.txt-theme-2 {
  color: #31a0ef!important;
}
.hero_in.restaurants_detail:before {
  background-color: #31a0ef;
}
.t-dark {
  color: #38383e;
}
.home_featured p {
  min-height: 80px;
}
#div_search {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #ffffff;
}
#divsearchdet div:hover {
  background-color: #ffe87b69;
}
#div_search02 {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #ffffff;
}
#divsearchdet_2 div:hover {
  background-color: #ffe87b69;
}
#divsearchdet02 div:hover {
  background-color: #ffe87b69;
}
.search_i {
  line-height: 0px!important;
  display: inline-block!important;
  position: relative!important;
  height: 10px!important;
  background-color: #fff0!important;
}
.btn_list{
	color: #fc5b62!important;
}
a.btn_list {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 8px 12px 8px 12px;
  line-height: 1;
  margin-bottom: 5px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-weight: 600;
  font-size: 12px;
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.5);
}
a.btn_list:hover {
  color: #fc5b62;
}
a.btn_list:before {
  font-family: 'ElegantIcons';
  content: "\e056";
  display: inline-block;
  margin-right: 5px;
}
.btn_map{
	color: #fc5b62!important;
}
a.box_topic i {
	color: #fc5b62;
}

a.btn_2 {
	color:  #fc5b62;
	background-color: #ffffff;
	border: 0.5px solid #fc5b62;
	margin-right: 10px;
	margin-top: 10px;
}

a.btn_2:hover {
	border: 0.5px solid #ffffff;
}



.box_list {
	/*min-height: 310px;*/
	min-height: 142px;
}

.box_list figure {
	/*min-height: 310px;*/
	min-height: 142px;
}

.box_list .wrapper {
	/*min-height: 245px;*/
	min-height: 100px;
	padding: 15px 30px 0px 30px;
}

.box_list .wrapper h4 {
  font-size: 16px;
  font-size: 1.1rem;
  margin-top: 0;
}

/******/
.box_list.map_view {
  /*min-height: 310px;*/
  min-height: 142px;
}

.box_list.map_view figure {
  /*min-height: 310px;*/
  min-height: 142px;
  height: 150px;
}

.box_list.map_view .wrapper {
  /*min-height: 245px;*/
  min-height: 100px;
  padding: 15px 30px 0px 30px;
}

.box_list.map_view .wrapper h4 {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 0;
}

div.box_list.map_view.add_shadow {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(251, 65, 65, 0.5)!important;
  box-shadow: 0px 0px 30px 0px rgba(251, 65, 65, 0.5)!important;
}
/******/

.list-cat {
	font-size: 12px;
	font-size: 0.7rem;
  margin-bottom: 3px;
  text-align: left;
}
.list-cat span {
  display: inline-block;
}
/*
.list-cat span {
  border-left: 1px solid #ccc;
  padding: 0px;
}
.list-cat span:first-child {
  border-left: none;
  padding-left: 0;
}

span.list-cat-label span:after {
  content: ".";
  margin: 0 0 0 10px;
  line-height: 1;
}
span.list-cat-label span:last-child:after {
  content: '';
  margin: 0 0 0 0px;
}*/
/*share_bt*/
.box_list a.share_bt {
  position: absolute;
  right: 55px;
  top: 15px;
  z-index: 1;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 9px 10px;
  display: inline-block;
  color: #f69261;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.box_list a.share_bt:after {
  font-family: 'ElegantIcons';
  content: "\e0a0";
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.box_list a.share_bt.liked:after {
  content: "\e0a0";
  color: #fc5b62;
}
.box_list a.share_bt:hover.liked:after {
  color: #fc5b62;
}
.box_list a.share_bt:hover:after {
  content: "\e0a0";
  color: #999;
}
.margin-lr-0 {
	margin-left: 0px;
	margin-right: 0px;
}
.margin-tb-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.margin-tb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
#reccomended {
	margin-top: 10px;
}
/*listing page*/
.chooseCat {
  color: #000;
}
/**/
.box_grid {
	margin-bottom: 10px;
}
.box_grid figure {
	height: 140px;
}
.box_list .wrapper {
	padding: 10px 10px 0px 10px;
}
.box_grid .wrapper h4 {
  font-size: 12px;
  font-size: 0.8rem;
  margin-top: 0;
}
.box_grid.map_view figure {
  height: 140px;
}
.box_list.map_view .wrapper {
  padding: 10px 10px 0px 10px;
}
.box_grid.map_view .wrapper h4 {
  font-size: 14px;
  font-size: 0.9rem;
  margin-top: 0;
}

.owl-theme .owl-dots {
	margin-top: 2px!important;
	margin-bottom: 10px;
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px!important;
	height: 10px!important;
}

/*merchant detail page*/
div.merchant-logo {
  margin-bottom: 20px;
}
div.merchant-logo img{
  max-width: 100px;
  border-radius: 5px;
}

/* The container */
.chk-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.chk-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.chk-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chk-container input:checked ~ .checkmark {
  background-color: #fc5b62;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chk-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chk-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*-------- 0.0 City Modal --------*/
#city-dialog {
  background: #fff;
  padding: 30px;
  padding-top: 0;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* Popup close button*/
#city-dialog .mfp-close,
#lang-dialog .mfp-close {
  color: #666;
  background-color: #e4e4e4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 12px;
  right: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#city-dialog .mfp-close:hover,
#lang-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

#city-dialog .mfp-close:before {
  font-size: 24px;
  font-family: 'ElegantIcons';
  content: "\4d";
}

.small-dialog-header {
  font-size: 18px;
  width: calc(100% + 60px);
  position: relative;
  left: -30px;
  top: 0;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px 4px;
  -ms-border-radius: 4px 4px;
  border-radius: 4px 4px;
  display: inline-block;
  background-color: #f6f6f6;
  padding: 18px 20px 15px 20px;
  margin-bottom: 30px;
}
.small-dialog-header h3 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}

#city-dialog .form-group {
  position: relative;
}

#city-dialog .form-group input.form-control {
  padding-left: 40px;
}

#city-dialog .form-group i {
  font-size: 21px;
  font-size: 1.3125rem;
  position: absolute;
  left: 12px;
  top: 34px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}

#city-dialog .form-group i.icon_lock_alt {
  top: 36px;
}

/*-------- 0.1 Recommendation Modal --------*/
.rd-dialog {
  background: #fff;
  padding: 30px;
  padding-top: 0;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* Popup close button*/
.rd-dialog .mfp-close,
#lang-dialog .mfp-close {
  color: #666;
  background-color: #e4e4e4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 12px;
  right: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.rd-dialog .mfp-close:hover,
#lang-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

.rd-dialog .mfp-close:before {
  font-size: 24px;
  font-family: 'ElegantIcons';
  content: "\4d";
}

.small-dialog-header {
  font-size: 18px;
  width: calc(100% + 60px);
  position: relative;
  left: -30px;
  top: 0;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px 4px;
  -ms-border-radius: 4px 4px;
  border-radius: 4px 4px;
  display: inline-block;
  background-color: #f6f6f6;
  padding: 18px 20px 15px 20px;
  margin-bottom: 30px;
}
.small-dialog-header h3 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}

#rd-dialog .form-group {
  position: relative;
}

#rd-dialog .form-group input.form-control {
  padding-left: 40px;
}

#rd-dialog .form-group i {
  font-size: 21px;
  font-size: 1.3125rem;
  position: absolute;
  left: 12px;
  top: 34px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}

#rd-dialog .form-group i.icon_lock_alt {
  top: 36px;
}

/*-------- 0.1 Sign up Modal --------*/
.sign-up-dialog {
  background: #fff;
  padding: 30px;
  padding-top: 0;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* Popup close button*/
.sign-up-dialog .mfp-close,
#lang-dialog .mfp-close {
  color: #666;
  background-color: #e4e4e4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 12px;
  right: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.sign-up-dialog .mfp-close:hover,
#lang-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

.sign-up-dialog .mfp-close:before {
  font-size: 24px;
  font-family: 'ElegantIcons';
  content: "\4d";
}

#sign-up-dialog .form-group {
  position: relative;
}

#sign-up-dialog .form-group input.form-control {
  padding-left: 40px;
}

#sign-up-dialog .form-group i {
  font-size: 21px;
  font-size: 1.3125rem;
  position: absolute;
  left: 12px;
  top: 34px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}

#sign-up-dialog .form-group i.icon_lock_alt {
  top: 36px;
}

/*-------- Consumer reg interest Modal --------*/
.consumer-dialog {
  background: #fff;
  padding: 30px;
  padding-top: 0;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* Popup close button*/
.consumer-dialog .mfp-close,
#lang-dialog .mfp-close {
  color: #666;
  background-color: #e4e4e4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 12px;
  right: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.consumer-dialog .mfp-close:hover,
#lang-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

.consumer-dialog .mfp-close:before {
  font-size: 24px;
  font-family: 'ElegantIcons';
  content: "\4d";
}

.small-dialog-header {
  font-size: 18px;
  width: calc(100% + 60px);
  position: relative;
  left: -30px;
  top: 0;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px 4px;
  -ms-border-radius: 4px 4px;
  border-radius: 4px 4px;
  display: inline-block;
  background-color: #f6f6f6;
  padding: 18px 20px 15px 20px;
  margin-bottom: 30px;
}
.small-dialog-header h3 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}

#consumer-dialog .form-group {
  position: relative;
}

#consumer-dialog .form-group input.form-control {
  padding-left: 40px;
}

#consumer-dialog .form-group i {
  font-size: 21px;
  font-size: 1.3125rem;
  position: absolute;
  left: 12px;
  top: 34px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}

#consumer-dialog .form-group i.icon_lock_alt {
  top: 36px;
}

/*Carousel branch page*/
#iw-owl-branch {
  margin-top: 20px;
}
@media (max-width: 767px) {
  #iw-owl-branch {
    margin-top:10px;
  }
}
#iw-owl-branch .item {
  margin: 0 5px;
}
/*
#iw-owl-branch .owl-item {
  opacity: 0.5;
  transform: scale(0.85);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(0.85, 0.85);
  transition: all 0.3s ease-in-out 0s;
  overflow: hidden;
}

#iw-owl-branch .owl-item.active.center {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: scale(1);
}

#iw-owl-branch .owl-item.active.center .item .title h4,
#iw-owl-branch .owl-item.active.center .item .views {
  opacity: 1;
}*/
#iw-owl-branch .box_grid {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*adjust the main category cards on the home page*/
@media (max-width: 767px) {
  a.grid_item figure {
    height: 105px !important;
  }
  a.grid_item .info {
    padding: 20px 5px 5px 10px;
  }
  a.grid_item .info h3 {
    font-size: 0.9rem;
  }
}
@media (max-width: 575px) {
  a.grid_item figure {
    height: 68px !important;
  }
  a.grid_item .info {
    padding: 30px 5px 5px 5px;
  }
  a.grid_item .info h3{
    font-size: 0.7rem;
  }
  .box_grid .wrapper h4{
    font-size: 0.6rem;
  }
  .txt-rec {
    font-size: 0.63rem;
  }
  .owl-carousel .owl-stage {
      display: flex;
  }

  .owl-carousel .owl-item img {
    width: auto;
    height: 100%; 
  }
  #iw-owl-branch .box_grid figure {
    height: 65px!important;
  }
}
.accordion_2 .card-header h5 a {
  color: #232323;
}
/*color*/
.color-rec {
  color: orange;
}
.makeowl-1 .item {
  margin: 0px 2px!important;
}
.makeowl-1 p {
  text-align: left;
}
#tblList01 .col-12 {
  padding-left: 5px;
  padding-right: 5px;
}
.makeowl-2 .item {
  margin: 0px 2px!important;
}
#tblList02 .col-12 {
  padding-left: 5px;
  padding-right: 5px;
}

/*Marker-info*/
.marker_info span.fav {
  display: inline-block;
  padding: 0px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #999;
  position: relative;
}

@media (max-width: 767px){
  .main_title_3 h2, .main_title_3 h3 {
    font-size: 0.9rem;
  }
}

/*mapbox*/
.mapboxgl-popup {
  max-width: 200px;
}
.exploreMarker {
  background-image: url('../img/pins/exploreMarker.png');
  width: 40px;
  height: 50px;
  cursor: pointer;
}
.normalMarker {
  background-image: url('../img/pins/Marker.png');
  width: 30px;
  height: 42px;
  cursor: pointer;
}
.favMarker {
  background-image: url('../img/pins/Fav.png');
  width: 42px;
  height: 42px;
  cursor: pointer;
}
.focusMarker {
background-image: url('../img/pins/MarkerHighlight.png');
  width: 30px;
  height: 42px;
  cursor: pointer;
  z-index: 99;
}