html,body{
font-family: "-apple-system,BlinkMacSystemFont","Segoe UI",Roboto,"Helvetica Neue","Arial,sans-serif";
font-weight: 400;
margin:0;
padding:0;
height:100%;
line-height: 1.5;
/*font-size:14px;*/
background:#fcfcfa;
/*color:#474d5d;*/
/*background: rgba(252, 251, 249, 0.68);*/
    font-size: 16px;
    color: #4d4f56;
    overflow-x: hidden;
}

body p.small,
.search-input-wraps #restaurant_name,
.cod-text,
#section-browse #restuarant-list  p.cod-text
{
font-size:13px;
}

#section-browse #restuarant-list  p.cod-text{
text-align:center;
}

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

.border{
border:0px solid red;
}

.top-menu-wrapper{
z-index:99;
border:0px solid blue;
padding-top:2px;
padding-bottom:2px;
position:absolute;
width:100%;
top:0;
height: 80px;
transition:all .3s ease-in;
background-image:url("/assets/images/menu-bg.jpg") !important;
}


.top-menu-wrapper img.logo{
max-width:180px;
min-width:180px;
}

.top-menu-wrapper .col-b{
margin-top:20px;
}

#menu a{
color:#090808;
font-family:"Montserrat",sans-serif;
/*font-family:"Lato","Open Sans",arial;*/
font-size:14px;
font-weight:normal;
display:block;
padding:5px 15px;;
}

#menu li.active a,
#menu a:hover,
.section-footer a:hover,
.mobile-search-menu a.selected i,
.progress-dot a.selected i
{
color:#f75d34;
}

#menu .logout-menu a:hover,
#menu .green-button a:hover,
#menu li.active.green-button a
{
color:#fff;
}

#menu a:hover,
.section-footer a:hover
{
/*opacity:0.5;*/
text-decoration:none;
}

#menu{
display:table;
border:0px solid red;
margin:0;
padding:0;
float:right;
}

#menu li{
display:table-cell;
border:0px solid blue;
margin:0;
padding:0;
}

.parallax-container{
/*border:0px solid red; */
min-height:570px;
background-size: contain;
width:100%;
/*background: rgb(0, 0, 0); */
background:rgba(0, 0, 0, 0.25);
background-image:url("/assets/images/banner.jpg") !important;
}

.parallax-search,
.mobile-banner-wrap .layer
{
border:0px solid red;
min-height:300px;
width:100%;
background: rgb(0, 0, 0); 
background:rgba(0, 0, 0, 0.5);
}

.mobile-banner-wrap .layer
{
min-height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:1;
}

.parallax-search.parallax-menu
{
min-height:450px;
}

.search-wraps{
border:0px solid white;
width:60%;
margin:auto;
padding-top:180px;
}

.search-wraps.single-search{
padding-top:220px;
}

.parallax-search .search-wraps{
padding-top:100px;
border:0px solid red;
}

.search-wraps h1
{
color:#fff;
font-size:56px;
text-align:center;
font-weight:300;
font-family: 'Lato', sans-serif;
}

.sections h2,
.sections h4
{
color: #0d1115;
font-family: "Montserrat",sans-serif;
font-size: 28px;
font-weight: normal;
line-height: 35px;
margin-bottom: 10px;
text-align:center;
}

.sections h4{
font-size:20px;
text-align:inherit;
color:#474d5d;
margin:0;
line-height:normal;
}

.sections{
padding-top:20px;
padding-bottom:30px;
}

p,
.search-input-wraps #s,
.search-input-wraps .search-field
{
font-size:16px;
font-family:"Open Sans",sans-serif;
}

.search-wraps p,
.search-wraps p a
{
text-align:center;
color:#fff;
margin-bottom:20px;
}

.search-wraps.menu-header p{
margin-bottom:8px;
}

.sub-banner-header{
padding-top:10px;
padding-bottom:10px;
color:#fff;
background:url("../images/grey-bg.png");
}

.search-input-wraps{
padding:14px 28px;
background:#fff;
width:80%;
margin:auto;
}

.rounded{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; 
-khtml-border-radius: 2px;
}

.rounded3,
.fancybox-skin
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; 
-khtml-border-radius: 3px;
}


.rounded5{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;
}


.rounded30{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px; 
-khtml-border-radius: 30px;
}

.search-input-wraps #s,
.search-input-wraps .search-field,
.search-input-wraps #restaurant_name
{
width:100%;
padding:1px;
color:#444;
border:none;
}

*:focus {
    outline: none;
}

.search-input-wraps button[type="submit"]
{
background:none;
border:none;
font-size: 28px;
position: absolute;
right: 10px;
top:-1px;
}

.relative{
position:relative;
}

.search-menu,
.search-menu li
{
margin:0;
padding:0;
display:table;
width:100%;
}

.search-menu li{
display:table-cell;
width:auto;
}

.search-menu li a{
display:block;
height:110px;
width:110px;
border:1px solid #f75d34;
margin:auto;
text-indent:-9999px;

-moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px;
background: rgb(0, 0, 0); 
background:rgba(0, 0, 0, 0.75);
position:relative;

-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.search-menu li a:hover,
.search-menu li a.selected
{
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
color: white;
box-shadow: inset 0 0 0 138px #040c13, 0 0 0 6px rgba(50, 50, 50, 0.75), 0 1px 2px rgba(0, 0, 0, 0.1);
border:none;
}

.search-menu li a i{
width:80px;
height:83px;
position:absolute;
left:14px;
top:10px;
display:block;
}

.search-menu a.byaddress i{
background:url("../images/byaddress.png") no-repeat center top;
}

.search-menu a.byname i{
background:url("../images/byname.png") no-repeat center top;
}

.search-menu a.bystreet i{
background:url("../images/bystreet.png") no-repeat center top;
}

.search-menu a.bycuisine i{
background:url("../images/bycuisine.png") no-repeat center top;
}

.search-menu a.byfood i{
background:url("../images/byfood.png") no-repeat center top;
}


.hide,
.forms-search,
.review-input-wrap,
.credit_card_wrap,
.cc-add-wrap,
.frm-resume-signup,
.pickup-min,
.mobile-home-banner,
.logo-mobile,
.menu-nav-mobile,
.cart-mobile-handle,
.mobile-search-menu.mytable,
.progress-dot.mytable,
.menu-top-menu,
.mobile-banner,
#mobile-filter-handle,
.modal-close-btn,
#mobile-viewmap-handle,
.menu-cat .items-row a.mbile,
.menu-2 a.mbile,
.menu-3 a.mbile,
#getapp-wrap2,
#mobile-social-login,
.view-receipt-mobile,
.view-food-item-wrap .to-show,
.back-map-address,
.dinein-min
{
display:none;
}

.single-search .forms-search{
display:block;
}

.subscribe-row{
width:50%;
float:right;
}

.text-grey{
color:#6b6c6c;
}

.text-flat{
background:#6b6c6c;
border:none;
color:#fff;
}

.orange-button,
.razorpay-payment-button
{
background:#f75d34;
border:1px solid #f75d34;
color:#fff;
padding: 5px 8px;
}

.black-button{
background:#101316;
border:1px solid #101316;
color:#fff;
padding: 5px 8px;
}

.orange-text{
color:#f75d34;
}
.green-text{
color:#00b279;
}

.section-address-book .table > thead > tr > th,
.section-credit-card .table > thead > tr > th,
.section-order-history .table > thead > tr > th
{
border-bottom:1px solid #00b279;
}

.orange-button.medium,
.green-button.medium,
.black-button.medium
{
/*padding: 5px 25px;*/
padding: 8px 25px;
}

a.orange-button:hover,
button.orange-button:hover,
input.orange-button:hover,
input.orange-button:focus,
a.orange-button:focus,
#menu .logout-menu a:hover
{
text-decoration:none;
color:#fff;
background:#ff4e41;
border:1px solid #ff4e41;
}


.green-button{
/*background:#26d469 ;*/
background:#00b279;
border:1px solid #00b279;
color:#fff;
padding: 5px 8px;
}

.green-button.inline,
.orange-button.inline,
.inline-block,
.black-button.inline
{
display:inline-block;
}

.section-label .green-button.inline{
font-size:19px;
}

a.green-button:hover,
button.green-button:hover,
input.green-button:hover,
input.green-button:focus,
a.green-button:focus,
#menu .green-button a:hover
{
text-decoration:none;
color:#fff;
background:#23c562;
border:1px solid #23c562;
}

#menu .logout-menu a:hover,
#menu .green-button a:hover
{
border:none;
}


a.black-button:hover,
button.black-button:hover,
input.black-button:hover,
input.black-button:focus,
a.black-button:focus
{
text-decoration:none;
color:#fff;
background:#252a2c;
border:1px solid #252a2c;
}


.disabled-button{
background:#ccc;
border:1px solid #ccc;
}

.block,
#mobile-menu li a
{
display:block;
}
.upper{
text-transform:uppercase;
}

.subscribe-inner{
/*border:1px solid #6b6c6c;*/
position:relative;
display:table;
background:#6b6c6c;
}

.subscribe-inner input[type="text"],
.subscribe-inner button[type="submit"]
{
display:table-cell;
padding:5px 8px;
}

.subscribe-row .text-grey{
padding:5px 8px;
}

.text-right{
text-align:right;
}

.section-how-it-works,
.section-search-results,
.section-grey,
.section-cuisine
{
background:#fafafa;
}

.sections.section-how-it-works
{
background:url("../images/section1-bg.png") bottom center #ededed repeat-x;
}

.section-grey2{
background:#eff2f5;
}

.section-feature-resto,
.white_bg
{
background:#fff;
}

.section-how-it-works .steps{
border:0px solid red;
max-width:136px;
max-height:124px;
min-height:124px;
margin:auto;
display:block;
}

.center,
.section-how-it-works h3,
.section-how-it-works p,
.mobile-search-menu,
.progress-dot,
#mobile-menu li a,
.result-merchant p.cod-text
{
text-align:center;
}

.section-how-it-works h3{
background:#f75d34;
color:#fff;
padding:5px;
display:inline-table;
text-align:center;
padding:5px 25px;
border-bottom-left-radius: 10px;
}

.section-how-it-works p,
.section-feature-resto p,
.section-footer p,
.filter-box li,
.box-grey p,
.box-grey,
.result-merchant .inner p,
.view-food-item-wrap .section-label a.section-label-a span
{
font-size:14px;
}

.view-food-item-wrap p{
font-size:13px;
}

.section-feature-resto p{
margin:2px;
}

.logo-small,
.logo-medium
{
display: block;
margin: auto;
max-width: 100px;
min-width:100px;
}

.result-merchant .logo-small{
max-height:100px;
min-height:100px;
}

.marker-wrap .logo-small{
max-width: 80px !important;
}

.logo-medium{
max-width: 125px;
min-width:125px;
}
.result-merchant .logo-medium{
min-height:125px;
max-height:125px;
}

.section-feature-resto ul,
ul.services-type
{
display:table;
}

.section-feature-resto ul li,
ul.services-type li
{
display:table-cell;
}

.section-feature-resto ul li,
ul.services-type li
{
padding:0px 5px;
font-size:13px;
}

ul.services-type li i{
font-size:15px;
}

.green-color,
.section-feature-resto a:hover h4,
.clear-cart,
.section-checkout .i-big.green-color
{
color:#00B279;
}

.menu-1.box-grey,
.top-line-green,
.box-grey.top-line-green
{
border-top:2px solid #00B279;
}

.section-feature-resto a
{
color:inherit;
}

.section-feature-resto a:hover,
.category a:hover,
.category a:active,
.category a:focus,
a:active,
a:focus,
.menu-cat a:hover,
.section-label a.section-label-a:hover,
ul#tabs li.noclick a:hover,
ul#tabs li.nounderline a:hover
{
text-decoration:none;
}

.border-light{
border-top:1px solid #ededed;
border-color:#ccc;
padding:9px 0;
}

.section-feature-resto h2,
.section-cuisine .sub-text
{
margin-bottom:30px;
}

.section-cuisine .sub-text{
/*color:#319db5;*/
}

.section-cuisine{
/*background:#2b2e33 ;
color:#a3a8ad;*/
color:inherit;
}

.section-cuisine a{
/*color:#a3a8ad;*/
color:inherit;
}

.white-text,
.order-progress-bar a,
.section-subcribe h2
{
color:#fff;
}


.indent-5percent{
text-indent:5%;
}

.section-browse-resto{
background:#fff;
}

.section-subcribe,
.section-footer
{
/*background:#363749;*/
/*background:#111518;*/
background:url("../images/pattern.png");
color:#acacab;
}

/*.section-subcribe{
border-bottom:1px solid #bcbbbb;
}*/

.section-subcribe .green-button,
.section-subcribe .email
{
font-size: 18px;
padding: 13px 18px;
font-family:"Montserrat",sans-serif;
}

.section-subcribe .email{
border:1px solid #999;
}

img.img-cuisine{
display:block;
margin:50px auto auto;
}

.section-footer h3{
margin-bottom: 10px;
margin-top: 20px;
color:#acacab;
font-weight:600;
font-size:15px;
font-family:"Montserrat",sans-serif;
}

.order-progress-bar{
background:#1a2533;
padding-bottom: 10px;
padding-top: 10px;
border-bottom:1px solid #060606;
border-top:1px solid #060606;
text-align:center;
position:relative;
}

.order-progress-bar a:hover,
.order-progress-bar a.active,
.filter-box a:hover
{
text-decoration:none;
color:#f75d34;
font-weight:600;
}

.hover-orange,
.filter-box a:hover{
font-weight:normal;
text-decoration:none;
color:#f75d34;
}

.order-progress-bar a.active.current{
border-bottom:1px solid #f75d34;
}

.order-progress-bar a.inactive{
pointer-events:none;
}

.filter-wrap,
.box-grey
{
background:#FFFFFF;
/*border:1px solid #EDEDED;*/
border:1px solid #c9c7c7;
padding:15px 20px;
margin-top:25px;
}

.menu-right-content .box-grey,
.menu-2 .box-grey,
.no-marin-top
{
margin-top:0;
}

.bold{
font-weight:bold;
}

.filter-box,
.box-grey
{
margin-bottom:20px;
}

.filter-box a,
.menu-cat a,
.section-label a.section-label-a,
.section-label .section-label-a
{
color:#333;
display:block;
padding-top:8px;
padding-bottom:8px;
position:relative;
}


.filter-box a span,
.menu-cat a span,
.section-label a.section-label-a span,
.section-label .section-label-a span
{
background:#fff;
position:relative;
z-index:2;
padding:0 8px 0 0;
}

.filter-box a b,
.menu-cat a b,
.section-label a.section-label-a b,
.section-label .section-label-a b
{
border-bottom:1px solid #ddd;
width:100%;
display:block;
position:absolute;
top:50%;
left:0;
z-index:1;
}
.filter-box .icheckbox_minimal{
margin-right:2px;
}

/*.filter-box li,
.box-grey p,
.box-grey
{
font-size:14px;
}*/

.section-subcribe h2{
margin:0 0 25px;
}

.sort-wrap{
}

.sort-results .btn{
line-height:1.12857;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; 
-khtml-border-radius: 2px;
}

.sort-wrap .orange-button{
font-size: 19px;
width: 40px;
float:right;
}

.sort-wrap .orange-button.inactive
{
background:#c9c7c7;
border:1px solid #c9c7c7;
}

.result-merchant{
margin-top:25px;
}

.result-merchant .infinite-item,
.result-merchant .infinite-item-newest
{
margin-bottom:20px;
}

.result-merchant h2{
color:#f75d34;
}

.result-merchant .inner
{
border:1px solid #c9c7c7;
padding:10px 0;
padding-bottom:20px;
background:#fff;
color:#5d5b5b;
font-size:14px;
text-align:center;
position:relative;
}

.result-merchant #search-listview .inner{
min-height:600px;
}

.result-merchant .inner.list-view,
.result-merchant .inner.list-view h2,
#browse-list .inner
{
text-align:left;
}

.result-merchant .inner.list-view h2,
.menu-header .mytable p
{
margin:0;
}

.result-merchant .inner.list-view .mytable{
width:auto;
margin:0;
}
.result-merchant .inner.list-view .mytable .mycol{
border:none;
width:auto;
padding-right:10px;
}

.result-merchant .inner.list-view p.cuisine{
margin-bottom:10px;
font-size:13px;
font-weight:bold;
}

.result-merchant .inner.list-view a.orange-button{
margin-top:45%;
display:inline-table;
}

.result-merchant .inner.list-view .concat-text{
padding-left:0;
padding-right:0;
}

/*.result-merchant .inner p{
font-size:14px;
}*/

.nomargin,
.result-merchant .inner .mytable p,
.result-merchant .inner.list-view p,
.box-grey p
{
margin:0;
}

.section-checkout .box-grey p{
margin:10px 0;
}

.mytable{
display:table;
width:100%;
}

.mytable .mycol{
display:table-cell;
}

.result-merchant .mytable{
margin-top:25px;
}

.concat-text
{
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display:block;
}

.result-merchant .concat-text{
padding-left:8px;
padding-right:8px;
}

.result-merchant .mytable .mycol{
border:1px solid #c9c7c7;
padding:2px;
/*width:50%;*/
width:40%;
}

.result-merchant .mytable .mycol.a{
border-left:0;
border-right:0;
}

.result-merchant .mytable .mycol.b{
border-right:0;
}

.result-merchant a.orange-button,
.section-profile ul#tabs li i,
ul#tabs li a i,
ul#tabs li i
{
font-size:18px;
}

.top5{
margin-top:5px;
}
.top8{
margin-top:8px;
}
.top10,
.result-merchant .inner.list-view .services-type,
.menu-2 .top10
{
margin-top:10px;
}
.top15,
.result-merchant .inner p.top15
{
margin-top:15px;
}
.top25{
margin-top:25px;
}

.top30,
.item-order-wrap{
margin-top:30px;
}

.padtop15{
padding-top:15px;
}

.menu-2 .box-grey .top10,
.bottom10
{
margin-bottom:10px;
}

.bottom15,
.box-grey p.bold,

.delivery_asap_wrap
{
margin-bottom:15px;
}
.bottom20{
margin-bottom:20px;
}
.bottom30{
margin-bottom:30px;
}

.mr10px{
margin-right:10px;
}

.result-merchant ul.services-type{
margin:0 auto 25px;
}

.infinite-more-link {
visibility: hidden; 
}

.search-result-loader{
max-width:200px;
margin:20px auto auto;
display:none;
}

.search-result-loader i{
background:url("../images/Coffee-cup.gif") no-repeat center right;
height:64px;
width:64px;
display:block;
margin:auto;
}

.search-result-loader p{
font-size: 12px;
margin-top: 5px;
text-align:center;
}

/***  SPONSORED RIBBON **/
.ribbon {
  position: absolute;
  left: -5px; top: -7px;
  z-index: 1;
  overflow: hidden;
  width: 100px; height: 100px;
  text-align: right;
}
.ribbon span {
font-family:arial;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 30px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 120px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -28px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
/*** END  SPONSORED RIBBON **/

/*************  OFFER  **************/
.ribbon-offer {
  position: absolute;
  right: -5px; top: -7px;
  z-index: 999999999;
  overflow: hidden;
  width: 100px; height: 100px;
  text-align: right;
}
.ribbon-offer span {
font-family:arial;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 30px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 120px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#2989d8 0%, #1e5799 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -28px;
}
.ribbon-offer span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1e5799;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
.ribbon-offer span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1e5799;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
/*************  END OFFER  **************/

/************  START TABS *************/
.tabs-wrapper,
.connected-wrap
{
border:1px solid #c9c7c7;
}

ul#tabs {
list-style-type: none;
padding: 0;
text-align: center;
background:#f30;
color: white;
border-bottom:1px solid #fff;
}

ul#tabs li {
display: inline-block;
padding: 5px 15px;
margin-bottom: 4px;
cursor: pointer;
}

ul#tabs li a,
ul#mobile-menu li a
{
color:#474d5d;
}

ul#tabs li:hover {
border-bottom:2px solid #f75d34;
}
ul#tabs li.active {
border-bottom:2px solid white;
}

ul#tabs li.active i{
color: white;
}

ul#tab {
list-style-type: none;
margin: 0;
padding:10px 8px;
}

ul#tab > li {
display: none;
}
ul#tab li.active {
display: block;
}
/************  END TABS *************/


.search-map-results{
min-height:350px;
max-height:350px;
display:none;
border:1px solid #c9c7c7;
background:#c9c7c7;
}
.marker-wrap{
padding:8px 15px;
}
.marker-wrap h3{
margin:0;
margin-bottom:3px;
}

.filter-box .search-input-wraps{
border:1px solid #c9c7c7;
padding:5px 8px;
width:100%;
}

.filter-box .search-input-wraps button[type="submit"]{
font-size:20px;
}

.menu-header .mytable{
/*width: 410px;*/
width: 520px;
margin:auto;
}

.menu-header.search-wraps h1{
margin-bottom: 5px;
margin-top: 10px;
}
.star-float{
position:absolute;
top:0;
left:10px;
width:43px;
height:69px;
background:url("../images/star.png");
}

.menu-right-content .box-grey{
padding:0;
}
.menu-right-content .box-grey .inner{
padding:15px 20px;
}
.menu-right-content .box-grey .inner.line-top,
.line-top
{
border-top:1px solid #c9c7c7;
}

.line-bottom{
border-bottom:1px solid #c9c7c7;
}

.order-icon{
display:block;
width:56px;
height:55px;
position:absolute;
top:8px;
left:10px;
}
.your-order-icon{
background:url("../images/your-order.png");
}
.delivery-option-icon{
background:url("../images/delivery-option.png");
}

.delivery-option select,
.delivery-option input[type="text"],
#voucher_code,
#redeem_points
{
display:block;
margin:auto;
margin-bottom:8px;
}

.grey-fields{
background:#e2e3e3;
border:1px solid #c9c7c7;
color:#1e1e1e;
padding:8px 10px;
width:auto;
}
.grey-fields1{
border:1px solid #c9c7c7;
color:#1e1e1e;
padding:8px 10px;
width:auto;
}
.delivery-option .grey-fields,
#voucher_code,
#redeem_points
{
width:65%;
}

.category a{
display:block;
border:1px solid #c9c7c7;
border-bottom:0;
color:#030303;
padding:10px 8px;
font-size:14px;
background:#fff;
}

.category a:hover,
.items-row .row.even
{
background:#f8f8f8;
}

.category a i{
position:absolute;
right:10px;
top:40%;
}

.category a span{
color:#999;
font-size:11px;
}

.category a:last-child,
.items-row .row.even
{
border-bottom:1px solid #c9c7c7;
}

.items-row{
padding-left:15px;
}

.items-row .row{
padding-top:10px;
padding-bottom:10px;
}


.menu-cat .items-row a{
margin:0;
padding:0;
font-size:30px;
position:absolute;
top:-5px;
left:0;
display:block;
}

.menu-cat .items-row a:hover i
{
color:#474d5d;
}

.clear-cart{
display:none;
font-size: 12px;
position: absolute;
right: 10px;
top: 5px;
}

.voucher_wrap,
.item-order-wrap
{
margin-bottom: 20px;
margin-top:30px;
}

.voucher_wrap a,
.redeem-wrap .orange-button 
{
display:table;
margin:auto;
}

.view-food-item-wrap{
max-width:600px;
min-height:200px;
padding:10px 20px;
background:#FFFFFF;
font-size:13px;
}

.enter-address-wrap{
max-width:500px;
padding:10px 20px;
background:#FFFFFF;
font-size:13px;
}

.food-pic{
max-height:100px;
min-height:100px;
max-width:100px;
min-width:100px;
background-size:cover !important;
background-repeat:no-repeat !important;
}
.food-thumbnail{
max-height:169px;
min-height:169px;
max-width:100%;
min-width:100%;
background-size:cover !important;
background-repeat:no-repeat !important;
background-position:center center !important;
}

.food-thumbnail img{
/*min-width:200px;
max-width:200px;
max-height:183px;
min-height:183px;
max-width:100%;
height:auto;
display:block;
margin:auto;*/
}
.food-description,
.merchant-review-wrap .read-more
{
max-height:40px;
min-height:40px;
overflow:hidden;
}

.merchant-review-wrap .read-more{
display:block;
}

.dummy-link{
min-height:16px;
}

.line-tru{
text-decoration:line-through;
}

.qty,
#notes,
.addon_qty,
.grey-inputs
{
border: 1px solid #ddd;
padding: 5px;
width: 100%;
text-align:center;
}
#notes,
.grey-inputs
{
text-align:left;
}

.addon_qty{
padding:3px;
}
.upper-text{
text-transform:uppercase;
}
.food-item-actions .green-button,
.food-item-actions .orange-button
{
width:100%;
}

.menu-2 .box-grey{
padding:5px 8px;
}

.menu-left-content .section-label a.section-label-a span{
background:#eff2f5;
}
 
.menu-3.box-grey p.bold{
margin-bottom:5px;
}
.menu-3 a.menu-item{
color:inherit;
}

.menu-3 a.menu-item .row,
.merchant-review-wrap .row-review,
.merchant-opening-hours .row,
.section-receipt .receipt-wrap .row,
.sub-item-rows .row.top10,
#mobile-menu li a
{
border-top:1px solid #c9c7c7;
padding-top:6px;
padding-bottom:6px;
}

.sub-item-rows{
overflow:hidden;
}

.sub-item-rows .row.top10{
/*margin-left:15px;
margin-right:15px;*/
}

.menu-3 a.menu-item:last-child .row,
.merchant-opening-hours .row:last-child,
.section-receipt .receipt-wrap .row:last-child,
.sub-item-rows .row.top10:last-child
{
border-bottom:1px solid #c9c7c7;
}

.menu-3 a.menu-item:hover .row,
.merchant-review-wrap .row-review:hover,
.merchant-opening-hours .row:hover,
.section-receipt .summary-wrap .row:hover,
.sub-item-rows .row.top10:hover,
#mobile-menu li a:hover
{
background:#f4f4f4;
}

.center{
text-align:center;
}

.text-left,
.sections h2.text-left
{
text-align:left;
}

.sections h2.text-left{
text-transform:capitalize;
}

.merchant-review-wrap i,
.i-big
{
font-size:50px;
}
.i-big-extra{
font-size:100px;
}

.section-checkout .i-big{
font-size:30px;
position:absolute;
top:0;
z-index:3;
color:#474d5d;
}

.section-checkout .section-label a.section-label-a span{
padding-left:30px;
}

#merchant-map{
border:1px solid #c9c7c7;
border-top:2px solid #00B279;
max-width:100%;
min-height:400px;
max-height:400px;
}

#photos {
line-height: 0;   
-webkit-column-count: 5;
-webkit-column-gap:   0px;
-moz-column-count:    5;
-moz-column-gap:      0px;
column-count:         5;
column-gap:           0px;  
}

#photos img {
width: 100% !important;
height: auto !important;
}

.text-strike{
position:relative;
}
.text-strike .sline{
width:100%;
display:block;
position:absolute;
z-index:1;
border-bottom:2px solid #474d5d;
top:45%;
}
.text-strike span{
position:relative;
z-index:2;
background:#fafafa ;
padding:8px 15px;
}

.full-width,
.section-checkout .grey-fields
{
width:100%;
}

a.rounded-circle{
width: 30px; height: 30px; background: none; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
border:1px solid #f75d34;
display:block;
margin:auto;
}

a.rounded-circle i
{
display: block !important;
margin: auto;
position: relative !important;
text-align: center;
}

.rounded-circle i{
color:#f75d34 !important;
}

a.rounded-circle:hover i{
color:#ff4e41 !important;
}

.auto-margin{
margin:auto;
}

.capcha-wrapper .g-recaptcha,
.capcha-wrapper #kapcha-1
{
display:table;
margin:auto;
}

p.text-small,
.text-small,
.help-block.form-error,
.search-wraps p.text-small
{
font-size:12px;
}
.help-block.form-error{
margin-bottom:1px;
margin-top:2px;
}

.section-receipt .inner,
.section-mobile-verification .inner,
.section-orangeform .inner
{
margin: auto;
max-width: 550px;
}
.section-receipt .inner h1,
.section-orangeform .inner h1
{
background: #f75d34;
color: #fff;
font-family: "Lato",sans-serif;
font-size: 20px;
font-weight: bold;
margin: 0;
padding: 8px 20px;
}
.section-receipt .inner .box-grey,
.section-orangeform .inner .box-grey
{
margin-top:0;
border-top:none;
}

.section-receipt .receipt-wrap.order-list-wrap{
padding:0;
margin-top: -20px;
}
.section-receipt .summary-wrap .a{
width:220px;
}
.indent20{
padding-left:20px;
}
.payment-provider-wrap img.logo-small{
min-width:70px;
max-width:70px;
}
.payment-provider-wrap .checki{
position:absolute;
top:30%;
left:0;
}
.contact-banner p{
margin-bottom:5px;
}
.contact-banner span i{
font-size: 20px;
left: -24px;
position: absolute;
top: auto;
}

.sections.section-contact{
min-height:500px;
position:relative;
padding:0;
}

#contact-map{
position:absolute;
width:100%;
height:100%;
z-index:1;
}

.section-contact .container-map{
z-index:999;
position:absolute;
top:10%;
left:0;
width:100%;
}

.section-contact .container-map .inner{
max-width:800px;
min-width:800px;
margin:auto;
display:block;
}

.container-map .dim,
.container-map .black
{
min-height:400px;
max-height:400px;
}

.container-map .black{
background:#060606;
border:1px solid #f75d34;
border-left:0;
}

.container-map .dim{
background: rgb(6, 6, 6); 
background:rgba(6, 6, 6, 0.6);
border:1px solid #f75d34;
}

.container-map h2,
.container-map p
{
color:#eff2f5;
font-family:"Lato",sans-serif;
}

.container-map p{
line-height:normal;
}

.section-browse ul#tab{
padding-top:0;
}

.section-browse ul#tab ul,
.section-browse ul#tab ul li
{
display:inherit;
}

.section-browse .result-merchant .mytable,
.section-browse .result-merchant h2
{
margin:0;
}

.section-browse .result-merchant .mytable .mycol{
border:none;
}

.section-browse .result-merchant .inner,
.section-browse .result-merchant h2
{
text-align:left;
}

.section-browse .result-merchant .concat-text{
padding-left:0;
}

.browse-list-map{
min-height:320px;
}

.section-browse .result-merchant .inner{
padding:0;
}
.section-browse ul#tab .result-merchant ul.services-type,
.section-browse ul#tab .result-merchant ul.services-type li
{
display:block;
text-align:center;
}

.single-pricing{
background:#2B2E33;
color:#fff;
border:1px solid #D6D6D6;
position:relative;
text-align:center;
}

.pricing-head,
.single-pricing-footer
{
padding-top:30px;
padding-bottom:20px;
font-family:Raleway, sans-serif;
}
.pricing-head h4{
color:#fff;
font-family:inherit;
font-size:18px;
}
.pricing-head h3{
font-size:32px;
color:#319db5;
margin:15px 0 0;
font-weight:600;
}

ul.package-features li{
padding-top:9px;
padding-bottom:9px;
color:#D4D4D4;
border-top:1px solid rgba(255, 255, 255, 0.0470588);
}

ul.package-features li.last{
border-bottom:1px solid rgba(255, 255, 255, 0.0470588);
}

.single-pricing-footer a{
display:inline-block;
color:#D4D4D4;
border:1px solid #D4D4D4;
padding:8px 20px;
}

.single-pricing-footer a:hover{
color:#fff;
border:1px solid #fff;
text-decoration:none;
}

.chosen-choices .search-field .default{
height: inherit !important;
}

.strike-price{
text-decoration:line-through;
color:#FF0000;
}

.section-notfound h1{
color:#f75d34;
font-size: 150px;
font-weight: bold;
margin-top:50px;
}

.section-address-book table i,
table.otable i
{
font-size:20px;
}

.section-order-history .mytable .mycol{
vertical-align:middle;
}

.section-order-history .order-headline{
background:#ebf5f7 ;
border:1px solid #d3e2e5;
color:#646464;
padding-top:5px;
padding-bottom:5px;
}
.intl-tel-input{
width:100% !important;
}

.avatar-wrap{
display:block;
margin:auto;
max-width:50%;
}

.avatar-section .line-top{
padding-top:8px;
padding-bottom:8px;
margin-top:15px;
margin-bottom:15px;
}

.connected-wrap .col-1{
width:25%;
background:#00b279;
color:#fff;
vertical-align:middle;
}

.connected-wrap .fb .col-1{
background:#3b5999;
}
.connected-wrap .google .col-1{
background:#dc4a38;
}

.connected-wrap .col-2{
padding-left:15px;
padding-right:15px;
vertical-align:middle;
padding-top:8px;
padding-bottom:8px;
}


/**** 
FIXED AUTO COMPLETE
**/
.search-input-wraps .easy-autocomplete{
width:100% !important;
}

.search-input-wraps .easy-autocomplete input[type="text"]
{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/********END FIXED AUTO COMPLETE **********/

.full-map-wrapper{
position:relative;
min-height:500px;
border:1px solid #c9c7c7;
}

.full-map{
background: #fff;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}

#full-map{
background: #fff;
height: 100%;
left: 0;
position:absolute;
top: 0;
width: 100%;
z-index: 1;
}
.view-full-map{
position: absolute;
right: 10px;
top: 10px;
z-index: 99;
}

.social-wrap{
text-align:center;
}

.section-footer .social-wrap a,
.merchant-social-list a
{
color:#919eaf;
font-size:25px;
}

.section-footer .social-wrap a:hover i.ion-social-googleplus
{
/*color:#657487;*/
color:#d34836;
}
.section-footer .social-wrap a:hover i.ion-social-twitter
{
color:#00aced;
}
.section-footer .social-wrap a:hover i.ion-social-facebook
{
color:#3b5998;
}
.section-footer .social-wrap a:hover i.ion-social-instagram
{
color:#b68066;
}
.section-footer .social-wrap a:hover i.ion-social-youtube-outline
{
color:#ee1c1b;
}

.section-footer a{
color:#fff;
}
.footer-divider
{
margin-top:30px;
}

.menu-nav-mobile,
.cart-mobile-handle
{
float:right;
position:relative;
height:100%;
padding-top:2%;
}

.menu-nav-mobile a,
.cart-mobile-handle a
{
color:#fff;
font-size:30px;
display:block;
}

.mobile-search-menu.mytable,
.progress-dot.mytable
{
width:300px;
margin:auto;
}

.mobile-search-menu a i,
.progress-dot a i
{
color:#000;
font-size:60px;
text-decoration:none;
display:block;
}

ul#mobile-menu{
padding:0;
margin:0;
}

ul#mobile-menu li a:hover
{
text-decoration:none;
}

.section-menu ul#tabs li i{
font-size:30px;
display:none;
}

.mobile-cart-parent
{
background:#fff;
padding:3px;
}

.mobile-cart-wrapper
{
float:right;
width:138px;
height:42px;
background:url("../images/cart.png") no-repeat;
position:relative;
}

.mobile-cart-wrapper span
{
color: #fff;
font-size: 15px;
position: absolute;
right: 12px;
top: 10px;
}
.mobile-cart-parent a:hover .mobile-cart-wrapper
{
background:url("../images/cart-hover.png") no-repeat;
}

#mobile-header{
background:#f75d34;
color:#fff;
padding:8px;
}
#mobile-header h1{
margin:0;
padding:0;
font-size:17px;
}
#mobile-header i{
color:#fff;
font-size:25px;
}

#mobile-app-sections{
padding-top:30px;
}

.container-medium {
max-width:800px;
margin:auto;
}

#mobile-app-sections h2{
margin-top:22%;
}

#mobile-app-sections h3{
margin:auto auto 25px;
}

#getapp-wrap2{
margin:auto;
width:300px;
}

#getapp-wrap2 img{
max-width:130px;
}

#getapp-wrap2 .mycol{
width:150px;
}

.language-options .btn{
width:auto;
}

.merchant-review-wrap img.img-circle{
height:60px;
width:60px;
}

.cookie-wrap,
.language-selection-wrap
{
display:none;
/*background:#262626;*/
background: rgb(38, 38, 38); 
background:rgba(38, 38, 38, 0.95);
color:#fff;
position:fixed;
top:0;
width:100%;
padding:5px 30px;
z-index:999;
}

.cookie-wrap p,
.cookie-wrap a.orange-button,
.cookie-wrap a.green-button
{
font-size:14px;
}
.cookie-wrap a.orange-button,
.cookie-wrap a.green-button
{
padding:8px 10px;
display:inline-table;
}
.cookie-close,
.language-selection-close
{
color:#fff;
font-size:23px;
position:absolute;
right:15%;
z-index:1;
}

.language-selection-close{
top:15%;
}

.print-receipt{
font-size:25px;
}

.ui-datepicker-month,
.ui-datepicker-year
{
color:#000;
}

.fb-button.orange-button,
.google-button.orange-button
{
margin:auto;
display:table;
position:relative;
width:260px;
text-align:center;
}

.fb-button.orange-button{
background:#3b579a;
border:1px solid #3b579a;
}
.fb-button.orange-button:hover{
background:#3254a5;
border:1px solid #3254a5;
}

.fb-button.orange-button i,
.google-button.orange-button i
{
font-size:30px;
position:absolute;
top:15%;
left:10%;
}
.login-or{
text-align:center;
width:260px;
margin:auto;
margin-top:10px;
margin-bottom:15px;
}
.login-or:before{
content:"-";
}
.login-or:after{
content:"-";
}
.language-selection-wrap{
/*display:block;*/
background:#000;
}
.language-selection-wrap .container-medium{
min-height:150px;
background:url("../images/bg_country.jpg") left center no-repeat;
}

.lang-list{
margin-top:10px;
}
.highlight{
background:#555555;
color:#fff;
padding:3px 10px;
margin-left:-10px;
display:table;
}

.highlight:hover,
.language-selection-wrap ul li a:hover,
.language-selection-wrap ul li a.highlight
{
text-decoration:none;
color:#fff;
}
.language-selection-wrap ul li{
margin-bottom:5px;
}
.language-selection-wrap ul li a{
color:#f75d34;
display:block;
text-transform:capitalize;
}
.language-selection-wrap .head{
color:#666;
font-weight:600;
}

.language-selection-wrap .orange-button{
display:table;
padding:3px 6px;
}

li.language-selection a img{
margin-right:5px;
margin-top:-1px;
}
li.language-selection a{
text-transform:capitalize;
}


/*****************
   VERSOION 3.1 
******************/
.section-feature-resto .merchantopentag span{
display:table;
margin:auto;
margin-top:4px;
}
.social-wrap .mycol{
width:16%;
}
 
/* fixed parallax issue on chrome */
#parallax-wrap p:last-child{
margin-bottom:0;
}

.section-cuisine a span{
padding-left:5px;
}
.ui-timepicker-container{
z-index:99999 !important;
}

/*fixed feature resto*/
.section-feature-resto .col-md-5{
min-height:170px;
}

.result-merchant ul li.active{
display:none;
}



/** FAX PRINT FIXED **/

#fax_page .input-block .label{
color: #474d5d;
font-weight: normal;
text-align: left;
}

#fax_page .item-row .a, #fax_page .item-row .b{
line-height:normal;
height:auto;
}

#fax_page .input-block .label, 
#fax_page .input-block .value, 
#fax_page .summary-wrap .a, 
#fax_page .item-row .d, 
#fax_page .summary-wrap .b{
height:auto;
}

.section-feature-resto img{
max-height:100px;
}

.category .goto-category.active{
border-left:2px solid #f75d34;
}

.cart-mobile-handle .badge{
position: absolute;
right: 1px;
top: -1px;
background:red;
}
.cart_count{
display:none;
}


/* taxable cart  css*/

.new-cart-parent{
padding-top:10px;
}

#new-cart{
margin:0;
}

#new-cart div{
padding-left:0;
padding-right:0;
}

#new-cart  a {
color: #9a9a93;
font-size: 20px;
margin-right: 5px;
}

#new-cart .txt-indent{
padding-right: 20%;
text-align: right;
}

.receipt-wrap .row,item-rows-cart{
border-top:none !important;
}

.receipt-wrap hr{
margin-bottom:0;
margin-top:0;
border-color:#e4e7ea;
}

.apply_tip{
padding: 8px 10px;
}
.table-order-details{
width:100%;
}
.table-order-details, 
.spacer3,
.sections .box-grey p.spacer3
{
margin-bottom:15px;
margin-top:5px;
}
.spacer3,
.sections .box-grey p.spacer3
{
display:block;
}
.table-order-details td.a{
width:25%;
}
.table-order-details td.b{
font-weight:bold;
}
.table-order-details td{
padding-top:3px;
padding-bottom:3px;
}
.hide_inputs{
display:none;
}

.section-confirmorder .edit_item,
.section-confirmorder .delete_item
{
display:none;
}

.box-grey{
z-index:1;
}

.apply_tip{
display:none;
}

/* taxable cart  css*/


/*VERSION 3.5*/

/** PRELOADER **/
.main-preloader{
position:fixed;
top:0;
z-index:999999;
background:rgba(50, 50, 50, 0.85) none repeat scroll 0 0;
width:100%;
height:100%;
display:none;
}

.main-preloader .inner{
margin: 0;
padding: 0;
position: absolute;
top: 20%;
width: 100%;
}

.ploader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
border-top: 1.1em solid rgba(247,93,52, 0.2);
  border-right: 1.1em solid rgba(247,93,52, 0.2);
  border-bottom: 1.1em solid rgba(247,93,52, 0.2);
  border-left: 1.1em solid #f75d34;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.ploader,
.ploader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/**END preloader*/

.search-food-wrap{
margin-bottom:10px;
position:relative;
}
ul#tab .search-food-wrap li{
display:block;
}
ul#tab .search-food-wrap .easy-autocomplete-container{
z-index:9999;
}

.search-food-wrap button{
position:absolute;
background:none;
border:none;
font-size: 20px;
position: absolute;
right: 10px;
top: 8px;
}
.frm-search-food a{
display: block;
float: right;
margin-bottom:5px;
margin-top:-5px;
}

.search-wraps.location-search-1 h1,
.search-wraps.location-search-2 h1,
.search-wraps.location-search-3 h1
{
font-size:45px;
}
.fields-location-wrap{
background:rgba(255, 255, 255, 0.5);
padding:20px 40px;
margin-top:40px;
}
.fields-location-wrap .col-sm-4,
.fields-location-wrap .col-sm-6
{
border-top:1px solid #f75d34;
border-bottom:1px solid #f75d34;
padding-left:0px;
padding-right:0px;
}
.fields-location-wrap .col-sm-4.left-border,
.fields-location-wrap .col-sm-6.left-border
{
border-left:1px solid #f75d34;
}
.fields-location-wrap .col-sm-4.right-border,
.fields-location-wrap .col-sm-6.right-border
{
border-right:1px solid #f75d34;
}

.fields-location-wrap input[type="text"]
{
border: none;
font-size: 20px;
padding: 7px 15px;
width: 100%;
font-weight:300;
}

.rounded-corner,
.fields-location-wrap #city
{
border-radius: 5px 0 0 5px; 
}

.fields-location-wrap button{
border:none;
font-size:18px;
background:#f75d34;
color:#fff;
font-weight:300;
padding: 6px 15px;
width:100%;
}

.fields-location-wrap button,
.rounded-end{
border-radius: 0px 5px 5px 0; 
}

.fields-location-wrap button:hover{
background:#ff4e41;
}
.fields-location-wrap .dropdown-menu{
display:block;
margin:0;
width:100%;
border-radius:0;
padding:0;
overflow-x:hidden;
overflow-y:scroll;
max-height:250px;
}
.fields-location-wrap .dropdown-menu li a{
font-size:18px;
padding:5px 15px;
}
.with-location-loader,
.typhead-city-wrap
{
position:relative;
}
.location-loader{
height:24px;
width:24px;
background:url("../images/default.svg") no-repeat;
position:absolute;
right: 15px;
top: 8px;
display:none;
}

.typhead-city-wrap i{
color:#f75d34;
font-size:20px;
position:absolute;
right:10px;
top:10px;
}
.location-fee-wrap{
padding:10px 20px;
min-width:800px;
}

.location-fee-wrap .inner{
max-height:400px;
overflow-x: hidden;
overflow-y: scroll;
}

.search-wraps.location-search-3 .fields-location-wrap{
width:85%;
margin:auto;
margin-top:40px;
}

.age-restriction-wrap{
padding:10px 20px 40px 20px;
text-align:center;
}

.merchant-social-list{
display:table;
margin:auto;
padding:0;
}
.merchant-social-list li{
display:table-cell;
vertical-align:middle;
padding:5px;
padding-left:10px;
padding-right:10px;
}
	
.merchant-social-list a:hover{
color:#d34836;
}
.invoice_terms_wrap{
display:none;
}

a.menu-3-disabled-ordering{
color:#0d1115;
cursor:default;
}

.menu-3-disabled-ordering .row{
border-top:1px solid #c9c7c7;
padding-top:6px;
padding-bottom:6px;
}

.reply-wrap{
padding-bottom:10px;
}

.reply-wrap .reply-from{
color:#f00;
font-weight:500;
font-size:13px;
}

.reply-wrap p{
font-size:12px;
}

.select_sub_item{
width:100%;
padding:5px;
font-size:14px;
}

/* COLAPSE MENU */
.collapse-parent{
position:relative;
/*cursor:pointer;*/
}
.collapse-child{
display:none;
}
.collapse-parent a{
font-size: 23px;
position: absolute;
right: 0;
z-index: 1;
color:#00b279;
top:4px;
}
.collapse-parent a:hover{
color:#6ac0a5;
}
/* COLAPSE MENU */

.box-grey .extra_charge_notification{
margin-top:10px;
color:#f75d34;
}


/** FAX NEW CSS**/

.fax_page{
max-width:900px;
margin:auto;
margin-top:0px;
font-size:12px;
padding-bottom:20px;
font-family:arial;
}

.fax_page .with_line{
border-bottom:1px solid #000;
}

.fax_page p{
font-size:17px;
font-family:arial;
}

.fax_header{
border-bottom:2px solid #000;
margin-bottom:5px;
padding-bottom:5px;
padding-right:8px;
}

.fax_page img.logo{
width:250px;
margin-left: -20px;
}
.fax_header h3,
.fax_page p span
{
font-weight:600;
}

.fax_header h3,
.fax_page .fax_header p
{
margin:0;
line-height:normal;
}

.fax_page p span.bold{
font-size:20px;
}

.fax_header h3{
font-size:17px;
}

.fax_page p{
margin:0;
margin-bottom:2px;
}
.fax_page .v_bottom{
vertical-align:bottom;
}
.fax_page .v_center{
vertical-align:middle;
}
.fax_page .v_top{
vertical-align:top;
}
.fax_page .mytable .mycol{
width:50%;
}
.fax_customer_details h2,
.fax_customer_details h3
{
margin:0;
text-transform:capitalize;
font-weight:bold;
}

.fax_customer_details h2{
font-size:25px;
}
.fax_customer_details h3{
font-size:17px;
}


.fax_customer_details h3{
margin-top:10px;
}
.fax_customer_details,
.fax_delivery_instruction,
.fax_item,
.fax_item_details
{
/*border-bottom:1px solid #000;*/
padding-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;

border-style: solid;
border-width: 0 0 thin 0;
}

.fax_item_details{
border-bottom:none;
}
.fax_customer_details .col-1{
border-right:1px solid #000;
}
.fax_delivery_instruction{
border-bottom:2px solid #000;
}

.fax_item .th,
.fax_total .bold
{
font-weight:bold;
}

.fax_total .bold,
.fax_total .mycol,
.signature_wrap p
{
font-size:15px;
}

.fax_item .mycol,
.fax_total .mytable .mycol
{
border: 0x solid red;
}
.fax_item .mycol.col-1,
.fax_total .mycol.col-1
{
width:8%;
text-align:center;
}
.fax_item .mycol.col-2,
.fax_total .mycol.col-2
{
width:70%;
}
.fax_item .mycol.col-3,
.fax_total .mycol.col-3
{
width:14%;
}
.fax_item_details.fax_item{
padding:0;
}
.fax_item_details.fax_item .mytable,
.fax_total .mytable
{
padding:8px;
padding-top:0px;
padding-bottom:0px;
}

.col_red{
color:red;
}

.fax_item_details ul li{
/*border-bottom:1px solid #000;*/

border-style: solid;
border-width: 0 0 thin 0;
	
padding:0;
margin:0;
}

.fax_item_details ul:last-child li{
border-bottom:2px solid #000;
}

.fax_item_details ul li ul li{
border:none;
}
.fax_total .index_right{
padding-right:100px;
}
.fax_total .signature_wrap .mycol.col-1
{
width: 50%;
text-align:left;
}
.fax_total .signature_wrap .mycol.col-2
{
width: 29%;
}
.fax_total .signature_wrap .mycol.col-3
{
}
.signature_wrap .underline{
border-bottom:1px solid #000;
padding-bottom:3px;
}

.fax_item .mycol{
font-size:15px;
}
.fax_item .item_name{
font-size:17px;
}
.fax_item ul{
margin-bottom:0;
}
.fax_sub_header{
text-align:center;
font-weight:bold;
font-size:15px;
border-bottom:1px solid #000;
padding-bottom:2px;
}
.sub_item .mycol{
}
.fax_item .four_col .mycol.col-2{
width:8%;
}

.fax_item .four_col .mycol.col-2{
width:15%;
}
.fax_item .four_col .mycol.col-3{
width:57%;
}
.fax_item .four_col .mycol.col-4{
  width: 14%;
}

.fax_total{
display:block;
border:0px solid green;
width:100%;
}
.fax_total .fax_total_col_1,
.fax_total .fax_total_col_2
{
border:0px solid red;
}
.fax_total .fax_total_col_1{
width:55%;
float:left;
padding-top:1%;
}
.fax_total .fax_total_col_2{
width:45%;
float:right;
}

.fax_total .mytable.two_col .mycol.col-1{
width:35%;
text-align:left;
font-size:13px;
border:0px solid red;
}
.fax_total .mytable.two_col .mycol.col-2{
font-size:13px;
border:0px solid red;
width:65%;
}

.signature_wrap{
padding-top:20px !important;
}


.fax_total .fax_total_col_2 .mytable .mycol.col-1{
border:0px solid red;
display:none;
}
.fax_total .fax_total_col_2 .mytable .mycol.col-2{
border:0px solid red;
width:60%;
}
.fax_total .fax_total_col_2 .mytable .mycol.col-3{
border:0px solid red;
width:40%;
}
.fax_total .fax_total_col_2 .index_right{
padding-right:10px;
}


/*STRIPE IDEAL RECEIPT*/
.orange_header{
background:#f75d34;
color:#fff;
padding-bottom:8px;
}
.orange_header .title{
padding:5px;
}
.orange_header img.logo{
max-width:80px;
}
.stripe_ideal_receipt{
padding-top:20px;
}
.stripe_ideal_receipt h2{
font-weight:bold;
}
.stripe_ideal_receipt i{
color:#00b279;
font-size:100px;
}
/*END STRIPE IDEAL RECEIPT*/

.mytable.dish-category{
width: auto;
}

.request_cancel_order,
.pending_for_review
{
display:inline-block;
margin-top:10px;
}


/**RTL SUPPORT */
html.rtl{
direction: rtl;
}
html.rtl .category-child i{
left: 10px;
right: auto;
}
html.rtl #notes, 
html.rtl .grey-inputs,
html.rtl #voucher_code,
html.rtl #redeem_points
{
text-align:inherit;
direction: rtl;
}

html.rtl .search-food-wrap button{
left: 10px;
right: auto;
}

html.rtl .section-checkout .section-label a.section-label-a span{
padding-right:30px;
}

/**END RTL SUPPORT */

/*4.7 CSS */
.leaflet-popup-content{
width:360px !important;
}

.mapboxgl-ctrl-geocoder{ 
min-width:100% !important; 
}
.leaflet-routing-container{
width:100% !important; 
}
#mapbox_s_goecoder .mapboxgl-ctrl-geocoder{
box-shadow:none;
}

#mapbox_s_goecoder .mapboxgl-ctrl-geocoder input{
height: 30px;
margin: 0;
padding: 5px 5px 5px 10px;
font-size: 16px;
font-family: "Open Sans",sans-serif;
color:#444;
}
#mapbox_s_goecoder .geocoder-icon{
top: 5px;
}
#mapbox_s_goecoder .geocoder-icon-search{
display:none;
}
.leaflet-container a.orange-button{
color:#fff;
}
.leaflet-container a{
color:#000;
}
/*4.7 CSS */

/*4.8 CSS*/
.upload_deposit_preview{
margin-top: 10px;
    max-width: 200px;
}

a.add_favorites:hover{
color:#00b279;
}

a.add_favorites i{
font-size:25px;
}
.equal_table {
display:table;
}
.equal_table .col{
display:table-cell;
vertical-align:middle;
}
.result-merchant .equal_table{
margin:auto;
}
.result-merchant .equal_table .col{
padding:0 10px;
}
.result-merchant .inner.list-view .mytable .mycol,
.section-browse .result-merchant .mytable .mycol
{
vertical-align:middle;
}
.menu-header a.add_favorites{
color:#fff;
}
a.add_favorites.selected,
.menu-header a.add_favorites.selected
{
color:#f75d34;
}

.favorites_list a.remove_fav{
font-size:25px;
}

.delivery_map_accuracy{
height:300px;
width:auto;
}

.view-reviews{
position:relative;
}

.badge_review{
background:#009fe3;
color:#fff;
position: absolute;
right: -8px;
top: 0;
}
.review_notification_wrap{
background: #009fe3;
color: #fff;
margin: auto auto 15px;
padding: 15px 15px 15px 25px;
width: 95%;
}
.review_notification_wrap p{
font-size:14px;
margin:0;
}

.tbl_merchant_info{
width:80%;
}
.tbl_merchant_info td{
vertical-align:top;
}

.tbl_merchant_info td:first-child{
width:35%;
}

.tbl_merchant_info ul.services-type li{
display:block;
padding-left:0;
}
.tbl_merchant_info ul.services-type i{
display:none;
}

/* MOYOSAR PAYMENT */
.format_as_card_number{
background:url("../images/credit-card-sprite.png"), url("../images/credit-card-sprite.png");
background-position:2px -121px, 295px -61px;
background-repeat:no-repeat;
background-repeat: no-repeat;
background-size: 120px 361px, 120px 361px;
padding-left: 54px;
}
.format_as_card_number.visa{
    background-position:2px -163px,295px -61px
}
.format_as_card_number.visa_electron{
    background-position:2px -205px,295px -61px
}
.format_as_card_number.mastercard{
    background-position:2px -247px,295px -61px
}
.format_as_card_number.maestro{
    background-position:2px -289px,295px -61px
}
.format_as_card_number.discover{
    background-position:2px -331px,295px -61px
}
.format_as_card_number.valid.visa{
    background-position:2px -163px,295px -87px
}
.format_as_card_number.valid.visa_electron{
    background-position:2px -205px,295px -87px
}
.format_as_card_number.valid.mastercard{
    background-position:2px -247px,295px -87px
}
.format_as_card_number.valid.maestro{
    background-position:2px -289px,295px -87px
}
.format_as_card_number.valid.discover{
    background-position:2px -331px,295px -87px
}

.inline_li{
display:table;
}
.inline_li li{
display:table-cell;
padding:5px 10px;
}

.white_bg .search-input-wraps{
border:1px solid #999;
max-width:600px;
}
.white_bg.center{
padding-top:30px;
padding-bottom:60px;
} 

.result-merchant.infinite-container p{
margin:0;
}

.map_addressbook{
border:1px solid #c9c7c7;
height:250px;
width:100%;
margin-bottom:5px;
}

.search-food-wrap .typeahead__list a{
width:100%;
}

.box_green{
border: 2px solid #3ecf8e;
padding:10px;
}
.box_green .text_left{
text-align:left;
}
.box_green p.bold{
margin:0;
margin-bottom:5px;
}
.box_green .col-md-2{
padding-top:10px;
}







/*New CSS*/












.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Source Sans Pro", sans-serif;
    color: #25282b;
}

a {
    color: #f30;
}

a:hover {
    text-decoration: none;
    color: #ef3b0e
}

.lead {
    font-size: 1.25rem;
    font-weight: 400;
    color: #404048;
}

ul {
    list-style-type: none;
    padding: 0;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #eaebeb;
}


/*==================================
* Bootstrap grid tweaks
*===================================*/

.container {
    max-width: 1270px;
    width: 94%;
}


/* Remove space from columns */

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.row.no-gutter [class*="col-"]:not(:first-child),
.row.no-gutter [class*="col-"]:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
}


/*==================================
* Just simple warppers
*===================================*/

.page-wrapper {
    padding-top: 68px;
    /* Used for inpper pages if navigation fixed to the top */
}

.inner-page {
    margin-top: 30px;
    margin-bottom: 50px
}


/*==================================
* Foms
*===================================*/

.custom-control-input:checked~.custom-control-indicator {
    color: #fff;
    background-color: #f30;
    margin-top: 0;
    padding: 10px;
    border-radius: 100%;
}

.custom-checkbox .custom-control-indicator {
    border-radius: 100%;
}

.custom-control-indicator {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 1px 3px rgba(93, 92, 99, 0.05);
    border: 1px solid rgba(116, 135, 150, 0.23);
}

.custom-control-input:focus~.custom-control-indicator {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #f30;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #f30;
}

.custom-radio .custom-control-input:checked~.custom-control-indicator {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http: //www.w3.org/2000/svg" viewBox="0 0 8 8"%3E%3Cpath fill="%23fff" d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z"/%3E%3C/svg%3E')
}

.custom-control-input:active~.custom-control-indicator {
    color: #fff;
    background-color: #f30
}

.custom-control-input:disabled~.custom-control-indicator {
    cursor: not-allowed;
    background-color: #eee
}

.custom-control-input:disabled~.custom-control-description {
    color: #76767
}

.custom-control {
    padding-left: 30px;
}

.form-control {
    border: 1px solid #eaebeb;
    border-radius: 2px;
}

.custom-select {
    line-height: 1
}


/* ==========================
*   Buttons
============================*/

.form-control-lg,
.dropdown-menu,
.btn,
.btn-group-lg>.btn,
.btn-lg,
.img-rounded {
    border-radius: 2px
}

.btn {
    transition: all .4s;
}

.btn-secondary {
    color: #373a3c;
    background-color: rgba(252, 251, 249, 0.68);
    border-color: #eaebeb;
}

.theme-btn {
    background-color: #f30;
    border-color: #f30;
    color: #fff
}

.theme-btn-dash {
    border: 2px dashed #f30;
    background-color: transparent;
    color: #f30
}

.theme-btn-dash:hover,
.theme-btn,
.theme-btn.btn-lg:hover,
.btn-secondary:hover {
    background-color: #f30;
    color: #fff;
    border: 1px solid #f30
}

.theme-btn-dash:hover {
    border: 2px solid #f30;
    color: #fff
}

.bg-white {
    background-color: #fff
}

.primary-color {
    color: #f30
}


/* ==========================
*   Helpers
============================*/

.space-xs {
    padding-bottom: 15px;
    padding-top: 15px
}

.space-sm {
    padding-bottom: 30;
    padding-top: 30px
}

.space-md {
    padding-top: 90px;
    padding-bottom: 90px
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-t-10 {
    margin-top: 10px
}

.m-t-20 {
    margin-top: 20px
}

.m-t-30 {
    margin-top: 30px;
}

.b-l {
    border-left: 1px solid #edeed
}

.b-r {
    border-left: 1px solid #edeed
}

.b-t {
    border-top: 1px solid #edeed
}

.b-b {
    border-bottom: 1px solid #edeed
}

.b-b-0 {
    border-bottom: none !important
}

.b-t-0 {
    border-top: none !important
}

.b-l-0 {
    border-left: none !important
}

.b-r-0 {
    border-right: none !important
}

.align-wrap {
    display: inline-table;
    min-height: 100%;
}

.align-vertical {
    display: table-cell;
    vertical-align: middle;
}

.font-white {
    color: #fff
}


/* ============================
* PAGINATION
==============================*/

.page-item.disabled .page-link,
.page-item.disabled .page-link:focus,
.page-item.disabled .page-link:hover {
    border-color: #eaebeb;
}

.page-link {
    color: inherit;
    background-color: #fff;
    border: 1px solid #eaebeb;
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
    background-color: #f30;
    border-color: #f30;
}


/* ==========================
*   Header and navigation
============================*/

#header {
    position: fixed;
    width: 100%;
    border: 0;
    z-index: 99;
}

.nav-fixed {
    position: fixed;
    width: 100%;
    z-index: 10;
}

.navbar {
    background-image: url("../images/menu-bg.jpg");
    padding: .95rem 1rem;
    border-radius: 0;
}

.navbar-nav .nav-item {
    padding-left: 10px;
}

.navbar-dark .navbar-toggler {
    background-image: none;
    border-color: transparent;
}

@media (max-width: 62em) {
    .navbar-nav {
        padding-top: .425rem;
        padding-left: 0.75rem;
    }
    .navbar-nav .nav-item {
        float: none;
    }
    .navbar-brand {
        float: right;
    }
    .navbar-brand,
    .navbar-nav .nav-item {
        display: block;
    }
    .navbar-nav .nav-item + .nav-item {
        margin-left: 0;
    }
    .dropdown-menu {
        position: relative;
        float: none;
        background-color: transparent;
    }
    .dropdown-menu a {
        color: #fff
    }
}

.headroom--pinned {
    display: block;
}

.headroom--unpinned {
    display: none;
}

.navbar-fixed-top {
    position: fixed
}

.navbar-toggler {
    padding: 4px 0;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    color: #f30;
    border-radius: 2px;
}


/********* top links part ***********/

.top-links {
    padding: 15px 0;
    border-bottom: 1px solid #eaebeb;
    margin-top: 10px;
}

.top-links ul {
    margin-bottom: 0;
}

.link-item a {
    font-size: 12px;
    color: #414551;
}

.link-item.active span {
    background-color: #f30;
    color: #fff
}

.links {
    display: block
}

.links span {
    border: 1px solid #eaebeb;
    border-radius: 100px;
    width: 32px;
    height: 32px;
    color: #3a3e47;
    font-weight: 600;
    display: inline-block;
    margin-right: 18px;
    text-align: center;
    line-height: 28px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.links li:hover span {
    background-color: #e8500e;
    color: #fff
}

@media (max-width:800px) {
    .top-links {
        display: none
    }
}


/* ==========================
*   Hero
============================*/

.hero {
    padding-top: 12%;
    padding-bottom: 10%;
    text-align: center;
    position: relative;
}
.newHero{
    font-family: "Give You Glory", cursive !important;
    color: #fff !important;
    font-size: 3.7em !important;
    font-weight: 700 !important;
    margin-bottom: 20px;
}

.hero h1 {
    font-family: "Give You Glory", cursive;
    color: #fff;
    font-size: 3.7em;
    font-weight: 700;
}

.hero:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    /*background-color: rgba(7, 6, 29, 0.37);*/
}

.hero .hero-inner {
    position: relative;
    z-index: 1
}


/* ==========================
*   Hero steps
============================*/

.step-item {
    display: inline-block;
    margin: 40px 40px 0;
    position: relative;
}

.banner-form {
    margin-bottom: 60px;
    display: block;
    margin-top: 20px;
}

.step-item svg {
    display: inline-block;
    width: 34px;
    height: 34px;
}

.step-item img {
    display: block;
    margin: 0 auto 15px;
}

.step-item h4 {
    font-family: "Give You Glory", cursive;
    color: #fff;
    font-size: 21px;
}

.step-item h4 span {
    color: #f30;
}

.step1:after,
.step2:after {
    position: absolute;
    content: "";
    right: -58%;
    top: -20%;
    width: 130px;
    height: 32px;
    background: url(../images/arrow.png);
}

.step2:after {
    background: url(../images/arrow-dotted.png);
    height: 25px;
    right: -95%;
    top: -15%;
}

@media (max-width: 568px) and (min-width: 280px) {
    .step1:after,
    .step2:after {
        display: none
    }
    .newHero {
        font-size: 2.2em;
        padding-top: 75px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .step-item {
        margin: 0 30px 0;
    }
}


/* ==========================
*   Detect location
============================*/

.location-match {
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}

.location-match span {
    font-weight: 600;
}

.location-match a {
    color: #f30;
}

.location-match a:hover {
    color: #43434c;
}


/* ==========================
*  Popular block
============================*/

.popular {
    padding: 70px 0 90px;
    background-size: 100%;
}

.food-item-wrap {
    border: 1px solid #eaebeb;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 30px;
    background: #fafaf8;
}

.food-item-wrap h5 a {
    color: #25282b;
    font-size: 21px;
    font-weight: 600;
}

.food-item-wrap .title h3 {
    font-size: 16px;
    margin-bottom: 35px;
    color: #414551;
    line-height: 21px;
    font-weight: 300;
}

.food-item-wrap .price {
    font-size: 21px;
    font-weight: 700;
    color: #000;
    margin-top: 4px;
    display: inline-block;
}

.food-item-wrap .product-name {
    margin-bottom: 20px;
}

.food-item-wrap .content {
    padding: 25px 15px 35px;
}

.food-item-wrap .restaurant-block {
    border-top: 1px solid #eaebeb;
    float: left;
    width: 100%;
}

.food-item-wrap .right-text {
    margin-left: 10px;
}

.food-item-wrap .right-text a {
    display: block;
}

.food-item-wrap .left {
    float: left;
    padding: 8px 15px;
}

.food-item-wrap .left img {
    padding-top: 3px;
}

@media (min-width: 320px) and (max-width: 568px) {
    .food-item-wrap .left {
        float: left;
        padding: 10px;
    }
    .food-item .left img {
        width: 45px
    }
    .food-item-wrap .right-text {
        font-size: 13px;
    }
}

.food-item-wrap .right {
    padding: 10px 0;
}

.food-item-wrap .right-like-part {
    border-left: 1px solid #eaebeb;
    padding: 25px 15px;
    font-size: 13px;
}

@media (min-width: 280px) and (max-width: 580px) {
    .food-item-wrap .right-like-part {
        padding: 24px 10px;
        font-size: 10px;
    }
}

.food-item-wrap .right-like-part img {
    vertical-align: middle;
    margin-right: 5px;
}

.food-item-wrap .right-text a {
    color: #25282b;
    font-weight: 400;
}

.food-item-wrap .right-text span,
.food-item-wrap .right-like-part,
.food-item-wrap .right-like-part span {
    font-weight: 300;
    color: #748796;
}

.food-item-wrap .figure-wrap {
    position: relative;
    height: 210px;
}

.food-item-wrap .food-item-wrap figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.food-item-wrap .food-item-wrap figure img {
    width: 100%;
}

.food-item-wrap .figure-wrap:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    background: url(../images/zig-zag.png);
    width: 100%;
    height: 5px;
}

.food-item-wrap:hover h5>a,
.food-item-wrap:hover .right-text>a {
    color: #f30;
}

.food-item-wrap .figure-text {
    position: absolute;
    top: 0;
    padding: 13px 28px 18px 18px;
    width: 100%;
    height: 100%;
}

.food-item-wrap .figure-text .bottom {
    position: absolute;
    bottom: 25px;
    float: left;
    width: 87%;
}

.food-item-wrap .review {
    margin-top: 5px;
    font-size: 10px;
    text-transform: uppercase;
}

.food-item-wrap .distance {
    background: #f30;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 20px;
}

.food-item-wrap .rating i {
    color: #ffd953;
    font-size: 16px;
}

.food-item-wrap .rating .fa-star-o {
    font-size: 17px;
}

.food-item-wrap .rating {
    position: absolute;
    bottom: 30px;
    left: 20px;
}

.food-item-wrap .review {
    right: 30px;
    position: absolute;
    bottom: 30px;
}

.food-item-wrap .review a {
    color: #fff;
}

.food-item-wrap .left-sidebar,
.food-item-wrap .right-sidebar {
    width: 300px;
}

.food-item-wrap .lf-ghost {
    width: 395px!important;
    float: left;
}

@media (max-width: 543px) {
    
}

@media (min-width: 544px) and (max-width: 767px) {
    .food-item-wrap .right-text {
        margin: 5px 10px;
        font-size: 14px;
        line-height: 20px;
    }
    .food-item-wrap .right-like-part {
        width: 100%;
        padding: 5px 10px;
        background: #fff;
        border: 0;
        border-top: 1px solid #eaebeb;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .food-item-wrap .restaurant-block {
        text-align: center;
    }
    .food-item-wrap .left {
        float: none
    }
    .food-item-wrap .pull-left {
        float: none
    }
    .food-item-wrap .right-text span,
    .food-item-wrap .right-like-part,
    .food-item-wrap .right-like-part span {
        width: 100%;
    }
    .right-like-part.pull-right {
        background-color: #fff;
        border: 0;
        border-top: 1px solid #eaebeb;
        padding: 10px;
    }
    .food-item-wrap .price-btn-block {
        text-align: center
    }
    .food-item-wrap .price-btn-block .price {
        margin-bottom: 15px;
        display: block;
    }
    .food-item-wrap .price-btn-block .btn {
        float: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .food-item-wrap .left {
        padding: 10px;
        font-size: 11px;
        line-height: 20px;
    }
}

@media (min-width: 1200px) {

}


/*============================================
* Modal 
=============================================*/

.cart-addon .food-item {
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
    padding: 2px 0 15px;
}

.cart-addon .food-item:last-of-type {
    border-bottom: none
}

.cart-addon .food-item .item-img img {
    max-width: 70px;
}

.cart-addon .food-item .rest-descr {
    margin-left: 80px;
}

.cart-addon .food-item h6 {
    /* margin: 0 0 2px 0; */
}

.cart-addon .food-item h6 a {
    font-size: 16px;
    color: #4d4f56;
    display: block;
    margin: 4px 0 0 0;
    line-height: 20px;
}

.cart-addon .food-item .price {
    font-weight: 600;
    margin-top: 15px;
    display: block;
    color: #25282b;
}

.cart-addon .food-item .form-control {
    margin-top: 8px;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    right: -15px;
    position: absolute;
    top: -15px;
    background-color: #f30;
    opacity: 1;
    width: 30px;
    height: 30px;
    color: #fff;
    text-shadow: none;
    font-size: 14px;
    display: block;
}

button.close span {
    display: block;
}


/*-----------------------------------  
How it works section
-----------------------------------*/

.how-it-works {
    background-image: url(../images/city.png), url(../images/pattern.png);
    background-repeat: repeat-x, repeat;
    background-position: bottom, center;
    padding: 90px 0;
    position: relative;
}

.how-it-works:after {
    position: absolute;
    right: 20px;
    top: -30px;
    background: url(../images/peanutsx.png);
    width: 150px;
    height: 51px;
    content: "";
}

.how-it-works .text-xs-center>h2 {
    color: #d8bea5;
    margin-bottom: 50px;
}

.how-it-works-wrap h2 {
    margin-bottom: 10px;
    font-size: 21px;
}

.how-it-works-wrap>p {
    font-weight: 300;
}

.how-it-works-steps {
    position: relative;
    padding: 0 2.1rem;
}

.how-it-works .how-middle {
    margin-top: 70px;
}

.how-it-works p.pay-info {
    font-size: 16px;
    color: #d8bea5;
    margin-top: 25px;
    text-align: center;
}

.how-it-works h3 {
    color: #fff
}


/*-----------------------------------  
Steps
-----------------------------------*/

.how-it-works p {
    color: #9c9da5;
}

.step .icon {
    position: relative;
    width: 86px;
    height: 86px;
    margin: 10px auto 20px;
    line-height: 78px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
}

.step .icon:before {
    content: attr(data-step);
    position: absolute;
    top: -10px;
    left: 5px;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 38px;
    background-color: #f30;
    border-radius: 50%;
    font-size: 1.5em;
    font-family: "Give You Glory", cursive;
    font-weight: 700;
    color: #fff;
}

.step .icon img,
.step .icon svg {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 78px;
}

.how-it-works .step-2 {
    padding-top: 20%
}

.col1:after {
    position: absolute;
    content: "";
    right: -21%;
    top: 15%;
    width: 185px;
    height: 34px;
    background: url(../images/arrow-big.png) no-repeat;
}

.col2:after {
    position: absolute;
    content: "";
    right: -16%;
    top: 11%;
    width: 175px;
    height: 34px;
    background: url(../images/arrow-big-dotted.png) no-repeat;
}

.how-it-works-solution {
    margin-bottom: 26px;
}

@media (max-width: 543px) {
    .col1:after,
    .col2:after {
        display: none
    }
}

@media (min-width: 544px) and (max-width: 767px) {
    .col1:after,
    .col2:after {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col1:after,
    .col2:after {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col1:after,
    .col2:after {
        right: -30%;
    }
}

@media (min-width: 1200px) {
   
}


/****** featured restaurants block *******/

.featured-restaurants {
    padding: 100px 0 20px;
    position: relative;
}

@media (min-width: 280px) and (max-width: 580px) {
    .featured-restaurants {
        padding: 50px 0 20px;
        position: relative;
    }
    .featured-restaurants .title-block {
        margin-bottom: 15px;
    }
    .featured-restaurants .title-block h4 {
        font-size: 21px
    }
}

.featured-restaurants:before {
    position: absolute;
    top: -81px;
    left: 50px;
    background: url(../images/chillyx.png);
    width: 103px;
    height: 151px;
    content: "";
}

@media (min-width: 280px) and (max-width: 580px) {
    .featured-restaurants:before {
        display: none
    }
}

.featured-restaurants .restaurant-wrap {
    border: 1px solid #eaebeb;
    border-radius: 3px;
    padding: 15px;
    background: #fafaf8;
    float: left;
    width: 100%;
}

.featured-restaurants .restaurant-logo {
    border-radius: 3px;
}

.featured-restaurants .restaurant-logo img {
    width: 95px;
    height: auto;
    border: 1px solid #eaebeb;
}

@media (min-width: 320px) and (max-width: 543px) {
    .restaurant-wrap {
        /* text-align:center */
    }
    .featured-restaurants .restaurant-logo img {
        width: 85px;
        margin-bottom: 15px;
    }
}

.featured-restaurants .restaurant-wrap h5 {
    margin-top: 5px;
    margin-bottom: 7px;
    font-weight: 600;
}

.featured-restaurants .restaurant-wrap h5 a {
    color: #25282b;
}

.featured-restaurants .bottom-part {
    margin-top: 5px
}

.featured-restaurants .cost,
.featured-restaurants .mins,
.featured-restaurants .ratings {
    font-size: 12px;
    display: inline-block;
}

.featured-restaurants .cost,
.featured-restaurants .mins {
    margin-right: 1rem;
}

.featured-restaurants .ratings span i {
    color: #f30;
}

.featured-restaurants .ratings .fa-star-o {}

.restaurants-filter ul li {
    display: inline-block;
    padding: 0 .5rem;
}

.featured-restaurants .restaurants-filter ul li a {
    font-weight: 400;
    color: #414551;
    font-size: 16px;
    text-transform: capitalize;
}

.featured-restaurants .restaurants-filter ul li a:hover {
    color: #e8500e;
}

@media (min-width:320px) and (max-width:480px) {
    .restaurants-filter {
        float: none;
    }
    .restaurants-filter ul li {
        padding: 0 0.5rem;
    }
}

.featured-restaurants .featured-restaurants h4 {
    margin-bottom: 45px;
}

.featured-restaurants .restaurant-listing {
    margin-bottom: 50px;
    margin-top: 25px;
}

.featured-restaurants .single-restaurant {
    margin-bottom: 30px;
}

.add-restaurants {
    background: #fafaf8;
    border: 1px solid #eaebeb;
    padding: 35px 10px 23px;
    border-radius: 2px;
}

.add-restaurants p strong {
    font-weight: 600;
    color: #f30;
}

@media (min-width: 320px) and (max-width: 543px) {
    .featured-restaurants .restaurant-wrap {
        margin-bottom: 10px;
    }
    .add-restaurants {
        text-align: center
    }
    .add-restaurants a.btn.theme-btn {
        display: block
    }
}

@media (min-width: 544px) and (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {
    .featured-restaurants .restaurant-wrap {
        text-align: center
    }
}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}


/*-----------------------------------  
App section
-----------------------------------*/

.app-section {
    padding-top: 35px;
    position: relative
}

.app-section:after {
    content: "";
    background: url(../images/city-2.png) center bottom;
    background-color: #f30;
    display: block;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-repeat: repeat-x;
}

.app-wrap {
    position: relative;
    z-index: 2
}

@media (min-width: 280px) and (max-width: 568px) {
    .app-wrap {
        padding-bottom: 30px
    }
}

.app-wrap figure {
    margin: 0;
    text-align: center;
}

.app-wrap .left-text {
    padding-top: 110px;
}

.app-wrap .left-text h3,
.app-wrap .left-text p {
    color: #fff;
}


/* ==========================
*  Download app buttons
============================*/

.app-btn {
    color: #FFFFFF;
    float: left;
    margin-right: 15px;
    background: #81858b;
    margin-top: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 2px;
    transition: all .3s;
}

.app-btn i {
    font-size: 38px;
    line-height: 50px;
    margin: 0px;
    padding: 0 18px;
}

.app-btn .pull-right {
    padding: 8px 25px 8px 10px;
}

.app-btn .text {
    display: block;
    font-size: 12px;
    line-height: 1;
}

.app-btn:hover,
.app-btn:active,
.app-btn:focus {
    color: #FFFFFF;
    background: #111111;
}

.android-button {
    background: #82b21c;
}

@media (min-width: 348px) and (max-width: 767px) {
    .app-section {
        padding: 55px 0;
    }
    .text-img-block figure {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .app-wrap .left-text {
        padding-top: 100px;
        font-size: 80%;
    }
    .app-btn i {
        font-size: 28px;
        line-height: 41px;
        margin: 0px;
        padding: 0 18px;
    }
    .app-btn {
        padding-right: 5px
    }
    .app-btn .pull-right {
        padding: 7px 14px 0 5px
    }
    .app-btn i {
        padding: 0 10px;
    }
}


/* ==========================
*  Footer
============================*/

footer {
    background: url(../images/pattern.png)center repeat;
    padding: 90px 0;
    z-index: 1;
    position: relative;
}

.payment-options ul li {
    display: inline-block;
    margin-right: 8px;
}

footer h5 {
    color: #fff;
    font-family: "Source Sans Pro", sans-serif;
    margin-bottom: 15px;
}

.footer-logo-block img {
    display: block;
    margin-bottom: 15px;
}

footer p,
footer,
footer span {
    font-weight: 300;
    color: #9c9da5;
}

.address h5 a {
    color: #f30;
    font-size: 26px;
    font-family: "Give You Glory", cursive;
    margin-left: 20px;
    font-weight: 600;
}

.address h5 a:hover {
    color: #fff;
}

.popular-locations ul li {
    display: inline-block;
    width: 49%;
}

footer ul li {
    margin-bottom: 6px;
}

footer ul li a {
    color: #9c9da5;
    transition: all .3s;
}

.how-it-works-links {
    margin-bottom: 70px;
}

.address p {
    margin-bottom: 35px;
}

footer ul li a:hover {
    color: #f30;
}

footer li a {
    line-height: 20px;
    display: inline-block;
}

.payment-options ul {
    margin-top: 10px;
    float: left;
    width: 100%;
}

@media (min-width:320px) and (max-width:768px) {
    .footer-logo-block {
        margin-bottom: 25px
    }
}


/* ==========================
*  Inner pages
============================*/

.inner-page-hero {
    padding-top: 5%;
    padding-bottom: 5%;
}


/********* profile banner part ***********/

.profile-banner figure img {
    width: 100%;
}

.image-wrap {
    border-radius: 2px;
    padding: 10px;
    float: left;
    background: #fff;
}

.image-wrap figure {
    background: #FFF;
    border-radius: 2px;
    display: block;
    overflow: hidden;
    float: left;
    margin-bottom: 0;
}

.image-wrap figure img {
    max-width: 100%;
    display: block
}

.profile p {
    color: #fff;
}

.banner figure {
    margin-bottom: 0;
}

.profile-desc h6 a {
    font-size: 26px;
    line-height: 31px;
    color: #fff;
}

.profile .right-text {}

.profile-img {
    width: 24.7%;
}

.profile .right-text span {
    margin-bottom: 8px;
    display: block;
}

.profile-desc h6 {
    display: inline-block;
    margin-right: 3rem;
    margin-bottom: 10px;
}

.profile-desc a.btn {
    display: inline-block;
    padding: 3px 20px;
    background-color: #82b21c;
    vertical-align: text-bottom;
    font-size: 13px;
    color: #fff;
}

.profile-desc .right-text {
    width: 100%;
    border-right: 0;
    color: rgba(255, 255, 255, .5);
    margin-top: 30px;
}

.profile-desc .nav-item a {
    color: #fff;
}

.profile-desc .nav-item.ratings a span i {
    color: #ffd953;
    font-size: 16px;
}

@media (min-width:320px) and (max-width:768px) {
    .profile-desc .right-text {
        margin-top: 0;
    }
    .profile-desc h6 {
        margin-right: 0;
    }
    .image-wrap {
        padding: 1px;
        border-radius: 2px;
        margin-bottom: 20px
    }
    .profile-desc a.btn {
        float: right
    }
    .image-wrap img {
        width: auto;
    }
    .profile-img {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .profile-desc .right-text {
        margin-top: 0;
    }
}


/********* breadcrumb part ***********/

.breadcrumb {
    background: transparent;
    padding: 22px 0;
    border-bottom: 1px solid #e6e6e6;
}

.breadcrumb ul li {
    display: inline-block;
    margin-right: 40px;
    position: relative;
}

.breadcrumb ul li:before {
    position: absolute;
    left: -25px;
    top: 0;
    content: "/";
}

.breadcrumb ul li:first-child:before {
    content: none;
}

.breadcrumb ul li a,
.breadcrumb ul li {
    color: #333366;
}

.breadcrumb ul,
.breadcrumb {
    margin-bottom: 0;
}

@media (min-width:320px) and (max-width: 568px) {
    .breadcrumb ul li {
        display: inline-block;
        margin-right: 15px;
        position: relative;
    }
    .breadcrumb ul li:before {
        display: none
    }
}

.result-show .dropdown button {
    color: #333366;
    font-size: 14px;
    border: 0;
}

.result-show div i {
    margin-left: 10px;
    font-size: 22px;
    vertical-align: middle;
    color: #000;
}

.result-show {
    padding: 7px 0 10px;
    border-bottom: 1px solid #eaebeb;
    color: #333366;
    margin-bottom: 20px;
}

.result-show p {
    padding: 0;
    margin: 5px 0;
}

.sidebar {
    border: 1px solid #eaebeb;
    background: #fafaf8;
    border-radius: 3px;
}

.sidebar-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.sidebar-inner .sidebar input,
.sidebar .input-group-btn .btn {
    height: 55px;
    border-left: 0;
    border-right: 0;
}

.widget {
    border: 1px solid #eaebeb;
    background: #fafaf8;
    border-radius: 3px;
    margin-bottom: 20px;
}

.widget-heading {
    padding: 15px;
    color: #fff;
    border-radius: 3px;
    border-bottom: 1px solid #eaebeb;
}

.menu-widget .widget-heading {
    border-bottom: none
}

.widget-heading .widget-title {
    font-size: 16px;
    font-weight: 600;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}

.widget-heading .widget-title .btn {
    padding: 0px 24px;
}

.widget-delivery .col-xs-6 {
    padding: 25px 15px 20px;
    background: #fff;
    border-right: 1px solid #eaebeb;
    display: -webkit-inline-box;
    border-bottom: 1px solid #eaebeb;
}

.widget-delivery .col-xs-6:last-of-type {
    border-right: 1px solid transparent;
}

.sidebar .widget-delivery .col-xs-6 {
    border-bottom: none
}

.sidebar-title {
    padding: 15px 15px 15px;
    background: #f30;
    float: left;
    width: 100%;
}

.sidebar-title h6 {
    float: left;
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.sidebar-title i {
    float: right;
    color: #fff;
    font-size: 15px;
    margin-top: 3px;
}

.main-block ul li {
    line-height: 28px;
    font-weight: 300;
    display: block;
    border-bottom: 1px solid #eaebeb;
    font-weight: 500;
    color: #414551;
}

.main-block ul li a {
    color: #414551;
    display: block;
    font-weight: 500;
    padding: 15px;
}

.main-block ul {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.main-block ul li:hover {
    background: #fffdfd;
}

.main-block ul li:hover a {
    color: #f30
}

.main-block ul:hover li:last-child {
    border-bottom: 1px solid transparent;
    border-bottom: 1px solid #eaebeb;
}

.main-block ul li:first-of-type {
    border-top: none
}

a.more-link {
    padding-left: 15px;
    margin: 5px 0 25px;
    float: left;
}

.block {
    border-bottom: 1px solid #eaebeb;
    margin-top: 30px;
}

.main-block form ul li {
    padding: 15px
}

.main-block .input-group input,
.main-block .input-group-btn {
    height: 55px;
    border-left: none
}


/* Food items */

.menu-widget,
.widget {
    border: 1px solid #eaebeb;
    background: #fafaf8;
    border-radius: 2px;
    position: relative;
}

.widget-body {
    padding: 20px;
}

.panel {
    margin-bottom: 15px;
    border: 1px solid #dcdee3;
    border-radius: 3px;
    box-shadow: none;
}

.panel-heading {
    padding: 15px;
    border: none!important;
    border-radius: 0;
}

.panel-heading i {
    padding-right: 7px;
    font-size: 14px
}

.panel-title {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #25282b;
}

.panel-title a {
    color: #25282b;
}

.panel .panel-body {
    padding: 20px;
}

.list-check>li {
    line-height: 24px;
    position: relative;
    margin-bottom: 10px;
    padding-left: 23px;
}

.list-check>li:after {
    font-family: FontAwesome;
    position: absolute;
    top: 1px;
    left: 0;
    content: "\f05d";
    color: #7ab55c;
    font-size: 18px;
}

.menu-widget .food-item {
    padding: 15px
}

.menu-widget .food-item:first-of-type {
    border-bottom: none
}

.menu-widget .food-item .restaurant-logo {
    max-width: 100px;
    height: auto;
    display: block;
}

.menu-widget .food-item .restaurant-logo img {
    max-width: 100%;
    display: block
}

.menu-widget .food-item:first-of-type {
    border-top: 1px solid #eaebeb;
}

.menu-widget .food-item:last-of-type {
    border-bottom: transparent
}

.menu-widget .food-item.white {
    background-color: #fff
}

.menu-widget .food-item .rest-descr {
    padding-left: 115px;
    padding-top: 0;
}

.menu-widget .food-item .rest-descr h6 a {
    color: #25282b;
    font-size: 18px;
    font-weight: 600;
}

.menu-widget .food-item .item-cart-info {
    padding-top: 20px
}

.menu-widget .food-item .price {
    font-weight: 600;
    color: #000;
    position: relative;
    margin-top: 6px;
}

.order-row .form-control {
    border-radius: 0;
}

.order-row .title-row {
    margin-bottom: 10px;
}

.order-row .title-row a i {
    margin-top: 7px;
}

.order-row {
    border-bottom: 1px solid #eaebeb
}

.order-row:last-of-type {
    border-bottom: none
}

@media (max-width: 543px) {
    .widget-cart {
        margin: 20px auto;
        float: right;
        width: 100%;
    }
}

@media (min-width: 544px) and (max-width: 767px) {
    .widget-cart {
        margin: 20px auto;
        float: right;
        width: 66.666667%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .widget-cart {
        margin-top: 20px;
        float: right;
        width: 66.666667%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}

a[aria-expanded=true] .fa-angle-right {
    display: none;
}

a[aria-expanded=false] .fa-angle-down {
    display: none;
}


/*==============================
*
* Rstaurants 
*
==============================*/

.restaurant-entry {
    border: 1px solid #eaebeb;
    border-radius: 2px;
    margin-bottom: 20px;
}

.restaurant-entry .entry-logo {
    float: left;
    width: 110px;
    height: auto;
    border: 1px solid #eaebeb;
    border-radius: 2px;
    margin-top: 15px;
    margin-left: 15px;
    overflow: hidden
}

.restaurant-entry .entry-logo img {
    max-width: 100%;
    display: block
}

.restaurant-entry .entry-dscr {
    padding-left: 145px;
    margin-top: 15px;
}

.restaurant-entry .entry-dscr h5 a {
    color: #414551;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.restaurant-entry .entry-dscr ul li {
    font-size: 12px;
    margin-top: 7px;
}

.restaurant-entry .right-review {
    padding: 15px 10px;
    border-left: 1px solid #eaebeb;
    min-height: 145px;
}

.restaurant-entry .right-review p {
    color: #414551;
    font-weight: 500;
    margin: 0 0 10px;
}

.restaurant-entry .right-review .rating-block {
    color: #f30;
    background: transparent;
    border: none;
    padding: 5px 15px 5px;
}

@media (min-width: 320px) and (max-width: 991px) {
    .restaurant-entry .entry-logo {
        float: none;
        text-align: center;
        margin: 10px auto;
    }
    .restaurant-entry .entry-dscr {
        padding: 0 15px;
        text-align: center;
    }
    .restaurant-entry .right-review {
        padding: 15px 10px;
        border-left: transparent;
        border-top: 1px solid #eaebeb
    }
}


/*==============================
* TAGS
==============================*/

.tags {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none
}

.tags li {
    float: left
}

.tag {
    font-size: 14px;
    line-height: 26px;
    position: relative;
    height: 28px;
    margin: 0 10px 10px 0;
    padding: 0 20px 0 15px;
    -webkit-transition: all .4s;
    border: 1px solid #eaebeb;
    border-radius: 2px;
    background: #ffffff;
    color: inherit;
    font-weight: normal
}

.tag:after,
.tag:before {
    -webkit-transition: all .4s;
    background: #fff
}

.tag:before {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, .25)
}

.tag:after {
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent
}

.tag:hover {
    color: #fff;
    border-color: #f30;
    background-color: #f30
}


/*==================================
* MAPS
*=================================*/

.pricing-page {
    background-image: url(../images/list.png);
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
}

.pricing-box {
    background-color: #fcfbf9;
    border-radius: 3px;
    border: 1px solid #ededed;
    padding: 60px 20px 0;
    margin-top: -80px;
    margin-bottom: 50px;
    text-align: center;
    color: #414551;
    position: relative;
    z-index: 2;
}

@media (min-width: 380px) and (max-width: 1170px) {
    .pricing-box {
        margin-top: 50px
    }
}

.pricing-box .price {
    color: #e8500e;
    font-size: 78px;
    line-height: 1;
    font-weight: 700;
    display: inline-block;
    position: relative;
}

.pricing-box .price .currency {
    font-size: 30px;
    font-weight: 600;
    position: absolute;
    left: -20px;
    top: -7px;
}

.pricing-box h2 {
    font-size: 33px;
    font-weight: 600;
    margin: 15px 0 10px;
}

.pricing-box p {
    font-weight: 600;
}

.pricing-box ul {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.pricing-box ul li {
    padding: 8px 0;
}

.pricing-box .btn {
    padding-left: 50px;
    padding-right: 50px;
    box-sizing: border-box;
    height: 50px;
    line-height: 32px;
    font-size: 16px;
    -webkit-transform: translateY(50%);
    -khtml-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.pricing-box .btn:hover {
    color: #fff
}

.pricing-faq div {
    padding-top: 30px;
}

.pricing-faq h3 {
    font-size: 18px;
    font-weight: 600;
}

.pricing-faq p {
    margin: 30px 0;
}

.gl-page-content-section {
    padding-top: 69px;
}


/*==================================
* MAPS
*=================================*/

.map-wrapper {
    width: 43%;
    display: inline-block;
    overflow: hidden;
    float: left;
    position: fixed;
    z-index: 10;
}

.map-wrapper .search-map {
    width: 100%;
    height: 100%;
}

#map {
    height: 100vh;
}

#map-result-section {
    width: 57%;
    float: right;
    padding: 20px;
}

#map {
    width: 100%;
    height: 100vh;
}

.wwone__map-infobox {
    background: #fff;
    width: 260px;
    height: 340px;
}

.wwone__map-infobox__close {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #f30;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    right: 0;
    top: 0;
    z-index: 9999;
}

.wwone__map-infobox__close span {
    color: #fff
}

.wwone__map-infobox__close:hover {
    color: #fff;
    text-decoration: none;
}

.wwone__map-infobox__thumb {
    width: 100%;
    height: auto;
}

.wwone__map-infobox__badge {
    position: absolute;
    display: block;
    line-height: 25px;
    color: #fff;
    text-align: center;
    left: 10px;
    top: 10px;
    z-index: 9999;
    background: #f30;
    display: inline-block;
    padding: 0px 10px;
    margin-top: 5px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
}

.wwone__map-infobox__inner {
    background: #fff;
    width: 220px;
    position: relative;
    font-size: 14px;
    margin: 0;
    background-color: #fff;
    padding: 20px;
}

.wwone__map-infobox__inner:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 15px solid rgba(0, 0, 0, 0);
    border-top-color: #fff;
    left: 50%;
    margin-left: -15px;
    bottom: -30px;
}

.wwone__map-infobox__inner__heading {
    color: #f30;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
}

.wwone__map-infobox__inner__info {
    padding: 10px 0 20px 0;
    font-size: 12px;
    color: #748796
}

.wwone__map-infobox__inner__info strong {
    width: 60px;
    display: inline-block;
    color: #25282b
}

.wwone__map-infobox__inner__btn {
    background-color: #f30;
    padding: 6px 15px;
    border-radius: 3px;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    font-size: 13px
}

.wwone__map-infobox__inner__btn:hover {
    color: #fff
}

@media (min-width: 897px) and (max-width: 970px) {
    .map-wrapper {
        width: 40%;
        display: inline-block;
    }
    #map-result-section {
        width: 60%;
    }
}

@media (min-width: 280px) and (max-width: 896px) {
    .map-wrapper {
        width: 100%;
        display: inline-block;
        position: relative;
        max-height: 420px
    }
    #map-result-section {
        width: 100%;
    }
}


/*! =========================================================
* bootstrap-slider.js
*
* Maintainers:
*		Kyle Kemp
*			- Twitter: @seiyria
*			- Github:  seiyria
*		Rohit Kalkur
*			- Twitter: @Rovolutionary
*			- Github:  rovolution
*
* =========================================================
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================= */

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.slider.slider-horizontal {
    width: 100%;
    height: 20px;
}

.slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -3px;
    top: 50%;
    left: 0;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    margin-left: -12px;
}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}

.slider.slider-horizontal .slider-tick-container {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 4px;
    display: inline-block;
    text-align: center;
}

.slider.slider-vertical {
    height: 210px;
    width: 20px;
}

.slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    left: 25%;
    top: 0;
}

.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0;
}

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
    margin-top: -10px;
}

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    margin-left: 0;
}

.slider.slider-vertical .slider-tick-label-container {
    white-space: nowrap;
}

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
    padding-left: 4px;
}

.slider.slider-disabled .slider-handle {
    background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffdfdfdf", endColorstr="#ffbebebe", GradientType=0);
}

.slider.slider-disabled .slider-track {
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffe5e5e5", endColorstr="#ffe9e9e9", GradientType=0);
    cursor: not-allowed;
}

.slider input {
    display: none;
}

.slider .tooltip.top {
    margin-top: -36px;
}

.slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
}

.slider .hide {
    display: none;
}

.slider-track {
    position: absolute;
    cursor: pointer;
    border-radius: 2px;
    background-color: #f0eff1;
}

.slider-selection {
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #f30;
}

.slider-selection.tick-slider-selection {
    background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff89cdef", endColorstr="#ff81bfde", GradientType=0);
}

.slider-track-low,
.slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.slider-handle {
    position: absolute;
    top: 0;
    width: 23px;
    height: 23px;
    background-color: #ffffff;
    filter: none;
    box-shadow: 0 0 3px 3px rgba(93, 92, 99, 0.05);
    border: 1px solid #ededed;
}

.slider-handle.round {
    border-radius: 50%;
}

.slider-handle.triangle {
    background: transparent none;
}

.slider-handle.custom {
    background: transparent none;
}

.slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: "\2605";
    color: #726204;
}

.slider-tick {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9", endColorstr="#fff5f5f5", GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
}

.slider-tick.round {
    border-radius: 50%;
}

.slider-tick.triangle {
    background: transparent none;
}

.slider-tick.custom {
    background: transparent none;
}

.slider-tick.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: "\2605";
    color: #726204;
}

.slider-tick.in-selection {
    background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff89cdef", endColorstr="#ff81bfde", GradientType=0);
    opacity: 1;
}

#ex2SliderVal {
    font-weight: 600;
    padding: 0 5px;
    color: #3a3e47;
}


.mobile-home-banner{
    background: none;
}