/*--
Master Style Sheet

  Project Name:         foodchow Html5 template;
  last changes/update:  16-Nov-2018;

--*/
/*** ======= // TABLE OF CONTENT // ============================
01- Google Fonts
02- Plugin Stylesheets Import
03- General Styling
04- Social Media Offical Colors
05- Cross Browser Compatibility
06- Chosen Container Style
07- Topbar Social
08- Sticky header
09- Responsive Header
10- Restaurant Searching Section
11- Title Style 1
12- Top Restaurants Section
13- Title Style 2
14- Popular Dishes Section
15- Featured Restaurant Section
16- Featured Restaurant Gallery & Video
17- Easy Steps Section
18- Most Popular Section
19- App Section
20- Footer
21- Find Restaurant Section Style 2
22- Top Restaurants Section Style 2
23- Popular Restaurants Sec Style 2
24- News Update Section
25- Page Title Sec
26- Breadcrumbs
27- Pagination
28- Price Table Section
29- Radio Box
30- Check Box
31- Sidebar Widgets
32- Mini Posts Style
33- Contact Us Page
34- Contact Form
35- Restaurants Found Page
36- Restaurant Detail Page
37- Restaurant Detail Tabs
38- Order Section
39- Page Loader
40- Blog Detail page
41- Author & Comment Sec
42- Reply Form
43- How It Works Page
44- Register Reservation
45- Acvitation Tab
46- Coming Soon page
47- Search Not Found
48- Error Page
49- Newsletter Popup
50- Gallery Page
51- Social Media Offical Colors


===================================================== ***/

/*===== Google Fonts =====*/
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Lato|Poppins:300,400,400i,500,600,700,800');

/*===== Plugin Stylesheets Import =====*/
@import url(plugins.css);
/*===== General Styling =====*/
body{
    float:left;
    width:100%;
    margin:0;
    padding:0;
    font-family:"Poppins" !important;
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family:"Poppins";
}
p{
    font-size:15px;
    font-family:"lato";
    line-height:20px;
    color:#9fa4af;
    display:inline-block;
    letter-spacing:0.5px;
}
ul li,
ol li{
    font-family:"Poppins";
}
a,
a:hover,
a:focus,
a:active{
    color:inherit;
    outline:none;
    -webkit-text-decoration:none;
    -moz-text-decoration:none;
    -ms-text-decoration:none;
    -o-text-decoration:none;
    text-decoration:none;
}
input,
textarea,
select,
button{border:0;}
button,
input[type="submit"],
.fileContainer,
input[type="file"]{cursor:pointer;}
input:focus,
textarea:focus,
select:focus,
button:focus,
a:focus,
.form-wrp fieldset p a:focus{
    border-color:transparent;
    outline:none;
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
textarea{resize:none;}
main{
    float:left;
    position:relative;
    width:100%;
}
.row.merged > div{
    padding:0;
}
main.boxed{
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
    -o-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
    float:none;
    margin:0 auto;
    width:1230px;
}
section{
    float:left;
    position:relative;
    width:100%;
}
/******POBOL******/
.product-detail{
    max-width:600px;
}
.likes-price{
    width:100%;
    display:block;
    overflow:hidden;
}
.product-detail .likes-price{
    padding:0px;
}
.likes-price .price{
    float:left !important;
}
.likes-price .likes{
    float:right;
    height:35px;
    display:flex;
    align-items:center;
}
.kalp{
    width:22px;
    height:20px;
    display:inline-block;
    margin-right:5px;
    font-size:16px;
    font:normal normal normal 20px/1 FontAwesome
}
.kalp:before{
    content:"\f08a";
}
.kalp.liked:before{
    content:"\f004";
    color:#ea1b25;
}
.begeni_sayisi{
    font-size:18px;
    color:#000;
    display:inline-block;
    font-weight:bold;
}
sup{
    left:-5px;
}
.fancybox-close-small:after{
    background-color:#FFF;
}
.filter-item{
    padding-right:5px;
    padding-left:5px;
}
#acilis{
    width:100%;
    max-width:600px;
}
#acilis img{
    width:100%;
}
#acilis button{
    float:right;
    margin-top:20px;
}
/*******POBOL BİTTİ*****/
.block{
    float:left;
    padding:120px 0;
    position:relative;
    width:100%;
}
.sec-box{
    margin:0 auto;
    max-width:1300px;
    width:100%;
    padding:50px 45px;
    float:left;
}
.less-spacing,
.block.less-spacing{padding:70px 0;}
.top-padd80,
.block.top-padd80{padding-top:80px;}
.block.top-padd30{padding:30px;}
.bottom-padd80,
.block.bottom-padd80{padding-bottom:80px;}
.top-padd140,
.block.top-padd140{padding-top:140px;}
.bottom-padd140,
.block.bottom-padd140{padding-bottom:140px;}
.top-padd210,
.block.top-padd210{padding-top:210px;}
.bottom-padd210,
.block.bottom-padd210{padding-bottom:210px;}
.remove-gap,
.block.remove-gap{padding-top:0;}
.remove-bottom,
.block.remove-bottom{padding-bottom:0;}
.no-padding,
.block.no-padding{padding:0;}
.orange-bg{background-color:#e8511c;}
.dark-red-bg,
form.dark-red-bg{background-color:#c33332;}
.gray-bg{background-color:#f6f6f6;}
.gray-bg2{background-color:#fbfbfb;}
.dark-bg{background-color:#1b1b1b;}
.overlape-110,
.overlape-45,
.overlape-95{
    margin-top:-110px;
    position:relative;
}
.black-bg{background:#272727;}
.overlape-45{margin-top:-45px;}
.overlape-95{margin-top:-95px;}
.sec-wrapper{
    float:left;
    width:100%;
}
.margin-bottom{
    margin-bottom:-100px;
}
.less-btm-margin{margin-bottom:0;}
.container{
    padding:0;
    max-width:1170px;
}
.mrg{margin:0;}
.mrg > div,
.mrg > div.masonry,
.mrg5 > div.masonry,
.mrg10 > div.masonry,
.mrg15 > div.masonry,
.mrg20 > div.masonry,
.mrg > div.masonry > div{padding:0;}
.mrg5{margin:0 -2.5px;}
.mrg5 > div,
.mrg5 > div.masonry > div{padding:0 2.5px;}
.mrg10{margin:0 -5px;}
.mrg10 > div,
.mrg10 > div.masonry > div{padding:0 5px;}
.mrg15{margin:0 -7.5px;}
.mrg15 > div,
.mrg15 div.masonry > div{padding:7.5px;}
.mrg20{margin:0 -10px;}
.mrg20 > div,
.mrg20 > div.masonry > div{padding:0 10px;}
.masonry{width:100%;}
.top-brd2{border-top:2px solid #fbfbfb;}
.bottom-brd2{border-bottom:2px solid #fbfbfb;}
.remove-ext,
.remove-ext2,
.remove-ext3,
.remove-ext4,
.remove-ext5{
    display:inline-block;
    margin-bottom:-30px;
}
.remove-ext2{margin-bottom:-20px;}
.remove-ext3{margin-bottom:-10px;}
.remove-ext4{margin-bottom:-15px;}
.remove-ext5{margin-bottom:-60px;}
.fixed-bg,
.fit-bg{
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-2;
    background-position:center center;
    background-repeat:repeat;
}
.full-height{
    height:100vh;
}
.fixed-bg{
    background-attachment:fixed !important;
}
.blackish:before,
.whitish:before,
.grayish:before,
.blackish2:before,
.red-bg-layer:before,
.yellow-bg-layer:before{
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
}
.whitish:before{background-color:#fff;}
.grayish:before{background-color:#fafafa;}
.blackish:before{background-color:#000000;}
.blackish2:before{background-color:#323232;}
.high-opacity:before{opacity:.95;}
.medium-opacity:before{opacity:.8;}
.low-opacity:before{opacity:.7;}
.opac35:before{opacity:.35;}
.opac50:before{opacity:.5;}
.opc98:before{opacity:.98;}
iframe{
    border:0;
    float:left;
    width:100%;
}
img{
    max-width:100%;
    vertical-align:middle;
}
.title1-wrapper .text-white,
.title1-wrapper.text-white h2{
    color:#fff;
}
.title1-wrapper > i{
    display:inline-block;
    margin-right:15px;
    vertical-align:middle;
    width:70px;
}
.filters-wrapper .title1-inner{
    display:inline-block;
    vertical-align:middle;
    width:84% !important;
}
/*===== Social Media Offical Colors =====*/
a.facebook,
a.facebook-clr:hover{
    background:#3b5998;
    border-color:#3b5998;
}
a.facebook-clr,
a.facebook:hover{
    border-color:#3b5998;
    color:#3b5998;
}
a.twitter,
a.twitter-clr:hover{
    background:#55acee;
    border-color:#55acee;
}
a.twitter-clr,
a.twitter:hover{
    border-color:#55acee;
    color:#55acee;
}
a.google,
a.google-clr:hover{
    background:#dd4b39;
    border-color:#dd4b39;
}
a.google-clr,
a.google:hover{
    border-color:#dd4b39;
    color:#dd4b39;
}
a.linkedin,
a.linkedin-clr:hover{
    background:#0976b4;
    border-color:#0976b4;
}
a.linkedin-clr,
a.linkedin:hover{
    border-color:#0976b4;
    color:#0976b4;
}
a.pinterest,
a.pinterest-clr:hover{
    background:#cc2127;
    border-color:#cc2127;
}
a.pinterest-clr,
a.pinterest:hover{
    border-color:#cc2127;
    color:#cc2127;
}
a.youtube,
a.youtube-clr:hover{
    background:#e52d27;
    border-color:#e52d27;
}
a.youtube-clr,
a.youtube:hover{
    border-color:#e52d27;
    color:#e52d27;
}
a.tumblr,
a.tumblr-clr:hover{
    background:#293b52;
    border-color:#293b52;
}
a.tumblr-clr,
a.tumblr:hover{
    border-color:#293b52;
    color:#293b52;
}
a.dribbble,
a.dribbble-clr:hover{
    background:#d75281;
    border-color:#d75281;
}
a.dribbble-clr,
a.dribbble:hover{
    border-color:#d75281;
    color:#d75281;
}
a.reddit,
a.reddit-clr:hover{
    background:#000;
    border-color:#000;
}
a.reddit-clr,
a.reddit:hover{
    border-color:#000;
    color:#000;
}
a.rss,
a.rss-clr:hover{
    background:#fd9f13;
    border-color:#fd9f13;
}
a.rss-clr,
a.rss:hover{
    border-color:#fd9f13;
    color:#fd9f13;
}
a.github,
a.github-clr:hover{
    background:#1f76b6;
    border-color:#1f76b6;
}
a.github-clr,
a.github:hover{
    border-color:#1f76b6;
    color:#1f76b6;
}
a.vimeo,
a.vimeo-clr:hover{
    background:#44bbff;
    border-color:#44bbff;
}
a.vimeo-clr,
a.vimeo:hover{
    border-color:#44bbff;
    color:#44bbff;
}
a.instagram,
a.instagram-clr:hover{
    background:#8a3ab9;
    border-color:#8a3ab9;
}
a.instagram-clr,
a.instagram:hover{
    border-color:#8a3ab9;
    color:#8a3ab9;
}
a.skype,
a.skype-clr:hover{
    background:#00aff0;
    border-color:#00aff0;
}
a.skype-clr,
a.skype:hover{
    border-color:#00aff0;
    color:#00aff0;
}
/*===== Cross Browser Compatibility =====*/
a,
input,
button,
textarea,
:before,
:after,
.owl-nav > div,
.owl-dots > div,
.restaurants-wrapper > li,
.popular-dish-thumb > a img,
.news-btns,
nav ul ul,
.chosen-results > li,
.featured-restaurant-box,
.toggle-item,
.toggle-item > h4,
.toggle-item > h4 i,
.rating-box > span,
.switch-slider,
.rate-share,
.newsletter-popup-wrapper,
.gallery-info-btns,
.gallery-bx > h3,
.ingradient-list,
.log-popup,
.sign-popup,
label,
.topbar,
.logo,
.logo > h1 img,
nav > div > ul > li,
nav > div > ul > li span,
.responsive-logomenu > span,
.responsive-menu > span,
.responsive-menu,
.your-order-popup,
.payment-popup-wrapper{
    -webkit-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
}
nav > div > ul > li:before,
.select-wrp .chosen-container-single .chosen-single::before,
.input-field > i,
.top-restaurants-carousel .owl-dots,
.featured-restaurant-carousel .owl-nav > div,
.blog-detail-gallery-carousel .owl-nav > div{
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.title2-wrapper.text-center > .sudo-bottom::before,
.step-box > i span{
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.brd-rd50,
.restaurants-wrapper.style2 > li::before,
.radio-box [type="radio"]:checked + label:before,
.radio-box [type="radio"]:not(:checked) + label:before,
.radio-box [type="radio"]:checked + label:after,
.radio-box [type="radio"]:not(:checked) + label:after,
.check-box [type="checkbox"]:checked + label:before,
.check-box [type="checkbox"]:not(:checked) + label:before,
.check-box [type="checkbox"]:checked + label:after,
.check-box [type="checkbox"]:not(:checked) + label:after,
.review-form:before,
.switch-slider.brd-rd30:before,
.booking-table > table tbody td h5:before,
.profile-info > a.change-password::before{
    -webkit-border-radius:50%;
    border-radius:50%;
}
.brd-rd40{
    -webkit-border-radius:40px;
    border-radius:40px;
}
.brd-rd30{
    -webkit-border-radius:30px;
    border-radius:30px;
}
.brd-rd12{
    -webkit-border-radius:12px;
    border-radius:12px;
}
.brd-rd8{
    -webkit-border-radius:8px;
    border-radius:8px;
}
.brd-rd5{
    -webkit-border-radius:5px;
    border-radius:5px;
}
.brd-rd4{
    -webkit-border-radius:4px;
    border-radius:4px;
}
.brd-rd3{
    -webkit-border-radius:3px;
    border-radius:3px;
}
.brd-rd2,
.featured-restaurant-carousel .owl-nav > div,
.sudo-bottom:before,
.select-wrp2 .chosen-container > a{
    -webkit-border-radius:2px;
    border-radius:2px;
}
.brd-rd0{
    -webkit-border-radius:0;
    border-radius:0;
}
/*===== Project Style =====*/
/*===== Chosen Container Style =====*/
.chosen-container{width:100% !important;}
/*===== Header =====*/
header{
    float:left;
    width:100%;
    z-index:999;
    position:relative;
    -webkit-box-shadow:0 4px 2px rgba(0, 0, 0, .18);
    -ms-box-shadow:0 4px 2px rgba(0, 0, 0, .18);
    -o-box-shadow:0 4px 2px rgba(0, 0, 0, .18);
    box-shadow:0 4px 2px rgba(0, 0, 0, .18);
}
.topbar{
    background-color:#161616;
    float:left;
    width:100%;
    height:46px;
}
.select-wrp{
    float:left;
    position:relative;
}
.select-wrp + .select-wrp{
    padding-left:20px;
    margin-left:20px;
    border-left:1px solid rgba(229, 229, 229, .2);
}
.select-wrp .chosen-container-single .chosen-single{
    background:no-repeat;
    border:0;
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    height:auto;
    line-height:46px;
    font-size:10px;
    color:#fff;
    font-family:Poppins;
    font-weight:500;
    position:relative;
    padding-left:0;
    padding-right:28px;
}
.select-wrp .chosen-container-single .chosen-single:before{
    content:"\f0d7";
    position:absolute;
    right:0;
    top:50%;
    font-family:fontawesome;
    font-size:12px;
    color:#fff;
}
.select-wrp .chosen-container-single .chosen-single div{display:none !important;}
.select-wrp .chosen-container-single .chosen-single > span{margin-right:0 !important;}
.select-wrp .chosen-container-active .chosen-single::before{content:"\f0d8";}
.topbar-register{
    float:right;
    font-size:12px;
    font-family:Poppins;
    font-weight:500;
    color:#fff;
    padding:15px 0 14px 40px;
    border-left:1px solid rgba(229, 229, 229, .2);
    margin-left:35px;
}
.select-wrp .chosen-container-single .chosen-drop{
    -webkit-box-shadow:4px 4px 0 rgba(0, 0, 0, .38);
    -ms-box-shadow:4px 4px 0 rgba(0, 0, 0, .38);
    -o-box-shadow:4px 4px 0 rgba(0, 0, 0, .38);
    box-shadow:4px 4px 0 rgba(0, 0, 0, .38);
    -webkit-border-radius:0;
    border-radius:0;
    margin:0;
    border:0;
    width:190px;
}
.select-wrp .chosen-container-single .chosen-drop > ul li{
    font-size:12px;
    font-family:Poppins;
    font-weight:600;
    color:#2d2d2d;
    border-bottom:1px solid #ededed;
    padding:5px 0;
    float:left;
    width:100%;
}
.select-wrp .chosen-container-single .chosen-drop > ul li:last-child{border-bottom:0;}
.select-wrp .chosen-container-single .chosen-drop > ul{
    margin:0;
    padding:10px 20px;
}
.select-wrp .chosen-container-single .chosen-drop > ul li.result-selected,
.select-wrp .chosen-container-single .chosen-drop > ul li.highlighted,
.select-wrp .chosen-container-single .chosen-drop > ul li:hover,
.select-wrp2 .chosen-container-single .chosen-drop > ul li.result-selected,
.select-wrp2 .chosen-container-single .chosen-drop > ul li.highlighted,
.select-wrp2 .chosen-container-single .chosen-drop > ul li:hover{
    background-color:transparent;
    background-image:none;
}
.select-wrp2 .chosen-container-single .chosen-drop > ul li.result-selected,
.select-wrp2 .chosen-container-single .chosen-drop > ul li.highlighted,
.select-wrp2 .chosen-container-single .chosen-drop > ul li:hover{color:#fff;}
/*===== Topbar Social =====*/
.social1{
    float:right;
    margin-top:11px;
}
.social1 > a{
    font-size:18px;
    color:#b3b3b3;
    float:left;
}
.social1 > a + a{margin-left:15px;}
.logo-menu-sec{
    float:left;
    width:100%;
    background-color:#fff;
}
.logo{
    float:left;
    width:100%;
    max-width:20%;
    margin:26px 0;
}
.logo > h1{margin:0;}
nav{
    float:left;
    width:100%;
    max-width:80%;
}
.menu-sec{
    float:left;
    width:100%;
}
nav > div > ul{
    float:left;
    padding-left:0;
    list-style:none;
    margin-bottom:0;
}
nav > div > ul > li{
    color:#333;
    float:left;
    font-family:poppins;
    font-size:18px;
    font-weight:600;
    margin-right:35px;
    padding:32px 35px 32px 0;
    position:relative;
}
nav > div > ul > li span{
    font-size:12px;
    display:block;
    font-weight:normal;
    margin-bottom:5px;
}
nav > div > ul > li:last-child{
    margin-right:0;
    padding-right:0;
}
nav > div > ul > li:before{
    content:"";
    width:1px;
    height:42px;
    background-color:#d8d7d7;
    position:absolute;
    right:0;
    top:50%;
}
nav > div > ul > li:last-child:before{display:none;}
.menu-sec > a{
    color:#fff;
    float:right;
    font-size:12px;
    font-weight:600;
    margin-top:33px;
    padding:14px 38px;
}
.menu-sec > a:hover{color:#000;}
.menu-sec > a:focus{color:#fff;}
/*=== DropDown =====*/
nav ul ul{
    position:absolute;
    top:100%;
    left:0;
    -webkit-border-radius:0 0 4px 4px;
    border-radius:0 0 4px 4px;
    background-color:#fff;
    padding-left:0;
    list-style:none;
    margin-bottom:0;
    -webkit-box-shadow:4px 4px 9px rgba(0, 0, 0, 0.2);
    -ms-box-shadow:4px 4px 9px rgba(0, 0, 0, 0.2);
    -o-box-shadow:4px 4px 9px rgba(0, 0, 0, 0.2);
    box-shadow:4px 4px 9px rgba(0, 0, 0, 0.2);
    min-width:215px;
    padding:15px 20px;
    opacity:0;
    visibility:hidden;
    z-index:1;
}
nav ul ul ul{
    left:100%;
    top:0;
}
nav > div ul > li.menu-item-has-children:hover > ul{
    opacity:1;
    visibility:visible;
}
nav ul ul li{
    font-size:13px;
    font-weight:600;
    color:#2d2d2d;
    font-family:Poppins;
    border-bottom:1px solid #dedede;
    float:left;
    width:100%;
    position:relative;
}
nav ul ul.img-icon li a{
    float:left;
    width:100%;
    padding:9px 0 9px 40px;
    position:relative;
}
nav ul ul li a{
    float:left;
    width:100%;
    padding:9px 0;
    position:relative;
}
nav ul ul li a i{
    position:absolute;
    left:0;
}
nav ul ul.img-icon li a i{
    background-image:url(../images/menu-strip.png);
    background-repeat:no-repeat;
    height:27px;
    width:27px;
}
nav ul ul.img-icon li:first-child > a i{background-position:0 2px;}
nav ul ul.img-icon li:nth-child(2) > a i{background-position:0 -44px;}
nav ul ul.img-icon li:nth-child(3) > a i{background-position:0 -87px;}
nav ul ul.img-icon li:nth-child(4) > a i{background-position:0 -130px;}
nav ul ul.img-icon li:nth-child(5) > a i{background-position:0 -170px;}
nav ul ul li:last-child{border-bottom:0;}
/*===== Sticky header =====*/
header.stick{
    position:fixed;
    top:0;
    left:0;
}
header.sticky .topbar{
    height:0;
    opacity:0;
    visibility:hidden;
}
header.sticky .logo{margin:15px 0;}
header.sticky .logo > h1 img{max-width:50%;}
header.sticky nav > div > ul > li{
    padding:18px 35px 18px 0;
    font-size:17px;
}
header.sticky .menu-sec > a{margin-top:19px;}
header.sticky nav > div > ul > li span{font-size:11px;}
/*===== Responsive Header =====*/
.responsive-header{
    float:left;
    display:none;
    width:100%;
}
.responsive-topbar{
    float:left;
    width:100%;
    padding:0 20px;
    background:#000;
}
.responsive-topbar .select-wrp{width:48%;}
.responsive-topbar .select-wrp .chosen-container-single .chosen-single{line-height:35px;}
.responsive-logomenu{
    float:left;
    width:100%;
    background-color:#0d0d0d;
    padding:0 20px;
}
.responsive-logomenu .logo{margin:7px 0;}
.responsive-logomenu .logo img{max-width:35%;}
.responsive-logomenu > span{
    float:right;
    cursor:pointer;
    line-height:30px;
    width:30px;
    text-align:center;
    font-size:14px;
    margin:22px 0;
}
.responsive-logomenu > span.yellow-bg:hover{color:#fff;}
.responsive-logomenu > span.red-bg:hover{color:#333;}
.responsive-menu{
    position:fixed;
    top:0;
    right:-320px;
    bottom:0;
    z-index:9;
    background-color:#111;
    width:320px;
    padding:80px 30px 30px;
    opacity:0;
    visibility:hidden;
}
.responsive-menu.slidein{
    right:0;
    opacity:1;
    visibility:visible;
}
.responsive-menu > span{
    cursor:pointer;
    color:#fff;
}
.responsive-menu > span.yellow-bg:hover{color:#fff;}
.responsive-menu > span.red-bg:hover{color:#333;}
.responsive-menu > span{
    line-height:30px;
    width:30px;
    text-align:center;
    position:absolute;
    font-size:13px;
    right:20px;
    top:20px;
    cursor:pointer;
}
.menu-lst{
    float:left;
    width:100%;
    margin-bottom:55px;
}
.menu-lst > ul{
    padding-left:0;
    list-style:none;
    margin-bottom:0;
    float:left;
    width:100%;
}
.menu-lst > ul li{
    float:left;
    width:100%;
    font-family:Poppins;
    color:#fff;
    font-size:18px;
    position:relative;
}
.menu-lst > ul li a span{
    display:block;
    font-size:12px;
}
.menu-lst > ul ul li{
    font-size:14px;
    margin:3px 0;
    color:#f6f6f6;
}
.menu-lst > ul ul{
    list-style:none;
    padding-left:20px;
    margin:5px 0;
    float:left;
    width:100%;
    display:none;
}
.menu-lst > ul > li{
    margin-bottom:20px;
    padding-bottom:15px;
}
.menu-lst > ul > li:before{
    content:"";
    width:43px;
    height:1px;
    position:absolute;
    bottom:0;
    background-color:rgba(255, 255, 255, .3);
}
.menu-lst > ul > li:last-child{
    margin-bottom:0;
    padding-bottom:0;
}
.menu-lst > ul > li:last-child:before{display:none;}
.responsive-menu .topbar-register{
    float:left;
    border-left:0;
    color:#a8a8a8;
    font-size:12px;
    padding:0;
    margin:0;
}
.responsive-menu .social1 > a{
    color:#c9c9c9;
    font-size:13px;
}
.responsive-menu .social1 > a + a{margin-left:10px;}
.responsive-menu .social1{
    margin:0 0 0 25px;
    float:left;
}
.register-btn{
    float:left;
    width:100%;
    margin-top:55px;
}
.register-btn > a{
    font-size:12px;
    color:#2a2a2a;
    font-family:Poppins;
    padding:11px 25px 10px;
    display:inline-block;
}
.register-btn > a.red-bg:hover{color:#333;}
.register-btn > a.yellow-bg:hover{color:#fff;}
/*===== Restaurant Searching Section =====*/
.funfacts .row > div{
    width:23%;
}
.restaurant-searching{
    float:left;
    width:100%;
    padding:0 100px 100px;
}
.restaurant-searching-inner{
    display:inline-block;
    max-width:992px;
    width:100%;
}
.restaurant-searching-inner > h2{
    font-family:Poppins;
    color:#fff;
    font-size:50px;
    max-width:70%;
    display:inline-block;
    line-height:55px;
    margin-bottom:0;
    font-weight:700;
    -webkit-text-shadow:0 5px 0 rgba(0, 0, 0, .38);
    -ms-text-shadow:0 5px 0 rgba(0, 0, 0, .38);
    -o-text-shadow:0 5px 0 rgba(0, 0, 0, .38);
    text-shadow:0 5px 0 rgba(0, 0, 0, .38);
}
.restaurant-searching-inner > h2 span{
    font-family:Great Vibes;
    font-size:60px;
    font-weight:normal;
}
.restaurant-search-form{
    display:inline-block;
    margin:40px auto 0;
    width:100%;
    padding:18px;
    -webkit-box-shadow:0 5px 0 rgba(0, 0, 0, 0.38);
    -ms-box-shadow:0 5px 0 rgba(0, 0, 0, 0.38);
    -o-box-shadow:0 5px 0 rgba(0, 0, 0, 0.38);
    box-shadow:0 5px 0 rgba(0, 0, 0, 0.38);
}
.input-field,
.textarea-field{
    float:left;
    width:100%;
    background-color:#fff;
    position:relative;
    height:52px;
    text-align:left;
}
.input-field > input,
.textarea-field > textarea{
    height:100%;
    padding:15px 38px;
    font-size:11.7px;
    font-family:lato;
    color:#a2a2a2;
    width:100%;
}
.input-field > i,
.textarea-field > i{
    color:#a2a2a2;
    position:absolute;
    top:50%;
    font-size:10.8px;
}
.input-field > i.fa-map-marker{left:25px;}
.input-field > i.fa-location-arrow{
    color:#c7c7c7;
    right:25px;
}
.restaurant-search-form button{
    color:#fff;
    font-weight:700;
    font-family:Poppins;
    padding:15.9px 20px;
    width:100%;
    font-size:13.5px;
    text-align:center;
}
.restaurant-search-form button:hover{background:#fff !important; color:#2a2a2a;}
.restaurant-search-form button:focus{color:#2a2a2a;}
.funfacts{
    display:inline-block;
    margin:20px auto 0 0;
    width:100%;
}
.fact-box{
    float:left;
    width:100%;
    text-align:center;
    margin-top:30px;
}
.fact-box > i{
    background-color:#fff;
    display:inline-block;
    height:82px;
    line-height:82px;
    margin-right:10px;
    text-align:center;
    vertical-align:middle;
    width:82px;
}
.fact-inner{
    display:inline-block;
    vertical-align:middle;
    width:50%;
    text-align:left;
}
.fact-inner > strong{
    color:#fff;
    font-family:Poppins;
    font-size:30px;
}
.fact-inner > h5{
    color:#aeaeae;
    display:inline-block;
    font-size:15px;
    margin-bottom:0;
    margin-top:0;
    width:100%;
}
.left-building-mockup{
    position:absolute;
    left:0;
    bottom:0;
    opacity:.1;
}
.right-building-mockup{
    position:absolute;
    right:0;
    bottom:0;
    opacity:.1;
}
.left-scooty-mockup{
    position:absolute;
    left:-50px;
    bottom:-120px;
    z-index:3;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .6s linear;
    -ms-transition:all .6s linear;
    -o-transition:all .6s linear;
    transition:all .6s linear;
}
.left-scooty-mockup.easein{
    left:0;
    opacity:1;
    visibility:visible;
}
.bottom-clouds-mockup{
    position:absolute;
    bottom:-40px;
    left:0;
    right:0;
    width:100%;
}
/*===== Title Style 1 =====*/
.title1-wrapper{
    float:left;
    width:100%;
    margin-bottom:35px;
}
.title1-wrapper .title1-inner > h2{margin-bottom:0;}
.title1-inner{
    display:inline-block;
    max-width:55%;
    vertical-align:middle;
}
.title1-inner span{
    display:inline-block;
    width:100%;
    font-family:Great Vibes;
    font-size:24px;
    margin-bottom:10px;
    letter-spacing:0.5px;
}
.title1-inner > h2,
.title1-inner > h3{
    color:#222;
    display:inline-block;
    font-family:Poppins;
    font-size:40px;
    font-weight:bold;
    margin-bottom:20px;
    margin-top:0;
    text-transform:uppercase;
    width:100%;
}
.title1-inner > h3{font-size:33px;}
.title1-inner > p{
    color:#6f6f6f;
    display:inline-block;
    font-size:16px;
    margin-bottom:0;
    width:100%;
    line-height:24px;
}
/*===== Top Restaurants Section =====*/
.top-restaurants-carousel-wrapper{
    float:left;
    width:100%;
}
.top-restaurants-carousel{
    float:left;
    width:100%;
}
.restaurants-wrapper{
    float:left;
    width:100%;
    padding:0 30px;
    list-style:none;
    margin:0;
}
.restaurants-wrapper > li{
    float:left;
    padding:0;
    position:relative;
    width:16.6%;
    z-index:1;
}
.top-restaurant{
    float:left;
    text-align:center;
    width:100%;
}
.top-restaurant > a{
    background-color:#fff;
    display:inline-block;
    height:155px;
    line-height:155px;
    margin-bottom:0;
    width:100%;
    overflow:hidden;
}
.top-restaurant > a img{
    transition:all 0.2s linear 0s;
}
.top-restaurant > a:hover img{
    transform:scale(0.8);
}
.restaurants-wrapper.style2 .top-restaurant > a{
    border:3px solid #f1f1f1;
    box-shadow:0 11px 0 0 rgba(0, 0, 0, 0.02);
    height:155px;
    line-height:150px;
    width:155px;
}
.top-restaurant > a img{
    width:auto !important;
    display:inline-block !important;
    transform:scale(0.75);
}
.top-restaurants-carousel .owl-dots{
    position:absolute;
    left:-50px;
    top:50%;
}
.top-restaurants-carousel .owl-dots > div{
    height:25px;
    width:25px;
    position:relative;
    z-index:1;
    margin-bottom:9px;
}
.top-restaurants-carousel .owl-dots > div.active{margin-bottom:13px;}
.top-restaurants-carousel .owl-dots > div:before,
.top-restaurants-carousel .owl-dots > div:after{
    bottom:0;
    content:"";
    position:absolute;
    height:20px;
    width:20px;
    left:2px;
    transform:rotate(45deg);
}
.top-restaurants-carousel .owl-dots > div:before{
    background-color:#fff;
    border:2px solid #f1f1f1;
    z-index:1;
}
.top-restaurants-carousel .owl-dots > div:after{
    background-color:#f1f1f1;
    opacity:0;
    z-index:-1;
}
.top-restaurants-carousel .owl-dots > div.active:after{
    bottom:-6px;
    opacity:1;
}
/*===== Title Style 2 =====*/
.title2-wrapper{
    float:left;
    width:100%;
    margin-bottom:50px;
}
.title2-wrapper > h2,
.title2-wrapper > h3{
    font-family:Poppins;
    color:#5d2a2a;
    font-size:40px;
    margin-bottom:10px;
    position:relative;
    margin-top:0;
}
.title2-wrapper > h3{font-size:33px;}
.title2-wrapper > .sudo-bottom{
    padding-bottom:18px;
    margin-bottom:0;
}
.title2-wrapper > .sudo-bottom:before{
    content:"";
    height:5px;
    width:30px;
    position:absolute;
    bottom:0;
    left:0;
}
.title2-wrapper > .sudo-width35:before{width:35px;}
.title2-wrapper > .sudo-width45:before{width:45px;}
.title2-wrapper > .sudo-width70:before{width:70px;}
.title2-wrapper.text-center > .sudo-bottom:before{left:50%;}
.blackish .title1-wrapper > h2,
.blackish .title1-wrapper > h3,
.blackish .title2-wrapper > h2,
.blackish .title2-wrapper > h3,
.red-bg-layer .title1-wrapper > h2,
.red-bg-layer .title1-wrapper > h3,
.red-bg-layer .title2-wrapper > h2,
.red-bg-layer .title2-wrapper > h3{color:#fff;}
h2.marginb-0,
h3.marginb-0{margin-bottom:0;}
/*===== Popular Dishes Section =====*/
.popular-dish-box{
    float:left;
    width:100%;
    margin-bottom:50px;
}
.popular-dish-thumb{
    float:left;
    width:100%;
    position:relative;
}
.popular-dish-thumb > a{
    float:left;
    width:100%;
    position:relative;
    overflow:hidden;
}
.popular-dish-thumb > a:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    background-color:#000;
    z-index:1;
}
.popular-dish-box:hover .popular-dish-thumb > a::before{opacity:.2;}
.popular-dish-box:hover .popular-dish-thumb > a img{
    -webkit-transform:rotate(3deg) scale(1.08);
    -ms-transform:rotate(3deg) scale(1.08);
    -o-transform:rotate(3deg) scale(1.08);
    transform:rotate(3deg) scale(1.08);
}
.post-rate{
    position:absolute;
    right:20px;
    top:20px;
    font-size:11px;
    color:#fff;
    font-family:Poppins;
    font-weight:700;
    padding:6px 10px;
    z-index:1;
}
.popular-dish-thumb span.likes{
    background:#191919 none repeat scroll 0 0;
    border-radius:4px;
    bottom:20px;
    color:#fff;
    font-family:lato;
    font-size:12px;
    font-weight:bold;
    padding:8px 10px;
    position:absolute;
    right:20px;
}
.post-rate > i{
    font-size:12px;
}
.post-likes{
    position:absolute;
    bottom:20px;
    right:20px;
    background-color:#191919;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    font-family:lato;
    padding:8px 9px;
    z-index:1;
}
.popular-dish-info{
    background:#f9f9f9 none repeat scroll 0 0;
    float:left;
    padding:30px 33px;
    width:100%;
}
.popular-dish-info > h4{
    font-size:18px;
    font-weight:700;
    margin-bottom:12px;
    margin-top:0;
}
.popular-dish-info > p{
    margin-bottom:34px;
    color:#636363;
    line-height:24px;
    font-family:lato;
    display:inline-block;
    width:100%;
}
.price{
    float:left;
    font-size:25px;
    font-family:Poppins;
    color:#1e1e1e;
    font-weight:bold;
}
.popular-dish-info .price{line-height:37px;}
.popular-dish-info > a{
    background-color:#272727;
    border:1px solid transparent;
    color:#fff;
    float:right;
    font-size:12px;
    font-weight:bold;
    padding:8px 20px;
    text-transform:uppercase;
}
.restaurant-info{
    border-top:1px solid #e2e2e2;
    float:left;
    margin-top:33px;
    padding-top:17px;
    width:100%;
}
.restaurant-info > img{
    display:inline-block;
    margin-right:0;
    vertical-align:middle;
}
.restaurant-info-inner{
    display:inline-block;
    vertical-align:middle;
}
.restaurant-info-inner > h6{
    color:#636363;
    font-family:poppins;
    font-size:15px;
    font-weight:500;
    line-height:19px;
    margin:3px 0 0;
}
.restaurant-info-inner > span{
    font-family:Poppins;
    font-size:12px;
}
/*===== Featured Restaurant Section =====*/
.featured-restaurants-wrapper{
    float:left;
    width:100%;
}
.featured-restaurants-list{
    float:left;
    width:100%;
}
.featured-restaurant-box{
    padding-top:22px;
    margin-top:22px;
    border-top:1px solid #f5f5f5;
    position:relative;
    display:table;
    width:100%;
    background-color:#ffffff;
}
.filters-inner.style2 .featured-restaurant-box .featured-restaurant-info > h4{
    margin-bottom:15px;
    width:100%;
}
.filters-inner.style2 .featured-restaurant-box .featured-restaurant-info .price{
    margin-right:20px;
    text-align:left;
    width:auto;
}
.featured-restaurants-list .featured-restaurant-box:first-child{
    margin-top:0;
    padding-top:0;
}
.featured-restaurants-list .featured-restaurant-box:first-child .post-rate{
    top:25px;
}
.filters-inner.style2 .masonry > div:first-child .featured-restaurant-box,
.filters-inner.style2 .masonry > div:nth-child(2) .featured-restaurant-box{
    border-top:0;
    margin-top:0;
    padding-top:0;
}
.featured-restaurants-list .featured-restaurant-box:first-child{
    border-top:0;
}
.featured-restaurant-box > *{
    display:table-cell;
    vertical-align:middle;
}
.featured-restaurant-thumb{width:200px; height:200px;
    border-radius:100%;
    overflow:hidden;
}
.featured-restaurant-thumb img{
    max-height:100%;
    height:100%;
    width:100%;
    object-fit:cover;}
.featured-restaurant-info{padding:0 15px;}
.featured-restaurant-info > span.red-clr{
    display:block;
    font-family:Poppins;
    font-weight:400;
    font-size:12px;
    letter-spacing:0.2px;
}
.featured-restaurant-info > h4{
    display:inline-block;
    float:left;
    font-size:18px;
    font-weight:600;
    margin:10px 0 19px;
    width:100%;
}
.featured-restaurant-info .price{
    display:inline-block;
    text-align:left;
    vertical-align:middle;
}
.featured-restaurant-info > p{
    color:#636363;
    font-size:14px;
    margin-bottom:0;
}
.post-meta{
    display:inline-block;
    float:none;
    line-height:32px;
    list-style:outside none none;
    margin:0;
    padding-left:50px;
    width:150px;
    text-align:right;
}
.post-meta > li{
    display:inline-block;
    margin-right:15px;
    font-size:12px;
    color:#636363;
    letter-spacing:-0.3px;
}
.post-meta > li:last-child{margin-right:0}
.post-meta > li i{
    font-size:18px;
    color:#a0a0a0;
    margin-right:5px;
}
.featured-restaurant-info .post-rate{
    position:absolute;
    right:30px;
    top:54px;
}
/*===== Featured Restaurant Gallery & Video =====*/
.featured-restaurant-gallery{
    float:left;
    width:100%;
}
.featured-restaurant-gallery .featured-restaurant-box{
    border-top:0;
    margin-top:0;
}
.featured-restaurant-carousel{
    float:left;
    width:100%;
}
.featured-restaurant-carousel .featured-restaurant-thumb{width:100%;}
.featured-restaurant-carousel .owl-nav{
    position:absolute;
    top:50%;
    left:0;
    right:0;
}
.featured-restaurant-carousel .owl-nav > div{
    line-height:40px;
    width:40px;
    background-color:#f1f1f1;
    position:absolute;
    text-align:center;
    color:#000;
    font-size:20px;
    visibility:hidden;
    opacity:0;
}
.featured-restaurant-carousel .owl-nav > div.owl-prev{left:120px;}
.featured-restaurant-carousel .owl-nav > div.owl-next{right:120px;}
.featured-restaurant-carousel:hover .owl-nav > div.owl-next{right:30px;}
.featured-restaurant-carousel:hover .owl-nav > div.owl-prev{left:30px;}
.featured-restaurant-carousel:hover .owl-nav > div{
    opacity:1;
    visibility:visible;
}
.featured-restaurant-carousel .owl-nav > div:hover{color:#fff;}
.featured-restaurant-gallery .featured-restaurant-box .featured-restaurant-thumb{
    text-align:center;
    width:160px;
}
.featured-restaurant-gallery .featured-restaurant-thumb > a{
    display:table;
    width:88px;
    line-height:75px;
    color:#fff;
    font-size:27px;
    position:relative;
    margin-top:-100px;
    z-index:1;
    margin-left:34px;
}
.video-time{
    text-decoration:underline;
    display:block;
    font-size:13px;
    color:#a0a0a0;
    font-weight:600;
    font-family:Poppins;
    margin-top:5px;
}
.featured-restaurant-gallery .featured-restaurant-info{padding-left:0;}
/*===== Easy Steps Section =====*/
.step-box{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.step-box > i{
    display:inline-block;
    position:relative;
    font-style:normal;
}
.step-box > i span{
    position:absolute;
    color:#fff;
    width:36px;
    line-height:36px;
    font-weight:700;
    font-size:15px;
    left:50%;
    bottom:-13px;
}
.setp-box-inner{
    float:left;
    width:100%;
    margin-top:30px;
}
.setp-box-inner > h4{
    font-size:20px;
    font-weight:700;
    margin-bottom:12px;
}
.blackish .setp-box-inner > h4,
.blackish .setp-box-inner > p{color:#fff;}
.setp-box-inner > p{
    font-size:15px;
    margin-bottom:0;
    display:inline-block;
    max-width:90%;
}
/*===== Most Popular Section =====*/
.filters-wrapper{
    float:left;
    width:100%;
}
.filters-wrapper .title1-inner > h2{
    font-size:32px;
    max-width:100%;
    width:100%;
    margin-bottom:0;
}
.filters-wrapper .title1-wrapper .title1-inner{
    float:none;
    max-width:100%;
    width:100%;
}
.filter-buttons{
    display:inline-block;
    padding-left:0;
    list-style:none;
    margin-bottom:50px;
    width:100%;
    vertical-align:text-bottom;
}
.filter-buttons.ext-btm20{
    margin-bottom:10px;
}
.filter-buttons.right{text-align:right;}
.filter-buttons.center{text-align:center;}
.filter-buttons > li{
    display:inline-block;
    font-size:16px;
    color:#1c1c1c;
    margin-left:10px;
}
.filter-buttons > li a{
    padding:7.5px 20px;
    border:1px solid transparent;
    display:inline-block;
}
.filter-buttons > li a:hover,
.filter-buttons > li a:focus{color:inherit;}
.filters-inner{
    float:left;
    width:100%;
}
.featured-restaurant-box.style2{
    background:#fff none repeat scroll 0 0;
    border:medium none;
    border-radius:3px;
    margin-top:28px;
    padding:30px 20px 40px;
    box-shadow:0px 5px 32px 0px rgba(0, 0, 0, 0.04);
}
.featured-restaurant-box.style2 .featured-restaurant-thumb{
    border-right:1px solid #f1f1f1;
    padding-left:0;
}
.featured-restaurant-box.style2 .featured-restaurant-info .post-meta{
    padding-left:0;
}
.featured-restaurant-box.style2 .featured-restaurant-info{padding-right:40px;}
.featured-restaurant-box.style2 .featured-restaurant-info > h4{
    font-weight:700;
    font-size:20px;
}
.filters-inner.style2 .masonry > div:first-child .featured-restaurant-box .featured-restaurant-info > span.post-rate,
.filters-inner.style2 .masonry > div:nth-child(2) .featured-restaurant-box .featured-restaurant-info > span.post-rate{
    top:25px;
}
.food-types{
    float:left;
    width:100%;
    font-family:Poppins;
    font-weight:700;
    font-size:13px;
    margin-top:8px;
    color:#171717;
    margin-bottom:13px;
}
.food-types > a{
    display:inline-block;
    font-size:11px;
    font-family:poppins;
    font-weight:400;
    color:#171717;
    margin-left:5px;
}
.featured-restaurant-box.style2 .featured-restaurant-info .post-rate{
    position:absolute;
    top:50px;
    margin-top:0;
    right:20px;
}
.featured-restaurant-info .post-likes.style2{
    top:23px;
    bottom:auto;
    padding:0;
    background-color:transparent;
    font-weight:700;
    font-family:lato;
    font-size:15px;
}
.featured-restaurant-info > a{
    background-color:#ececec;
    color:#232323;
    float:left;
    font-family:Poppins;
    font-size:12px;
    font-weight:500;
    letter-spacing:0.2px;
    margin-top:20px;
    padding:10.5px 20px;
    text-transform:capitalize;
}
.featured-restaurant-info > a i{margin-right:5px;}
.featured-restaurant-info > a:hover,
.featured-restaurant-info > a:focus{color:#fff;}
/*===== App Section =====*/
.app-info{
    float:left;
    width:100%;
    margin-left:-25px;
    margin-top:60px;
}
.app-info > h4{
    font-size:25px;
    font-weight:700;
    margin-bottom:10px;
}
.orange-bg .app-info > h4,
.orange-bg .app-info > p,
.red-bg .app-info > h4,
.red-bg .app-info > p{color:#fff;}
.app-info > p{
    font-size:15px;
    line-height:27px;
}
.app-download-btns{
    float:left;
    width:100%;
}
.app-download-btns > a{
    float:left;
    margin-top:16px;
    margin-right:16px;
}
/*===== Footer =====*/
footer{
    float:left;
    width:100%;
}
.footer-data{
    float:left;
    width:100%;
    margin-bottom:-50px;
}
.footer-data .logo{margin-bottom:18px;}
.widget{
    float:left;
    margin-bottom:50px;
    width:100%;
}
.about_widget .logo{
    margin-top:0;
    max-width:100%;
}
.about_widget p{
    float:left;
    width:100%;
    font-size:13px;
    color:#999;
    line-height:26px;
    margin-bottom:6px;
}
.social2{
    display:inline-block;
    text-align:center;
}
.social2 > a{
    display:inline-block;
    margin:10px 4px 0;
    line-height:27px;
    width:27px;
    color:#999;
    background-color:rgba(255, 255, 255, 0.05);
    font-size:12px;
}
.social2 > a:hover{color:#fff;}
.widget-title{
    font-size:18px;
    font-weight:900;
    margin:0 0 20px;
}
.dark-bg .widget-title{color:#fff;}
.widget ul{
    float:left;
    width:100%;
    padding-left:0;
    list-style:none;
    margin-bottom:0;
}
.widget ul li{
    font-size:13px;
    color:#999;
    float:left;
    width:100%;
    position:relative;
    margin-top:12px;
}
.widget ul li a{
    display:inline-block;
    position:relative;
    padding-left:20px;
}
.widget.style2 ul li a ~ span{
    float:right;
    font-family:Poppins;
    color:#535353;
}
.widget ul li a:before{
    content:"\f101";
    font-family:fontawesome;
    position:absolute;
    left:0;
}
.widget ul li a:hover{
    padding-left:25px;
    color:#fff;
}
.sidebar .widget:last-child{
    margin-bottom:0;
}
.get_in_touch ul li{
    position:relative;
    padding-left:30px;
    margin-top:20px;
}
.get_in_touch ul li i{
    position:absolute;
    left:0;
    font-size:18px;
    top:2px;
}
.get_in_touch ul li a{padding-left:0;}
.get_in_touch ul li a:before{display:none;}
.get_in_touch ul li a:hover{padding-left:0;}
.bottom-bar{
    float:left;
    width:100%;
    border-top:1px solid rgba(255, 255, 255, 0.1);
}
.bottom-bar p{
    color:#999;
    margin-bottom:0;
    padding:22px;
    font-weight:700;
    font-size:12px;
}
.widget.about_widget{padding-left:7px;}
/*===== Find Restaurant Section Style 2 =====*/
.restaurant-searching.style2{
    margin-top:0;
    padding:70px 100px 85px;
}
.restaurant-searching.style2 .restaurant-searching-inner{max-width:770px;}
.restaurant-searching.style2 .restaurant-searching-inner > h2{
    font-size:48px;
    max-width:100%;
    text-shadow:none;
    margin-bottom:25px;
    margin-top:0;
}
.restaurant-searching-inner > span{
    color:#fff;
    display:inline-block;
    font-family:great vibes;
    font-size:60px;
    line-height:60px;
    width:100%;
}
.restaurant-search-form2{
    position:relative;
    float:left;
    width:100%;
    margin-top:15px;
}
.restaurant-search-form2 > input{
    font-size:10.8px;
    color:#868686;
    padding:10px 30px;
    height:57px;
    width:84%;
    float:left;
}
.restaurant-search-form2 > button{
    color:#fff;
    font-weight:700;
    font-size:13.5px;
    padding:10px 20px;
    position:absolute;
    right:0;
    max-width:172px;
    width:100%;
    top:0px;
    bottom:0px;
}
/*===== Top Restaurants Section Style 2 =====*/
.top-restaurants-wrapper{
    float:left;
    width:100%;
}
.restaurants-wrapper.style2 > li{
    width:16.667%;
    padding:0 8px;
}
.restaurants-wrapper.style2 > li:before{
    content:"";
    height:52px;
    width:52px;
    background-color:#fff;
    position:absolute;
    right:-25px;
    top:37px;
    z-index:-1;
}
.restaurants-wrapper.style2 > li:last-child:before{display:none;}
/*===== Popular Restaurants Sec Style 2 =====*/
.popular-dish-box.style2 .popular-dish-info{
    -webkit-border-radius:0 0 8px 8px;
    border-radius:0 0 8px 8px;
}
.popular-dish-box.style2 .popular-dish-info > a{
    font-family:Poppins;
    font-weight:500;
}
.popular-dish-box.style2 .popular-dish-info > a.red-bg:hover,
.popular-dish-box.style2 .popular-dish-info > a.yellow-bg:hover,
.popular-dish-box.style2 .popular-dish-info > a.red-bg:focus,
.popular-dish-box.style2 .popular-dish-info > a.yellow-bg:focus{background-color:transparent;}
/*===== Popular Localities Section =====*/
.localities-wrapper{
    float:left;
    width:100%;
}
.localities-inner{
    background-color:#fff;
    box-shadow:0px 0px 92px 0px rgba(0, 0, 0, 0.15);
    margin-bottom:7px;
    position:relative;
    float:left;
    width:100%;
    z-index:1;
    padding:60px 60px 30px;
}
.localities-inner:before{
    content:"";
    background-image:url(../images/locat-bg.png);
    top:0;
    right:0;
    left:0;
    bottom:0;
    position:absolute;
    opacity:.06;
    background-repeat:no-repeat;
    background-position:center right;
    z-index:-1;
}
.locat-list{
    padding:0 15px 0 0;
    list-style:none;
    float:left;
    width:100%;
    margin-bottom:30px;
    border-right:1px solid #e6e6e6;
}
.locat-list > li{
    float:left;
    width:100%;
    position:relative;
    padding-left:25px;
    font-size:15px;
    font-family:Poppins;
    font-weight:500;
    color:#606060;
}
.locat-list > li span{
    font-size:12px;
    color:#b1b1b1;
    float:right;
    width:40%;
}
.locat-list > li + li{margin-top:17px;}
.locat-list > li:before{
    font-family:fontawesome;
    position:absolute;
    left:0;
    content:"\f041";
    font-size:12px;
}
.localities-inner > .row > div:last-child .locat-list{border-right:0;}
/*===== News Update Section =====*/
.news-box{
    float:left;
    margin-bottom:50px;
    width:100%;
    position:relative;
}
.news-thumb{
    float:left;
    width:100%;
    position:relative;
    overflow:hidden;
}
.news-thumb > a{
    float:left;
    width:100%;
    position:relative;
    overflow:hidden;
}
.news-thumb > a:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:#000;
    opacity:0;
}
.news-thumb img{
    width:100%;
    float:left;
}
.news-btns{
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
    height:100%;
    width:100%;
}
.post-date{
    color:#fff;
    font-size:10px;
    font-family:Poppins;
    font-weight:500;
    padding:7.5px 13px 4.5px;
    float:left;
    clear:right;
    position:absolute;
    left:0;
    bottom:0;
}
.read-more{
    float:left;
    clear:both;
    font-family:Poppins;
    font-size:12px;
    color:#000;
    background-color:#f5f5f5;
    font-weight:600;
    padding:9px 10px 7px;
}
.news-box .news-btns a.read-more{
    bottom:26px;
    left:-100px;
    position:absolute;
}
.news-box:hover .news-btns a.read-more{
    left:0;
}
.read-more:hover,
.read-more:focus{color:#000;}
.post-date:hover,
.post-date:focus{color:#fff;}
.news-box:hover .news-thumb > a::before{opacity:.47;}
.news-info{
    float:left;
    width:100%;
    margin-top:25px;
}
.news-info > h4{
    font-size:18px;
    font-weight:600;
    margin-bottom:11px;
    margin-top:0;
}
.news-info > p{
    margin-bottom:0;
    font-size:15px;
    line-height:24px;
    color:#636363;
}
/*===== Page Title Sec =====*/
.page-title-wrapper{
    float:left;
    width:100%;
    position:relative;
    padding:17px 0 21px;
    z-index:1;
}
.page-top-img-mockup{
    position:absolute;
    bottom:-100px;
    opacity:.06;
    z-index:-1;
}
.page-top-img-mockup.left{left:0;}
.page-top-img-mockup.right{right:0;}
.page-title-inner{
    display:inline-block;
    max-width:1000px;
    width:100%;
}
.page-title-inner > h1{
    color:#fff;
    font-family:Poppins;
    font-size:40px;
    font-weight:bold;
    margin-bottom:2px;
    margin-top:0;
}
.red-bg .page-title-inner > h1,
.red-bg .page-title-inner > span{color:#fff;}
.page-title-inner > span{
    font-size:22px;
    color:#fff;
}
/*=== Breadcrumbs =====*/
.bread-crumbs-wrapper{
    float:left;
    width:100%;
}
.breadcrumb{
    float:left;
    width:100%;
    background-color:transparent;
    -webkit-border-radius:0;
    border-radius:0;
    margin-bottom:0;
    padding:24px 0;
}
.breadcrumb > li{
    font-family:Poppins;
    color:#9c9c9c;
    font-size:13px;
}
.breadcrumb > li.breadcrumb-item + li.breadcrumb-item:before{
    color:#9c9c9c;
    font-family:fontawesome;
    content:"\f105";
    padding:0 13px;
}
.breadcrumb > li.active{color:red;}
/*===== Pagination =====*/
.pagination-wrapper{
    float:left;
    width:100%;
    margin-top:70px;
}
.pagination{margin:0;}
.pagination > li{
    background-color:#fff;
    display:inline-block;
    margin:2px;
    line-height:38px;
    font-weight:700;
    font-family:Poppins;
    color:#2d2d2d;
    width:38px;
    vertical-align:middle;
}
.pagination > li a,
.pagination > li span{
    display:block;
    padding:0;
    line-height:36px;
    border-color:transparent;
    color:inherit;
    -webkit-border-radius:2px !important;
    border-radius:2px !important;
    width:100%;
}
.pagination > li.prev a,
.pagination > li.next a{
    width:auto;
    padding:0 20px;
    background-color:#f8f8f8;
}
.pagination > li.prev{
    margin-right:20px;
    font-size:12px;
    width:auto;
}
.pagination > li.next{
    margin-left:20px;
    font-size:12px;
    width:auto;
}
.pagination > li a:hover,
.pagination > li a:focus{color:#fff;}
/*===== Pagination Style 2 =====*/
.tab-pane .pagination-wrapper{margin-top:40px;}
.style2 .pagination > li{
    -webkit-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    -ms-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    -o-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
}
.style2 .pagination > li.prev a,
.style2 .pagination > li.next a{background-color:#434343;}
.style2 .pagination > li.prev,
.style2 .pagination > li.next{color:#fff;}
/*===== Price Table Section =====*/
.white-bg{
    background:#fff none repeat scroll 0 0;
    padding:70px 80px;
}
.price-box{
    float:left;
    width:100%;
    overflow:hidden;
    background-position:right top;
    background-repeat:no-repeat;
    padding-bottom:25px;
    z-index:1;
    position:relative;
    transition:all 0.2s linear 0s;
    margin-bottom:30px;
}
.price-box:hover{
    -webkit-box-shadow:0 5px 13px rgba(0, 0, 0, .13);
    -ms-box-shadow:0 5px 13px rgba(0, 0, 0, .13);
    -o-box-shadow:0 5px 13px rgba(0, 0, 0, .13);
    box-shadow:0 5px 13px rgba(0, 0, 0, .13);
}
.price-header{
    float:left;
    width:100%;
    position:relative;
    z-index:1;
    padding:45px 55px 50px;
}
.price-header:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:40px;
    right:40px;
    z-index:-1;
}
.price-header > h1{
    font-size:60px;
    font-weight:700;
    color:#fff;
    margin-bottom:0;
    margin-top:0;
}
.price-header > h1 sup{
    font-size:24px;
    position:relative;
    top:-24px;
}
.price-header > h6{
    font-size:12px;
    color:#fff;
    font-weight:600;
    margin-bottom:15px;
}
.price-header > h3{
    font-weight:900;
    color:#fff;
    margin-bottom:0;
}
.price-box:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fbfbfb;
    opacity:.96;
    z-index:-1;
}
.price-box.active .price-header:before{height:93%;}
.price-body{
    float:left;
    width:100%;
    padding-left:0;
    list-style:none;
    margin-bottom:25px;
}
.price-body > li{
    float:left;
    width:100%;
    padding:18.5px 20px;
    border-bottom:1px solid #ededed;
    font-size:14px;
    font-family:Poppins;
    color:#353535;
}
.price-box > a{
    display:inline-block;
    font-size:12px;
    color:#fff;
    font-weight:700;
    font-family:Poppins;
    padding:16.5px 40px;
    background-color:#2d2d2d;
}
/*===== Radio Box =====*/
.radio-box [type="radio"]:checked,
.radio-box [type="radio"]:not(:checked){
    position:absolute;
    left:-9999px;
}
.radio-box [type="radio"]:checked + label,
.radio-box [type="radio"]:not(:checked) + label{
    position:relative;
    padding-left:25px;
    cursor:pointer;
    display:inline-block;
    margin-bottom:0;
}
.radio-box [type="radio"]:checked + label:before,
.radio-box [type="radio"]:not(:checked) + label:before{
    content:'';
    position:absolute;
    left:0;
    top:3px;
    width:14px;
    height:14px;
    border:1px solid #d0d0d0;
    background:#fff;
}
.radio-box [type="radio"]:checked + label:after,
.radio-box [type="radio"]:not(:checked) + label:after{
    content:'';
    width:8px;
    height:8px;
    background:red;
    position:absolute;
    top:6px;
    left:3px;
}
.radio-box [type="radio"]:not(:checked) + label:after{
    opacity:0;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.radio-box [type="radio"]:checked + label:after{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
/*===== Check Box =====*/
.check-box [type="checkbox"]:checked,
.check-box [type="checkbox"]:not(:checked){
    position:absolute;
    left:-9999px;
}
.check-box [type="checkbox"]:checked + label,
.check-box [type="checkbox"]:not(:checked) + label{
    position:relative;
    padding-left:25px;
    cursor:pointer;
    display:inline-block;
    margin-bottom:0;
}
.check-box [type="checkbox"]:checked + label:before,
.check-box [type="checkbox"]:not(:checked) + label:before{
    content:'';
    position:absolute;
    left:0;
    top:3px;
    width:14px;
    height:14px;
    border:1px solid #d0d0d0;
    background:#fff;
}
.check-box [type="checkbox"]:checked + label:after,
.check-box [type="checkbox"]:not(:checked) + label:after{
    content:'';
    width:8px;
    height:8px;
    background:red;
    position:absolute;
    top:6px;
    left:3px;
}
.check-box [type="checkbox"]:not(:checked) + label:after{
    opacity:0;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.check-box [type="checkbox"]:checked + label:after{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
/*===== Sidebar Widgets =====*/
.sidebar{
    float:left;
    width:100%;
}
.widget.style2{padding:0;}
.widget-title2{
    float:left;
    width:100%;
    font-size:17px;
    color:#181818;
    font-weight:700;
    position:relative;
    padding-left:20px;
    margin-bottom:18px;
    margin-top:0;
}
.widget-title2:before{
    content:"";
    position:absolute;
    left:0;
    top:4px;
    height:13px;
    width:10px;
}
.widget-data{
    float:left;
    width:100%;
    position:relative;
    background-color:#f9f9f9;
    padding:50px 15px;
    overflow:hidden;
}
.widget-data::before, .widget-data::after{
    background-color:#fff;
    border-radius:10%;
    content:"";
    height:50px;
    position:absolute;
    transform:skewX(74deg) rotate(-4deg);
    width:486px;
}
.widget-data::before{
    left:-90px;
    top:-46px;
}
.widget-data::after{
    bottom:-46px;
    right:-90px;
    top:auto;
}
/*===== Mini Posts Style =====*/
.mini-posts-list{
    float:left;
    width:100%;
}
.mini-post-item{
    float:left;
    width:100%;
    margin:10px 0;
}
.mini-post-item > a{
    float:left;
    margin-right:20px;
}
.mini-post-info{
    display:table;
    margin-top:10px;
}
.mini-post-info > h5{
    font-size:14px;
    color:#232323;
    font-weight:600;
    margin-bottom:6px;
    margin-top:0;
}
.mini-post-data{
    font-size:11px;
    font-family:Poppins;
    float:left;
}
.mini-post-data > i{
    margin-right:3px;
    font-size:12px;
}
/*===== Filter Widget =====*/
.widget.style2 ul{padding:0 15px;}
.widget.style2 ul li{
    color:#535353;
    font-family:Poppins;
    margin-top:0;
}
.widget.style2 ul li + li{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #ededed;
}
/*===== Contact Us Page =====*/
.loc-map{
    width:100%;
    height:420px;
}
.contact-info-sec{margin-top:90px;}
.contact-info-box{
    float:left;
    width:100%;
    padding:20px;
}
.contact-info-box > i{
    font-size:40px;
    color:#999;
    margin-bottom:10px;
}
.contact-info-box > h5{
    font-size:17px;
    font-weight:700;
    color:#333;
    margin-bottom:10px;
}
.contact-info-box > p{
    font-size:13px;
    color:#666;
    margin:0;
    line-height:24px;
    width:100%;
}
.contact-info-sec > .row > div:last-child .contact-info-box{border-right:0;}
/*===== Contact Form =====*/
.contact-form-wrapper{}
.contact-form-inner{
    max-width:960px;
    display:inline-block;
    width:100%;
    margin-top:85px;
}
.contact-info-sec > .row > div{
    border-right:2px solid rgba(204, 204, 204, 0.5);
}
.contact-info-sec > .row > div:last-child{
    border:0 none;
}
.contact-form-inner > h3{
    font-size:30px;
    font-family:Poppins;
    display:inline-block;
    max-width:80%;
    margin-bottom:20px;
    color:#000;
    line-height:36px;
    font-weight:600;
    margin-top:0;
}
.contact-form-inner > form{
    float:left;
    width:100%;
}
.contact-form-inner > form input,
.contact-form-inner > form textarea{
    float:left;
    width:100%;
    font-size:14px;
    color:#999;
    height:56px;
    padding:20px 40px;
    background-color:#f6f6f6;
    margin-top:25px;
}
.contact-form-inner > form textarea{height:210px;}
.g-recaptcha{
    display:inline-block;
    margin-top:25px;
}
.contact-form-inner > form button{
    background-color:#000;
    color:#fff;
    font-weight:700;
    font-size:14px;
    padding:17px 30px;
    display:inline-block;
    margin-top:35px;
}
.contact-form-inner > form img.loader{
    display:none;
    margin-left:10px;
}
#message{
    float:left;
    width:100%;
}
/*===== Restaurants Found Page =====*/
.remove-ext .featured-restaurant-box{margin-bottom:30px;}
.featured-restaurant-box.with-bg{
    background-color:#f9f9f9;
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    border:1px solid rgba(248, 248, 248, .44);
    padding:40px 25px;
    margin-top:0;
}
.featured-restaurant-box.with-bg .featured-restaurant-thumb{
    padding:0 15px 0 0;
    width:60px;
    border-right:1px solid #f8f8f8;
}
.featured-restaurant-box.with-bg .featured-restaurant-info{padding-right:29px;}
.featured-restaurant-box.with-bg:hover{
    -webkit-box-shadow:0px 2px 5px rgba(0, 0, 0, 0.09);
    -ms-box-shadow:0px 2px 5px rgba(0, 0, 0, 0.09);
    -o-box-shadow:0px 2px 5px rgba(0, 0, 0, 0.09);
    box-shadow:0px 2px 5px rgba(0, 0, 0, 0.09);
}
/*===== Restaurant Detail Page =====*/
.restaurant-detail-wrapper{
    float:left;
    width:calc(100% + 33px);
}
.restaurant-detail-info{
    float:left;
    width:100%;
}
.restaurant-detail-thumb{
    float:left;
    width:100%;
    position:relative;
}
.restaurant-detail-thumb ul{
    padding-left:0;
    margin-bottom:0;
    width:100%;
    float:left;
}
.restaurant-detail-thumb ul img{width:100%;}
.restaurant-detail-thumb ul.restaurant-detail-thumb-carousel{
    width:325px;
    position:absolute;
    bottom:20px;
    right:10px;
}
.restaurant-detail-thumb ul.restaurant-detail-thumb-carousel li{
    cursor:pointer;
    padding:0 10px;
    position:relative;
}
.restaurant-detail-thumb ul.restaurant-detail-thumb-carousel li.slick-current:before{opacity:.6;}
.restaurant-detail-thumb ul.restaurant-detail-thumb-carousel li:before{
    content:"";
    position:absolute;
    left:10px;
    right:10px;
    top:0;
    bottom:0;
    background-color:#000;
    opacity:0;
}
.restaurant-detail-title{
    float:left;
    margin-top:30px;
    width:100%;
}
.restaurant-detail-title > h1{
    font-size:34px;
    font-family:Poppins;
    color:#202020;
    margin-bottom:3px;
    display:inline-block;
    margin-top:0;
    font-weight:bold;
}
.info-meta{
    font-size:15px;
    color:#acacac;
}
.info-meta > span{
    display:inline-block;
    position:relative;
    padding:0 10px;
}
.info-meta > span:first-child{padding-left:0;}
.info-meta > span:before{
    content:".";
    position:absolute;
    left:0;
    top:-4px;
}
.info-meta > span:first-child:before{display:none;}
.rating-wrapper{
    float:right;
    position:relative;
    margin-top:-72px;
}
.rating-wrapper > a{
    position:relative;
    float:right;
    border-width:2px;
    padding:10px 22px 10px 17px;
    border-style:solid;
    z-index:1;
    font-size:12px;
    font-family:Poppins;
    color:#252525;
}
.gradient-brd:before{
    background:-moz-linear-gradient(0deg, #e03335 0%, #00cfc8 100%); /* ff3.6+ */
    background:-webkit-gradient(linear, left top, right top, color-stop(0%, #e03335), color-stop(100%, #00cfc8)); /* safari4+,chrome */
    background:-webkit-linear-gradient(0deg, #e03335 0%, #00cfc8 100%); /* safari5.1+,chrome10+ */
    background:-o-linear-gradient(0deg, #e03335 0%, #00cfc8 100%); /* opera 11.10+ */
    background:-ms-linear-gradient(0deg, #e03335 0%, #00cfc8 100%); /* ie10+ */
    background:linear-gradient(90deg, #e03335 0%, #00cfc8 100%); /* w3c */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e03335', endColorstr='#00cfc8', GradientType=1); /* ie6-9 */
}
.gradient-brd:before{
    content:"";
    position:absolute;
    top:-2px;
    left:-2px;
    right:-2px;
    bottom:-2px;
    z-index:-1;
    -webkit-border-radius:inherit;
    border-radius:inherit;
}
.gradient-brd:after{
    background-color:#fff;
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    z-index:-1;
    content:"";
}
.rating-wrapper > a i{
    font-style:normal;
    font-weight:600;
    color:#1a1a1a;
    margin:0 3px;
}
/*===== Restaurant Detail Tabs =====*/
.restaurant-detail-tabs{
    float:left;
    margin-top:25px;
    width:100%;
}
.restaurant-detail-tabs > ul{
    float:left;
    width:100%;
    border:1px solid #f1f1f1;
}
.restaurant-detail-tabs > ul > li{
    border-right:1px solid #f1f1f1;
    color:#343434;
    float:left;
    font-size:13px;
    font-weight:600;
    margin-bottom:0;
}
.restaurant-detail-tabs > ul > li:last-child{border-right:0;}
.restaurant-detail-tabs > ul > li a{
    border:0 !important;
    -webkit-border-radius:0;
    border-radius:0;
    padding:16px 25px;
    margin:0;
    position:relative;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{
    border:0;
    background-color:transparent;
}
.restaurant-detail-tabs > ul > li a i{margin-right:5px;}
.restaurant-detail-tabs > ul > li a:hover{background-color:transparent;}
.restaurant-detail-tabs > ul > li a:before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    background-color:rebeccapurple;
    height:2px;
}
.restaurant-detail-tabs > ul > li.active a:before{width:100%;}
.restaurant-detail-tabs .tab-content{
    float:left;
    width:100%;
}
.restaurant-detail-tabs .chosen-container-single .chosen-single span{
    color:#a2a2a2 !important;
    font-size:12px;
    font-weight:normal;
    text-transform:uppercase;
}
/*===== Menu Tab =====*/
.search-dish{
    float:left;
    width:100%;
    margin-top:15px;
    position:relative;
}
.search-dish > input{
    height:50px;
    font-size:14px;
    color:#101010;
    width:100%;
    float:left;
    border-bottom:1px solid #e5e5e5;
}
.search-dish > button{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    background-color:transparent;
    color:#636363;
    font-size:14px;
}
.dishes-list-wrapper{
    float:left;
    width:100%;
    margin-top:55px;
    position:relative;
}
.title3,
.title4{
    display:inline-block;
    position:relative;
    font-size:25px;
    font-family:Poppins;
    margin-bottom:40px;
    font-weight:600;
    margin-top:0;
    color:#202020;
}
h2.title3{font-size:40px;}
.title4{
    font-family:Poppins;
    font-weight:700;
}
h3.title4{font-size:24px;}
.title3 span,
.title4 span{position:relative;}
.title3 span.sudo-bottom:before,
.title4 span.sudo-bottom:before{
    content:"";
    height:2px;
    width:100%;
    position:absolute;
    bottom:-5px;
}
h2.title3 span.sudo-bottom:before{bottom:7px;}
.dishes-list-wrapper .post-rate{
    position:static;
    margin-left:20px;
    display:inline-block;
}
.dishes-list{
    float:left;
    width:100%;
    padding-left:0;
    list-style:none;
    margin-bottom:0;
}
.dishes-list > li{
    float:left;
    width:100%;
}
.dishes-list > li:first-child .featured-restaurant-box{
    margin-top:0;
    padding-top:0;
    border-top:0;
}
.dishes-list > li .featured-restaurant-thumb{
    width:111px;
    vertical-align:top;
}
.dishes-list .post-meta{padding-left:0;}
.dishes-list .featured-restaurant-info > h4{
    width:auto;
    margin-bottom:10px;
}
.dishes-list .featured-restaurant-info > span.price{
    float:right;
    margin-top:6px;
}
.dishes-list .featured-restaurant-info > h4{font-weight:normal;}
.ord-btn{
    padding:0 0 0 50px;
    text-align:right;
    width:30%;
}
.ord-btn > a{
    border:1px solid;
    color:#fff;
    display:inline-block;
    font-family:poppins;
    font-size:12px;
    font-weight:bold;
    padding:9px 21px;
    text-transform:uppercase;
}
.ord-btn > a:hover,
.ord-btn > a:focus{background-color:transparent;}
/*===== Gallery Tab =====*/
.restaurant-gallery{
    float:left;
    width:100%;
    margin-top:50px;
}
.restaurant-gallery-img{
    float:left;
    width:100%;
}
.restaurant-gallery-img img{width:100%;}
.remove-ext .restaurant-gallery-img{margin-bottom:30px;}
/*===== Review Tab =====*/
.customer-review-wrapper{
    float:left;
    width:100%;
    margin-top:50px;
}
.customer-reviews .comment-info > h4:first-child{
    font-size:15px;
    font-weight:700;
    color:#5c5c5c;
}
.customer-reviews .comment-info > p{
    margin-top:0;
    font-style:italic;
    line-height:23px;
    font-size:15px;
    color:#777;
    max-width:70%;
    letter-spacing:0.3px;
}
.customer-reviews .comment > img{margin-right:36px;}
.customer-rating{
    display:block;
    color:#e1e1e1;
    font-size:14px;
    margin-top:15px;
}
.customer-rating > span{
    display:inline-block;
    margin-left:10px;
    color:#313131;
    font-weight:800;
    font-size:12px;
    font-family:lato;
}
.review-form{
    float:left;
    position:relative;
    width:100%;
}
.review-form:before{
    content:"";
    position:absolute;
    bottom:-30px;
    left:-20px;
    right:-20px;
    height:90px;
    background-color:#fff;
    -webkit-transform:rotate(-2deg);
    -ms-transform:rotate(-2deg);
    -o-transform:rotate(-2deg);
    transform:rotate(-2deg);
}
.review-form textarea{
    float:left;
    width:100%;
    background-color:#f8f8f8;
    padding:50px;
    font-style:italic;
    font-size:15px;
    color:#777;
    line-height:23px;
    height:160px;
}
.review-form > button{
    font-size:12px;
    color:#fff;
    font-weight:800;
    padding:10px 30px;
    position:relative;
    margin-top:-8px;
    margin-left:50px;
    float:left;
}
.review-form > button:hover{background-color:#333;}
.rate-box{
    float:right;
    margin-right:60px;
    margin-top:-20px;
    position:relative;
}
.rate-box > span{
    font-size:12px;
    font-weight:600;
    font-family:Poppins;
    color:#3f3f3f;
    float:left;
    width:100%;
    margin-bottom:4px;
}
.rating-box{
    float:left;
    width:100%;
}
.rating-box > span{
    float:left;
    margin:2px 2px 0 0;
    height:28px;
    width:28px;
    background-color:#efefef;
    cursor:pointer;
}
.clr1:hover, .clr1.on{background-color:#cd1c26;}
.clr2:hover, .clr2.on{background-color:#de1d0f;}
.clr3:hover, .clr3.on{background-color:#ff7800;}
.clr4:hover, .clr4.on{background-color:#ffba00;}
.clr5:hover, .clr5.on{background-color:#cdd614;}
.clr6:hover, .clr6.on{background-color:#5ba829;}
.clr7:hover, .clr7.on{background-color:#3f7e00;}
.clr8:hover, .clr8.on{background-color:#305d02;}
.rating-box > i{
    font-style:normal;
    line-height:30px;
    font-family:Poppins;
    font-size:14px;
    color:#3f3f3f;
    margin-left:20px;
    float:left;
}
/*===== Book Table Tab =====*/
.book-table{
    float:left;
    margin-top:50px;
    width:100%;
}
.book-table form{
    float:left;
    width:100%;
}
.book-table form .input-field,
.book-table form .textarea-field{
    background-color:#fbfcfd;
    height:42px;
    margin-bottom:25px;
    color:#8a8a8a;
}
.book-table form .input-field input,
.book-table form .textarea-field textarea{
    background-color:inherit;
    color:inherit;
}
.book-table form .input-field i,
.book-table form .textarea-field i{
    left:20px;
    color:inherit;
}
.book-table form .textarea-field{height:165px;}
.book-table form .textarea-field i{top:18px;}
.select-wrp2{
    float:left;
    width:100%;
    margin-bottom:20px;
}
.select-wrp2 .chosen-container{
    font-size:12px;
    font-weight:700;
    color:#8a8a8a;
}
.select-wrp2 .chosen-container > a{
    background-image:none;
    border:0;
    height:42px;
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    background-color:#fbfcfd;
    padding:9px 33px 9px 25px;
    position:relative;
    color:inherit;
    font-size:inherit;
    text-transform:uppercase;
}
.select-wrp2 .chosen-container > a:before{
    content:"\f0d7";
    font-family:fontawesome;
    position:absolute;
    right:25px;
}
.select-wrp2 .chosen-container-active > a:before{content:"\f0d8";}
.select-wrp2 .chosen-container-active > a.chosen-single{
    background-color:#fbfcfd;
    background-image:none;
    border:0;
}
.select-wrp2 .chosen-container-single .chosen-drop{
    -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow:0 0 4px rgba(0, 0, 0, 0.05);
    -o-box-shadow:0 0 4px rgba(0, 0, 0, 0.05);
    box-shadow:0 0 4px rgba(0, 0, 0, 0.05);
    border:0;
}
.book-table form button{
    color:#fff;
    font-weight:800;
    font-family:lato;
    font-size:12px;
    border:1px solid;
    padding:9px 30px;
}
.book-table form button:hover,
.book-table form button:focus{background-color:transparent;}
/*===== Restaurant Info Tab =====*/
.restaurant-info-wrapper{
    float:left;
    margin-top:40px;
    width:100%;
}
.restaurant-loc{
    float:left;
    height:305px;
    width:100%;
}
.restaurant-info-list{
    float:left;
    width:100%;
    padding-left:0;
    list-style:none;
    margin:50px 0 0;
}
.restaurant-info-list > li{
    display:inline-block;
    width:50%;
    padding:0 20px 0 35px;
    position:relative;
    margin:17px -2px 0;
    vertical-align:top;
}
.restaurant-info-list > li > i{
    position:absolute;
    left:0;
    font-size:24px;
    top:0;
}
.restaurant-info-list > li > strong{
    font-family:Poppins;
    color:#222;
    font-size:16px;
    display:block;
    margin:2px 0 7px;
}
.restaurant-info-list > li > span{
    font-size:14px;
    color:#aaa;
    line-height:28px;
    max-width:80%;
    display:block;
}
/*===== Order Section =====*/
.order-wrapper{
    float:left;
    width:100%;
    padding-left:55px;
}
.order-inner{
    float:left;
    width:100%;
    margin-bottom:100px;
    position:relative;
    border:2px solid;
    z-index:1;
}
.order-inner > h4{
    float:left;
    width:100%;
    text-align:center;
    font-family:Poppins;
    font-size:25px;
    margin:30px 0;
}
.order-list-wrapper{
    float:left;
    width:100%;
}
.order-list-wrapper > ul{
    list-style:none;
}
.order-list-inner{
    padding:0 14px;
    float:left;
    width:100%;
    margin-bottom:20px;
}
.order-list-inner > li{
    float:left;
    width:100%;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #e5e5e5;
    padding-left:20px;
    position:relative;
}
.order-list-inner > li:last-child{
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0;
}
.dish-name > i{
    font-size:15px;
    font-family:Poppins;
    font-style:normal;
    color:#1e1e1e;
    position:absolute;
    left:0;
}
.dish-name > h6{
    display:inline-block;
    margin-left:15px;
    font-size:14px;
    font-family:lato;
    font-weight:700;
    color:#636363;
    margin:0;
}
.dish-name .price{
    font-size:15px;
    float:right;
}
.dish-ingredients{
    float:left;
    width:100%;
    margin-top:10px;
}
.dish-ingredients .check-box{
    float:left;
    width:100%;
    margin-top:5px;
    position:relative;
}
.dish-ingredients .check-box label{
    font-size:12px;
    font-weight:400;
    color:#636363;
    width:100%;
    position:relative;
}
.dish-ingredients .check-box [type="checkbox"]:checked + label::before,
.check-box [type="checkbox"]:not(:checked) + label::before{
    border-color:transparent;
    background-color:#e5e5e5;
}
.dish-ingredients .check-box label span{
    background-color:#fff;
    padding-right:10px;
}
.dish-ingredients .check-box label i{
    background-color:#fff;
    float:right;
    font-style:normal;
    color:#1e1e1e;
    font-size:10px;
    font-weight:700;
    padding-left:20px;
}
.dish-ingredients .check-box:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    border:1px dashed #f3f3f3;
    top:50%;
}
.mor-ingredients{
    float:left;
    width:100%;
    padding-left:25px;
    margin-top:5px;
    position:relative;
}
.mor-ingredients > a{
    display:inline-block;
    border-bottom:1px solid;
    font-size:12px;
    line-height:12px;
}
.ingradient-list{
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    padding:20px;
    z-index:2;
    max-width:215px;
    -webkit-box-shadow:0 5px 21px rgba(0, 0, 0, 0.03);
    -ms-box-shadow:0 5px 21px rgba(0, 0, 0, 0.03);
    -o-box-shadow:0 5px 21px rgba(0, 0, 0, 0.03);
    box-shadow:0 5px 21px rgba(0, 0, 0, 0.03);
    opacity:0;
    visibility:hidden
}
.mor-ingredients:hover .ingradient-list{
    opacity:1;
    visibility:visible
}
.ingradient-list > span label{
    color:#fff;
    font-size:12px;
    margin-right:7px;
}
.ingradient-list .check-box [type="checkbox"]:checked + label::before,
.ingradient-list .check-box [type="checkbox"]:not(:checked) + label::before{
    height:10px;
    width:10px;
    background-color:#fff;
    top:6px;
}
.ingradient-list .check-box [type="checkbox"]:checked + label::after,
.ingradient-list .check-box [type="checkbox"]:not(:checked) + label::after{
    height:6px;
    width:6px;
    top:8px;
    left:2px;
}
.order-total{
    float:left;
    width:100%;
    margin:10px 0 0;
    padding:34px 30px 75px;
    background-color:#2f2f2f;
}
.order-total > li{
    float:left;
    width:100%;
    font-family:Poppins;
    font-size:15px;
    color:#fff;
    position:relative;
    background-color:inherit;
    z-index:1;
}
.order-total > li + li{margin-top:6px;}
.order-total > li span{
    background-color:inherit;
    display:inline-block;
    padding-right:20px;
}
.order-total > li i{
    font-style:normal;
    float:right;
    background-color:inherit;
    padding-left:20px;
}
.order-total > li:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    right:0;
    border:1px dashed rgba(255, 255, 255, .1);
    z-index:-1;
}
.order-method{
    position:absolute;
    bottom:-100px;
    left:30px;
    right:30px;
    text-align:center;
    margin-bottom:0;
    padding:20px;
}
.order-method > li{
    float:left;
    width:100%;
    font-family:Poppins;
    color:#fff;
    font-size:18px;
}
.order-method > li span:first-child{
    float:left;
    text-align:left;
}
.order-method > li span:last-child{
    float:right;
    text-align:right;
    color:inherit;
}
.order-method > li label{
    font-size:14px;
    font-weight:400;
}
.order-method > li label i{
    font-size:15px;
    margin-right:3px;
}
.order-method > li:first-child{
    border-bottom:1px solid rgba(255, 255, 255, .2);
    padding-bottom:10px;
    margin-bottom:10px;
}
.order-method > li:last-child{
    margin-top:12px;
    font-size:12px;
}
.order-method > li a{
    width:100%;
    background-color:#2b2828;
    display:inline-block;
    padding:5px 20px;
    max-width:195px;
}
/*===== Page Loader =====*/
.preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    background-color:#fff;
}
#cooking{
    height:250px;
    left:50%;
    margin:0 auto;
    overflow:hidden;
    position:absolute;
    top:40%;
    transform:translate(-50%, -50%);
    width:350px;
}
#cooking .bubble{
    position:absolute;
    border-radius:100%;
    box-shadow:0 0 0.25vh #4d4d4d;
    opacity:0;
}
#cooking .bubble:nth-child(1){
    margin-top:2.5vh;
    left:58%;
    width:2.5vh;
    height:2.5vh;
    background-color:#454545;
    animation:bubble 2s cubic-bezier(0.53, 0.16, 0.39, 0.96) infinite;
}
#cooking .bubble:nth-child(2){
    margin-top:3vh;
    left:50%;
    width:2vh;
    height:2vh;
    background-color:#3d3d3d;
    transform:translate(-50%);
    animation:bubble 2s ease-in-out .35s infinite;
}
#cooking .bubble:nth-child(3){
    margin-top:1.8vh;
    left:50%;
    width:1.5vh;
    height:1.5vh;
    background-color:#333;
    animation:bubble 1.5s cubic-bezier(0.53, 0.16, 0.39, 0.96) 0.55s infinite;
}
#cooking .bubble:nth-child(4){
    margin-top:2.7vh;
    left:56%;
    width:1.2vh;
    height:1.2vh;
    background-color:#2b2b2b;
    animation:bubble 1.8s cubic-bezier(0.53, 0.16, 0.39, 0.96) 0.9s infinite;
}
#cooking .bubble:nth-child(5){
    margin-top:2.7vh;
    left:63%;
    width:1.1vh;
    height:1.1vh;
    background-color:#242424;
    animation:bubble 1.6s ease-in-out 1s infinite;
}
#cooking #area{
    animation:2.1s ease-in-out 0s normal none infinite running flip;
    background-color:transparent;
    bottom:0;
    height:50%;
    left:130px;
    position:absolute;
    transform-origin:15% 60% 0;
    width:50%;
}
#cooking #area #sides{
    position:absolute;
    width:100%;
    height:100%;
    transform-origin:15% 60%;
    animation:switchSide 2.1s ease-in-out infinite;
}
#cooking #area #sides #handle{
    position:absolute;
    bottom:18%;
    right:80%;
    width:35%;
    height:20%;
    background-color:transparent;
    border-top:1vh solid #333;
    border-left:1vh solid transparent;
    border-radius:100%;
    transform:rotate(20deg) rotateX(0deg) scale(1.3, 0.9);
}
#cooking #area #sides #pan{
    position:absolute;
    bottom:20%;
    right:30%;
    width:50%;
    height:8%;
    background-color:#333;
    border-radius:0 0 1.4em 1.4em;
    transform-origin:-15% 0;
}
#cooking #area #pancake{
    position:absolute;
    top:24%;
    width:100%;
    height:100%;
    transform:rotateX(85deg);
    animation:jump 2.1s ease-in-out infinite;
}
#cooking #area #pancake #pastry{
    position:absolute;
    bottom:26%;
    right:37%;
    width:40%;
    height:45%;
    background-color:#333;
    box-shadow:0 0 3px 0 #333;
    border-radius:100%;
    transform-origin:-20% 0;
    animation:fly 2.1s ease-in-out infinite;
}
@keyframes jump{
    0%{
        top:24%;
        transform:rotateX(85deg);
    }
    25%{
        top:10%;
        transform:rotateX(0deg);
    }
    50%{
        top:30%;
        transform:rotateX(85deg);
    }
    75%{
        transform:rotateX(0deg);
    }
    100%{
        transform:rotateX(85deg);
    }
}
@keyframes flip{
    0%{
        transform:rotate(0deg);
    }
    5%{
        transform:rotate(-27deg);
    }
    30%,
    50%{
        transform:rotate(0deg);
    }
    55%{
        transform:rotate(27deg);
    }
    83.3%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(0deg);
    }
}
@keyframes switchSide{
    0%{
        transform:rotateY(0deg);
    }
    50%{
        transform:rotateY(180deg);
    }
    100%{
        transform:rotateY(0deg);
    }
}
@keyframes fly{
    0%{
        bottom:26%;
        transform:rotate(0deg);
    }
    10%{
        bottom:40%;
    }
    50%{
        bottom:26%;
        transform:rotate(-190deg);
    }
    80%{
        bottom:40%;
    }
    100%{
        bottom:26%;
        transform:rotate(0deg);
    }
}
@keyframes bubble{
    0%{
        transform:scale(0.15, 0.15);
        top:80%;
        opacity:0;
    }
    50%{
        transform:scale(1.1, 1.1);
        opacity:1;
    }
    100%{
        transform:scale(0.33, 0.33);
        top:60%;
        opacity:0;
    }
}
/*===== Blog Detail =====*/
.blog-detail-wrapper{
    float:left;
    width:100%;
}
.blog-detail-thumb{
    display:inline-block;
    margin-bottom:30px;
    width:100%;
}
.blog-detail-info{
    display:table;
    width:100%;
}
.post-detail-date{
    font-size:13px;
    font-family:Poppins;
    font-weight:500;
    float:left;
}
.post-detail-date > i{
    font-size:14px;
    margin-right:5px;
}
.blog-detail-info > .post-meta{
    float:right;
    margin-top:0;
}
.post-meta > span{
    font-family:Poppins;
    color:#a5a5a5;
    font-weight:500;
    display:inline-block;
    margin-left:20px;
}
.post-meta > span i{margin-right:7px;}
.blog-detail-wrapper h1{
    font-size:32px;
    margin-top:20px;
    display:inline-block;
    font-weight:600;
    margin-bottom:0;
}
.blog-detail-wrapper p{
    display:inline-block;
    margin:17px 0 0;
    font-size:15px;
    line-height:27px;
    color:#636363;
}
blockquote{
    font-size:16px;
    color:#aaa;
    font-style:italic;
    font-family:Poppins;
    margin:25px 0 15px;
    border-left-width:3px;
    line-height:32px;
}
.blog-detail-wrapper blockquote p{
    color:inherit;
    font-size:inherit;
    margin:0;
    max-width:85%;
    font-family:inherit;
    font-weight:500;
    line-height:inherit;
}
.alignnone{
    display:inline-block;
    margin:20px 0;
}
.big-letter{
    display:inline-block;
    font-size:30px;
    margin-right:8px;
}
.post-tags,
.post-cate{
    float:left;
    width:100%;
    margin-top:20px;
    font-family:Poppins;
    font-weight:500;
    font-size:14px;
}
.post-tags > span,
.post-cate > span{
    display:inline-block;
    margin-right:10px;
    color:#222;
    font-weight:600;
}
.post-tags > a,
.post-cate > a{
    display:inline-block;
    margin:0 2px;
}
.post-tags > a:hover,
.post-cate > a:hover,
.post-tags > a:focus,
.post-cate > a:focus{color:#000;}
.post-cate{margin-top:10px;}
.post-share{
    float:left;
    margin-top:30px;
}
.post-share > span{
    font-size:18px;
    font-family:Poppins;
    color:#222;
    font-weight:600;
    display:inline-block;
    margin-right:10px;
}
.post-share > a{
    display:inline-block;
    line-height:38px;
    width:41px;
    border:1px solid #f3f1f1;
    text-align:center;
    background-color:#fdfcfc;
    margin-right:7px;
    font-size:14px;
    color:#aaa;
}
.post-share > a:hover,
.post-share > a:focus{color:#fff;}
.post-next-prev{
    float:right;
    font-family:Poppins;
    font-weight:500;
    font-size:12px;
    color:#aaa;
    margin-top:40px;
}
.post-next-prev > a{
    display:inline-block;
    margin:0 5px;
}
.post-next-prev > a i{font-size:18px;}
.post-next-prev .prev-post > i{margin-right:5px;}
.post-next-prev .next-post > i{margin-left:5px;}
/*===== Author & Comment Sec =====*/
.author-info-wrapper{
    float:left;
    width:100%;
    margin-top:100px;
}
.author-box{
    float:left;
    width:100%;
    padding-bottom:40px;
    border-bottom:1px solid #f6f6f6;
}
.author-box > img{
    float:left;
    margin-right:20px;
}
.author-info{display:table;}
.author-info > h4{
    font-size:18px;
    font-weight:500;
    color:#222;
    margin-bottom:18px;
}
.author-info > p{
    line-height:26px;
    color:#636363;
    margin-bottom:17px;
}
.author-info > a:hover,
.author-info > a:focus{color:#000;}
.comments-wrapper{
    float:left;
    width:100%;
    margin-top:65px;
}
.comments-thread{
    float:left;
    width:100%;
    padding-left:0;
    list-style:none;
    margin-bottom:0;
}
.comments-thread > li{
    float:left;
    width:100%;
}
.comment-reply{
    float:left;
    width:100%;
    list-style:none;
}
.comment{
    float:left;
    width:100%;
    padding-bottom:35px;
    margin-bottom:37px;
    border-bottom:1px solid #f6f6f6;
}
.comment > img{
    float:left;
    margin-right:20px;
}
.comment-info{display:table;}
.comment-info > h4:first-child{
    font-size:18px;
    color:#222;
    font-weight:500;
}
.comment-info > i{
    font-size:14px;
    color:#aaa;
    display:inline-block;
}
.comment-info > p{
    margin:16px 0 0;
    color:#414141;
    line-height:26px;
}
.comment-reply-link:hover,
.comment-reply-link:focus{color:#333;}
/*===== Reply Form =====*/
.leav-comment-wrapper{
    float:left;
    width:100%;
    margin-top:10px;
}
.reply-form{
    float:left;
    width:100%;
}
.reply-form input,
.reply-form textarea{
    background:#f6f6f6 none repeat scroll 0 0;
    color:#999;
    float:left;
    font-family:lato;
    font-size:14px;
    margin-bottom:17px;
    padding:17px 35px;
    width:100%;
}
.reply-form textarea{height:300px;}
.reply-form button{
    display:inline-block;
    margin-top:10px;
    color:#fff;
    font-weight:500;
    border:1px solid;
    font-family:Poppins;
    font-size:14px;
    padding:14px 30px;
}
.reply-form button:hover,
.reply-form button:focus{background-color:transparent;}
.blog-detail-gallery-carousel .owl-nav{
    position:absolute;
    top:50%;
    left:0;
    right:0;
}
.blog-detail-gallery-carousel .owl-nav > div{
    position:absolute;
    height:40px;
    width:40px;
    background-color:#fff;
    text-align:center;
    line-height:40px;
    font-size:20px;
}
.blog-detail-gallery-carousel .owl-nav > div.owl-prev{left:0;}
.blog-detail-gallery-carousel .owl-nav > div.owl-next{right:0;}
.blog-detail-gallery-carousel .owl-nav > div:hover{color:#fff;}
.video-format > iframe{height:505px;}
/*===== How It Works Page =====*/
.food-featured-post{
    float:left;
    width:100%;
    display:table;
    margin-bottom:70px;
}
.food-featured-post > *{
    display:table-cell;
    vertical-align:middle;
}
.food-featured-post-thumb{width:515px;}
.food-featured-post-info{padding-left:40px;}
.food-featured-post-info > h3{
    font-size:30px;
    font-family:lato;
    font-weight:700;
    color:#353535;
    line-height:40px;
    margin-bottom:17px;
    margin-top:0;
}
.food-featured-post-info > p{
    font-size:15px;
    margin-bottom:0;
    line-height:28px;
}
.food-featured-post-info > a{
    font-size:11px;
    font-family:Poppins;
    color:#fff;
    margin-top:35px;
    float:left;
    padding:11px 20px;
}
.food-featured-post-info > a i{margin-right:5px;}
.food-featured-post-info > a:hover,
.food-featured-post-info > a:focus{background-color:#333;}
/*=====  =====*/
.featured-restaurant-food{
    float:left;
    width:100%;
}
.featured-restaurant-food-thumb{
    float:left;
    width:100%;
}
.featured-restaurant-food-thumb > ul{
    padding-left:0;
    list-style:none;
}
.featured-restaurant-food-img-carousel{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.featured-restaurant-food-thumb > ul li{position:relative;}
.featured-restaurant-food-img-carousel img{
    width:100%;
    float:left;
}
.featured-restaurant-food-img-carousel li > a{
    line-height:70px;
    width:70px;
    text-align:center;
    font-size:27px;
    color:#fff;
    position:absolute;
    left:50%;
    top:50%;
    margin:-35px 0 0 -35px;
}
.featured-restaurant-food-img-carousel li > a:hover{background-color:#fff;}
.featured-restaurant-food-thumb-carousel{
    display:inline-block;
    max-width:435px;
    width:100%;
}
.featured-restaurant-food-thumb-carousel li{
    margin:0 5px;
    cursor:pointer;
}
.featured-restaurant-food-thumb-carousel li::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:#000;
    opacity:0;
    visibility:hidden;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.featured-restaurant-food-thumb-carousel li.slick-current::before{
    opacity:.5;
    visibility:visible;
}
.featured-restaurant-food-thumb-carousel li img{
    width:100%;
    float:left;
}
.featured-restaurant-food-info{
    width:100%;
    display:inline-block;
    max-width:90%;
    margin-top:20px;
}
.featured-restaurant-food-info > p{
    font-size:15px;
    line-height:28px;
    margin-bottom:0;
    display:inline-block;
}
.featured-restaurant-food-info > a{
    display:inline-block;
    color:#fff;
    font-family:Poppins;
    margin-top:27px;
    padding:9px 30px;
}
.featured-restaurant-food-info > a:hover,
.featured-restaurant-food-info > a:focus{background-color:#333;}
/*===== Top Restaurants Carousel Style 2 =====*/
.top-restaurant-carousel2{
    float:left;
    padding:0 20px;
    width:100%;
}
.top-restaurant-item{
    float:left;
    width:100%;
}
.top-restaurant-item > a{
    float:left;
    width:100%;
    text-align:center;
    padding:0 40px;
    border:1px solid #f1f1f1;
    margin:0 -2px;
    min-height:180px;
    line-height:180px;
    border-top-width:2px;
    border-bottom-width:2px;
}
.top-restaurant-item > a img{
    width:auto !important;
    display:inline-block !important;
}
.top-restaurant-carousel2 .owl-stage-outer{padding:0 2px;}
.top-restaurant-carousel2 .owl-nav{
    position:absolute;
    left:-50px;
    right:-50px;
    top:50%;
}
.top-restaurant-carousel2 .owl-nav > div{
    position:absolute;
    color:#c53332;
    font-size:20px;
}
.top-restaurant-carousel2 .owl-nav > div.owl-prev{left:0;}
.top-restaurant-carousel2 .owl-nav > div.owl-next{right:0;}
/*===== Toggle =====*/
.toggle-wrapper{
    float:left;
    width:100%;
}
.toggle{
    display:inline-block;
    max-width:1000px;
    width:100%;
    margin-bottom:-10px;
    text-align:left;
}
.toggle-item{
    float:left;
    width:100%;
    border:1px solid #eaeaea;
    margin-bottom:10px;
}
.toggle-item > h4{
    float:left;
    width:100%;
    padding:11px 30px 20px;
    border-bottom:1px solid transparent;
    font-family:Poppins;
    font-size:16px;
    margin-bottom:0;
    color:#222;
    cursor:pointer;
}
.toggle-item > h4 i{
    line-height:30px;
    width:30px;
    background-color:#d2d2d2;
    text-align:center;
    color:#222;
    font-size:18px;
    margin-right:30px;
}
.toggle-item > .content{
    float:left;
    width:100%;
    background-color:#f5f5f5;
    padding:15px 30px 30px;
}
.toggle-item > .content > p{
    line-height:26px;
    margin:15px 0 0;
    color:#747474;
}
.toggle-item > h4.active > i:before{content:"\f107";}
.toggle-item > h4.active i{color:#fff;}
.title1-wrapper.style2 .title1-inner{max-width:67%;}
.title1-wrapper.style2 .title1-inner > p{
    font-size:17px;
    color:#757575;
    margin-top:17px;
}
.switch{
    position:relative;
    display:inline-block;
    width:85px;
    height:24px;
}
.switch input{display:none;}
.switch-slider{
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#f0f0f0;
    border:1px solid #f1f1f1;
    -webkit-box-shadow:0 0 8px inset rgba(0, 0, 0, 0.07);
    -ms-box-shadow:0 0 8px inset rgba(0, 0, 0, 0.07);
    -o-box-shadow:0 0 8px inset rgba(0, 0, 0, 0.07);
    box-shadow:0 0 8px inset rgba(0, 0, 0, 0.07);
}
.switch-slider:before{
    position:absolute;
    content:"";
    height:19px;
    width:19px;
    left:2px;
    bottom:2px;
    background-color:#000;
}
input:checked + .switch-slider{background-color:#2196F3;}
input:checked + .switch-slider:before{
    background-color:#fff;
    -webkit-transform:translateX(60px);
    -ms-transform:translateX(60px);
    -o-transform:translateX(60px);
    transform:translateX(60px);
}
.rate-share{
    position:absolute;
    background-color:#fff;
    z-index:19;
    width:400px;
    right:0;
    top:160%;
    border:1px solid #f1f1f1;
    -webkit-transform:scale(.5);
    -ms-transform:scale(.5);
    -o-transform:scale(.5);
    transform:scale(.5);
    opacity:0;
    visibility:hidden;
    box-shadow:0px 15px 30px #d5d5d5;
}
.rating-box-wrapper{
    float:left;
    width:100%;
    border-bottom:1px solid #f1f1f1;
}
.rating-box-wrapper > span{
    float:left;
    padding:20px;
    font-size:15px;
    color:#3f3f3f;
    font-family:Poppins;
    font-weight:600;
    border-right:1px solid #f1f1f1;
    width:18%;
}
.rating-box-wrapper .rating-box{
    padding:15px 20px;
    width:82%;
}
.share-wrapper{
    float:left;
    width:100%;
    padding:20px;
}
.share-wrapper > div{
    float:left;
    width:100%;
}
.share-wrapper > div + div{margin-top:10px;}
.share-wrapper > div .switch{
    float:left;
    margin-bottom:0;
    margin-right:20px;
}
.share-wrapper > div > a{
    padding:3px 15px 2px;
    color:#fff;
    max-width:180px;
    width:100%;
    float:left;
    text-align:center;
    font-size:12px;
    font-family:Poppins;
}
.share-wrapper a{
    border-width:2px;
    border-style:solid;
}
.share-wrapper > div > a:hover{background-color:transparent;}
.share-wrapper > div > a i{
    font-size:13px;
    margin-right:6px;
}
.rate-share:before{
    content:"";
    position:absolute;
    top:-6px;
    right:20px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #f1f1f1;
}
.rate-share.active{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
/*===== Register Reservation =====*/
.reservation-tabs-list{
    float:left;
    width:100%;
    padding:20px;
    background-color:#f9f9f9;
}
.reservation-tabs-list .nav-tabs{
    border-bottom:0;
    background-color:#fff;
    text-align:center;
    -webkit-box-shadow:0 20px 32px rgba(0, 0, 0, .06);
    -ms-box-shadow:0 20px 32px rgba(0, 0, 0, .06);
    -o-box-shadow:0 20px 32px rgba(0, 0, 0, .06);
    box-shadow:0 20px 32px rgba(0, 0, 0, .06);
    padding:60px 20px;
}
.nav-tabs > li > a{
    border:0;
    background-color:transparent;
}
.reservation-tabs-list .nav-tabs > li{
    float:left;
    width:100%;
    margin-bottom:0;
    font-family:Poppins;
    font-weight:700;
    font-size:14px;
    color:#444;
}
.reservation-tabs-list .nav-tabs > li a{
    padding:30px 0 0;
    margin-right:0;
    border-radius:0;
}
.reservation-tabs-list .nav-tabs > li a span{
    position:absolute;
    left:50%;
    top:0;
    font-size:11px;
    line-height:23px;
    width:23px;
    background-color:#e6e5e5;
    margin-left:-11.5px;
}
.reservation-tabs-list .nav-tabs > li a:hover{background-color:transparent;}
.reservation-tabs-list .nav-tabs > li + li a{margin-top:35px;}
.reservation-tabs-list .nav-tabs > li + li a::before{
    content:"";
    position:absolute;
    width:2px;
    background-color:#e5e6e6;
    height:34px;
    left:50%;
    top:-31px;
    margin-left:-1px;
}
.reservation-tabs-list .nav-tabs > li a span:before{
    content:"\f00c";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rebeccapurple;
    border-radius:inherit;
    color:#fff;
    font-family:fontawesome;
    font-weight:400;
    font-size:10px;
    opacity:0;
}
.reservation-tabs-list .nav-tabs > li.active a span::before{opacity:1;}
.reservation-tab-content{
    float:left;
    width:100%;
}
.restaurant-info-form{
    float:left;
    width:100%;
    padding:60px;
    background-color:#f9f9f9;
}
.restaurant-info-form label,
.profile-info-form label{
    font-family:lato;
    font-weight:400;
    color:#3c3838;
    font-size:12px;
    float:left;
    width:100%;
    margin-bottom:9px;
}
.restaurant-info-form input,
.restaurant-info-form textarea,
.profile-info-form input,
.profile-info-form textarea,
.loc-srch > input{
    float:left;
    width:100%;
    margin-bottom:17px;
    font-size:11px;
    color:#888;
    font-family:lato;
    height:50px;
    padding:10px 20px;
    -webkit-box-shadow:0 3px 10px rgba(0, 0, 0, .04);
    -ms-box-shadow:0 3px 10px rgba(0, 0, 0, .04);
    -o-box-shadow:0 3px 10px rgba(0, 0, 0, .04);
    box-shadow:0 3px 10px rgba(0, 0, 0, .04);
}
.restaurant-info-form textarea,
.profile-info-form textarea{height:155px;}
.restaurant-info-form h4{
    margin:32px 0 23px;
    font-size:18px;
    font-family:Poppins;
    color:#3c3838;
}
.restaurant-info-form .select-wrp,
.profile-info-form .select-wrp{
    float:left;
    width:100%;
    margin-bottom:17px;
}
.restaurant-info-form .select-wrp a.chosen-single,
.profile-info-form .select-wrp a.chosen-single{
    background-color:#fff;
    padding:10px 20px;
    color:#888;
    line-height:30px;
    font-weight:400;
    font-family:lato;
    -webkit-box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
    -ms-box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
    -o-box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
    box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
}
.restaurant-info-form .select-wrp a.chosen-single:before,
.profile-info-form .select-wrp a.chosen-single:before{right:20px;}
.restaurant-info-form .select-wrp .chosen-drop,
.profile-info-form .select-wrp .chosen-drop{width:100%;}
.restaurant-info-form .check-box [type="checkbox"]:checked + label::before,
.restaurant-info-form .check-box [type="checkbox"]:not(:checked) + label::before{
    -webkit-border-radius:3px;
    border-radius:3px;
    height:17px;
    width:17px;
}
.restaurant-info-form .check-box label{
    font-family:Poppins;
    color:#444;
    font-size:11px;
    line-height:24px;
}
.restaurant-info-form .check-box [type="checkbox"]:checked + label::after,
.restaurant-info-form .check-box [type="checkbox"]:not(:checked) + label::after{
    -webkit-border-radius:3px;
    border-radius:3px;
    height:11px;
    width:11px;
}
.restaurant-info-form .check-box{margin-top:10px;}
.step-buttons{
    float:left;
    width:100%;
    margin-top:45px;
    text-align:center;
}
.step-buttons button,
.step-buttons a{
    background-color:#2a2a2a;
    color:#fff;
    font-size:11px;
    font-family:Poppins;
    padding:13px 25px;
    display:inline-block;
    margin:0 5px;
}
.restaurant-info-form button.red-bg:hover,
.restaurant-info-form a.red-bg:hover{background-color:#333;}
.loc-map2{
    float:left;
    width:100%;
    position:relative;
    margin:45px 0;
}
.loc-mp2{
    float:left;
    width:100%;
    height:305px;
}
.loc-srch{
    position:absolute;
    bottom:20px;
    left:20px;
    width:100%;
    max-width:330px;
}
.loc-srch > input{
    width:100%;
    max-width:225px;
    margin-bottom:0;
}
.loc-srch > button{
    float:right;
    padding:18px 15px 16px;
    color:#fff;
    font-size:11px;
    font-family:Poppins;
}
.select-package-wrapper{
    float:left;
    width:100%;
    padding-left:30px;
}
.reservation-tab-content .tab-pane > div > h4{
    font-size:20px;
    font-family:Poppins;
    color:#3c3838;
    margin-bottom:30px;
    margin-top:0;
}
.packege-box{
    float:left;
    width:100%;
    background-color:#f9f9f9;
    -webkit-box-shadow:0 6px 0 rgba(0, 0, 0, .04);
    -ms-box-shadow:0 6px 0 rgba(0, 0, 0, .04);
    -o-box-shadow:0 6px 0 rgba(0, 0, 0, .04);
    box-shadow:0 6px 0 rgba(0, 0, 0, .04);
    margin-bottom:10px;
}
.package-header{
    float:left;
    width:100%;
    -webkit-box-shadow:0 6px 0 rgba(0, 0, 0, .04);
    -ms-box-shadow:0 6px 0 rgba(0, 0, 0, .04);
    -o-box-shadow:0 6px 0 rgba(0, 0, 0, .04);
    box-shadow:0 6px 0 rgba(0, 0, 0, .04);
    padding:42px 30px 30px;
}
.package-header > h4{
    font-size:19px;
    font-weight:800;
    color:#3c3838;
    margin-bottom:5px;
}
.package-header > span{
    font-size:15px;
    font-family:Poppins;
    font-weight:500;
}
.package-header > span small{font-size:10px;}
.package-body{
    float:left;
    width:100%;
    padding:38px 35px 40px;
    list-style:none;
    margin-bottom:0;
}
.package-body > li{
    float:left;
    width:100%;
    font-size:14px;
    color:#444;
}
.package-body > li + li{
    border-top:1px solid #ebebeb;
    margin-top:12px;
    padding-top:12px;
}
.packege-box > a{
    display:inline-block;
    font-size:11px;
    font-weight:700;
    color:#fff;
    padding:12.5px 32px;
    background-color:#2a2a2a;
    font-family:Poppins;
    -webkit-box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
    -ms-box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
    -o-box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
    box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
    margin-bottom:35px;
}
/*===== Acvitation Tab =====*/
.order-wrapper2{
    float:left;
    width:100%;
    background-color:#f9f9f9;
    padding:60px;
}
.ordr-lst{
    float:left;
    width:100%;
    padding-left:0;
    list-style:none;
    -webkit-box-shadow:0 20px 32px rgba(0, 0, 0, 0.06);
    -ms-box-shadow:0 20px 32px rgba(0, 0, 0, 0.06);
    -o-box-shadow:0 20px 32px rgba(0, 0, 0, 0.06);
    box-shadow:0 20px 32px rgba(0, 0, 0, 0.06);
    overflow:hidden;
    background-color:#fff;
    margin-bottom:40px;
}
.ordr-lst > li.lst-hed{
    font-weight:700;
    font-size:11px;
    color:#fff;
    background-color:#2a2a2a;
    -webkit-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    -ms-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    -o-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
}
.ordr-lst > li{
    font-size:12px;
    font-family:Poppins;
    line-height:55px;
    padding-left:40px;
}
.ordr-lst > li.lst-hed span{
    border-left:0;
    color:inherit;
    font-size:inherit;
}
.ordr-lst > li + li{border-top:1px solid #eee;}
.ordr-lst > li span{
    color:#444;
    float:right;
    width:29.3%;
    text-align:center;
    border-left:1px solid #eee;
    font-size:13px;
}
.ordr-lst > li.red-bg{color:#fff;}
.ordr-lst > li.red-bg span{
    color:inherit;
    border-left:0;
}
.pay-mnt{
    float:left;
    padding-left:40px;
    width:100%;
    max-width:43%;
}
.pay-mnt .radio-box{
    width:100%;
    float:left;
}
.pay-mnt .radio-box label{
    font-size:13px;
    color:#444;
    font-family:Poppins;
    font-weight:400;
}
.pay-mnt .radio-box + .radio-box{margin-top:18px;}
.ordr-btn{
    float:left;
    margin-top:90px;
}
.ordr-btn > a{
    display:inline-block;
    color:#fff;
    font-family:Poppins;
    font-size:12px;
    padding:14px 40px;
}
.ordr-btn > a:hover,
.ordr-btn > a:focus{background-color:#333;}
/*===== Coming Soon =====*/
.coming-soon-wrapper{
    float:left;
    width:100%;
    position:relative;
    z-index:1;
}
.coming-soon-wrapper .right{bottom:150px;}
.coming-soon-inner{
    display:inline-block;
    max-width:50%;
}
.coming-soon-inner .logo{
    float:none;
    display:inline-block;
    margin:0 0 37px;
}
.coming-soon-inner > span{
    font-size:20px;
    font-family:Poppins;
    display:block;
}
.coming-soon-inner > h1{
    color:#fff;
    font-family:Poppins;
    font-size:80px;
    font-weight:bold;
    margin-bottom:23px;
    text-transform:uppercase;
    margin-top:0;
}
.coming-soon-inner > p{
    font-size:20px;
    color:#e3e3e3;
    line-height:28px;
    display:inline-block;
    max-width:80%;
    margin-bottom:0;
    font-family:lato;
}
.countdown{
    display:inline-block;
    padding-left:20px;
    list-style:none;
    margin:35px 0 0;
}
.countdown > li{
    display:inline-block;
    height:121px;
    width:121px;
    padding-top:50px;
    color:#2a2a2a;
    font-weight:700;
    font-family:Poppins;
    margin:4px 2px;
}
.countdown > li p{
    color:inherit;
    text-transform:uppercase;
    font-size:11px;
    font-weight:inherit;
    font-family:inherit;
    margin-bottom:0;
    line-height:0;
    width:100%;
}
.countdown > li span{font-size:35px; line-height:0; width:100%;}
.follow-us{
    display:inline-block;
    margin-top:35px;
}
.follow-us > span{
    font-family:Poppins;
    color:#fff;
    font-size:18px;
    display:inline-block;
    margin-right:10px;
    font-weight:bold;
}
.follow-us > a{
    display:inline-block;
    font-size:18px;
    color:#fff;
    margin:0 7px;
}
.copyright > p{
    color:#fff;
    display:inline-block;
    font-family:poppins;
    font-size:15px;
    font-weight:bold;
    margin-bottom:0;
    width:100%;
}
.copyright{
    display:inline-block;
    margin-top:50px;
    width:100%;
}
/*===== Search Not Found =====*/
.search-found{
    float:left;
    margin-bottom:70px;
    width:100%;
}
.search-found .search-frm{max-width:80%;}
.search-found > h3{
    font-family:Poppins;
    font-size:28px;
    color:#444;
    margin-bottom:13px;
    margin-top:0;
}
.search-found > p{
    font-size:15px;
    margin-bottom:0;
    color:#777;
}
.search-found > h2{
    font-size:29px;
    color:#cecece;
    font-family:Poppins;
    margin:50px 0 0;
}
.search-frm{
    float:left;
    width:100%;
    position:relative;
    margin-top:35px;
}
.search-frm > input{
    background-color:#fafafa;
    height:60px;
    padding:14px 34px;
    width:100%;
    font-size:11px;
    color:#767676;
}
.search-frm > button{
    position:absolute;
    right:0;
    bottom:0;
    top:0;
    color:#fff;
    width:65px;
}
.search-frm > button:hover,
.search-frm > button:focus{color:#333;}
/*===== Error Page =====*/
.error-page-wrapper{
    float:left;
    position:relative;
    width:100%;
    z-index:1;
    padding:45px 50px 15px;
}
.error-page-inner{
    display:inline-block;
    max-width:54%;
}
.error-page-inner > h1{
    font-size:180px;
    color:#fff;
    font-family:Poppins;
    -webkit-text-shadow:0 5px 0 rgba(0, 0, 0, 0.38);
    -ms-text-shadow:0 5px 0 rgba(0, 0, 0, 0.38);
    -o-text-shadow:0 5px 0 rgba(0, 0, 0, 0.38);
    text-shadow:0 5px 0 rgba(0, 0, 0, 0.38);
    position:relative;
    display:inline-block;
    background:url(../images/error-bg2.png) no-repeat scroll center / contain;
    margin-bottom:20px;
}
.error-page-inner > h1 span{
    position:absolute;
    font-size:50px;
    font-style:italic;
    font-family:lato;
    -webkit-text-shadow:none;
    -ms-text-shadow:none;
    -o-text-shadow:none;
    text-shadow:none;
    z-index:1;
    color:#fff;
    padding:36px 15px;
    -webkit-transform:rotate(-30deg);
    -ms-transform:rotate(-30deg);
    -o-transform:rotate(-30deg);
    transform:rotate(-30deg);
    right:-95px;
    bottom:45px;
}
.error-page-inner > h1 span:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:url(../images/error-bg.png) no-repeat scroll center / cover;
    z-index:-1;
    -webkit-transform:rotate(37deg);
    -ms-transform:rotate(37deg);
    -o-transform:rotate(37deg);
    transform:rotate(37deg);
}
.error-page-inner > h4{
    font-size:42px;
    font-family:Poppins;
    color:#fff;
    margin-bottom:15px;
    margin-top:0;
}
.error-page-inner > p{
    display:inline-block;
    font-size:18px;
    font-style:italic;
    line-height:28px;
    color:#e3e3e3;
    max-width:75%;
}
.error-page-inner > a{
    display:inline-block;
    font-family:Poppins;
    font-weight:700;
    font-size:12px;
    color:#171616;
    padding:15px 40px;
    border:2px solid;
    margin-top:18px;
}
.error-page-inner > a:hover{background-color:transparent;}
.error-page-inner .search-frm{
    -webkit-box-shadow:0 0 13px rgba(0, 0, 0, 0.27);
    -ms-box-shadow:0 0 13px rgba(0, 0, 0, 0.27);
    -o-box-shadow:0 0 13px rgba(0, 0, 0, 0.27);
    box-shadow:0 0 13px rgba(0, 0, 0, 0.27);
    margin-top:50px;
}
.error-page-inner .search-frm > button{color:#362d14;}
.error-page-wrapper .right,
.track-page-wrapper .right{bottom:40px;}
/*===== Newsletter Popup =====*/
.newsletter-popup-wrapper{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    background-color:rgba(0, 0, 0, .9);
}
.newsletter-popup-inner{
    background-color:#f4fbf6;
    background-position:right center;
    background-repeat:no-repeat;
    display:inline-block;
    left:50%;
    max-width:650px;
    padding:50px 130px 45px 50px;
    position:absolute;
    text-align:left;
    top:50%;
    transform:translate(-50%, -50%);
    width:100%;
}
.newsletter-popup-inner > a.close-btn{
    position:absolute;
    right:20px;
    top:20px;
    text-align:center;
    color:#fff;
    background-color:#333;
    font-size:11px;
    line-height:26px;
    width:26px;
}
.newsletter-popup-inner > h3{
    font-size:22px;
    font-family:Poppins;
    color:#444;
    line-height:20px;
    margin-bottom:24px;
    max-width:70%;
    padding-left:60px;
    position:relative;
    margin-top:0;
}
.newsletter-popup-inner > h3 i{
    font-size:40px;
    margin-right:13px;
    position:absolute;
    left:0;
    top:0;
}
.newsletter-popup-inner > p{
    font-size:15px;
    color:#666;
    line-height:25px;
    max-width:80%;
    margin-bottom:30px;
}
.newsletter-frm{
    float:left;
    width:100%;
    position:relative;
    -webkit-box-shadow:0 0 24px rgba(0, 0, 0, .12);
    -ms-box-shadow:0 0 24px rgba(0, 0, 0, .12);
    -o-box-shadow:0 0 24px rgba(0, 0, 0, .12);
    box-shadow:0 0 24px rgba(0, 0, 0, .12);
    margin-bottom:30px;
}
.newsletter-frm > input{
    padding:10px 30px;
    font-size:10.8px;
    color:#838383;
    height:57px;
    width:100%;
}
.newsletter-frm > button{
    position:absolute;
    right:5px;
    top:5px;
    bottom:5px;
    color:#fff;
    font-size:13px;
    font-weight:700;
    font-family:Poppins;
    padding:0 30px;
}
.newsletter-popup-inner > span{
    font-size:14px;
    float:left;
    width:100%;
}
.newsletter-popup-inner > span i{
    font-size:13px;
    margin-right:10px;
}
/*===== Gallery Page =====*/
.gallery-bx{
    float:left;
    position:relative;
    width:100%;
}
.remove-ext4 .gallery-bx{margin-bottom:15px;}
.gallery-bx > img{
    width:100%;
    float:left;
}
.gallery-bx:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    opacity:0;
}
.gallery-info-btns{
    position:absolute;
    right:0;
    top:30px;
    width:40px;
    opacity:0;
    visibility:hidden;
}
.gallery-info-btns > a{
    line-height:40px;
    width:40px;
    display:inline-block;
    text-align:center;
    font-size:14px;
    margin-bottom:5px;
    right:-20px;
    position:relative;
    opacity:0;
}
.gallery-info-btns > a:hover,
.gallery-info-btns > a:focus{background-color:#fff;}
.gallery-bx > h3{
    font-size:25px;
    position:absolute;
    color:#fff;
    bottom:0px;
    margin-bottom:0;
    left:40px;
    line-height:30px;
    font-weight:700;
    right:40px;
    opacity:0;
    visibility:hidden;
}
.gallery-bx:hover:before{opacity:.9;}
.gallery-bx:hover > h3{
    opacity:1;
    visibility:visible;
    bottom:40px;
}
.gallery-bx:hover .gallery-info-btns{
    right:40px;
    opacity:1;
    visibility:visible;
}
.gallery-bx:hover .gallery-info-btns > a{
    right:0;
    opacity:1;
}
/*===== Gallery Detail =====*/
.gallery-detail-wrapper{
    float:left;
    width:100%;
}
.gallery-detail-wrapper > img{
    float:left;
    width:100%;
}
.gallery-detail-inner{
    float:left;
    width:100%;
    padding:0 70px;
    margin-top:53px;
}
.gallery-detail-inner > h1{
    line-height:30px;
    font-size:28px;
    color:#424242;
    font-weight:800;
    margin-bottom:0;
    margin-top:0;
}
.gallery-detail-inner > p{
    font-size:16px;
    color:#6f6f6f;
    line-height:28px;
    margin:32px 0 0;
}
.inner-gallery-wrapper{margin:43px 0 -10px; display:inline-block; width:100%;}
.inner-gallery-wrapper .mrg20 a{
    margin-bottom:20px;
    float:left;
    width:100%;
}
.post-tags2{
    float:left;
    width:100%;
    margin-top:37px;
    font-size:17px;
    color:#6f6f6f;
}
.post-tags2 > span{font-weight:700;}
.post-tags2 > a{margin:0 2px; font-size:14px;}
/*===== Login & Register =====*/
.sign-popup-wrapper{
    background-color:#f9f9f9;
    float:left;
    width:100%;
    padding:20px;
}
.sign-popup-inner{
    float:left;
    width:100%;
    -webkit-box-shadow:0 20px 32px rgba(0, 0, 0, 0.069);
    -ms-box-shadow:0 20px 32px rgba(0, 0, 0, 0.069);
    -o-box-shadow:0 20px 32px rgba(0, 0, 0, 0.069);
    box-shadow:0 20px 32px rgba(0, 0, 0, 0.069);
    background-color:#fff;
    padding:60px;
    position:relative;
}
.sign-popup-title{
    float:left;
    width:100%;
    margin-bottom:22px;
}
.sign-popup-title > h4{
    font-size:30px;
    font-family:Poppins;
    color:#000;
    margin-bottom:3px;
    margin-top:0;
}
.sign-popup-title > span{
    font-size:13px;
    font-family:Poppins;
    color:#444;
}
.popup-social{
    float:left;
    width:100%;
}
.popup-social > a{
    display:inline-block;
    margin:2.5px 0px;
    color:#fff;
    font-size:14px;
    padding:8px 28px;
    border-width:2px;
    border-style:solid;
}
.popup-social > a i{font-size:13px;}
.popup-social > a:hover{background-color:transparent;}
.popup-seprator{
    float:left;
    width:100%;
    border-bottom:1px solid #dedede;
    position:relative;
    margin:30px 0;
}
.popup-seprator > i{
    font-style:normal;
    font-size:13px;
    font-family:Poppins;
    color:#444;
    position:absolute;
    left:50%;
    line-height:30px;
    width:30px;
    background-color:#fff;
    top:50%;
    margin:-15px 0 0 -15px;
}
.sign-form{
    float:left;
    width:100%;
}
.sign-form input{
    float:left;
    width:100%;
    font-size:10.8px;
    color:#a2a2a2;
    background-color:#f6f6f6;
    height:50px;
    margin-bottom:10px;
    padding:10px 28px;
}
.sign-form button{
    float:left;
    width:100%;
    color:#fff;
    font-weight:700;
    font-family:Poppins;
    padding:15px 20px;
}
.sign-form button:hover{color:#333;}
.sign-form a{
    display:inline-block;
    margin-top:19px;
    color:#444;
    font-size:11px;
    font-family:Poppins;
}
.sign-form a.recover-btn{float:right;}
/*===== Login & Register Popup =====*/
.log-popup,
.sign-popup{
    position:fixed;
    z-index:999;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:rgba(0, 0, 0, .9);
    opacity:0;
    visibility:hidden;
    overflow-y:auto;
}
.log-popup .sign-popup-wrapper,
.sign-popup .sign-popup-wrapper{
    max-width:570px;
    display:inline-block;
    float:none;
    margin:40px auto;
    text-align:left;
}
.log-close-btn,
.sign-close-btn{
    position:absolute;
    right:20px;
    top:20px;
    line-height:25px;
    width:25px;
    text-align:center;
    font-size:11px;
    background-color:#333;
    color:#fff;
}
.log-close-btn:hover,
.log-close-btn:focus,
.sign-close-btn:hover,
.sign-close-btn:focus{color:#fff;}
html.log-popup-active,
html.sign-popup-active,
html.order-popup-active,
html.cash-method-popup-active,
html.card-method-popup-active,
html.thanks-message-popup-active{overflow-y:hidden;}
html.log-popup-active .log-popup,
html.sign-popup-active .sign-popup,
html.order-popup-active .your-order-popup,
html.cash-method-popup-active .cash-method,
html.card-method-popup-active .card-method,
html.thanks-message-popup-active .thanks-message{
    opacity:1;
    visibility:visible;
}
/*===== Payment Popup Style =====*/
.payment-popup-wrapper{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, .9);
    overflow-y:auto;
    z-index:999;
    opacity:0;
    visibility:hidden;
}
.payment-popup-inner{
    background-color:#f4fbf6;
    background-position:right center;
    background-repeat:no-repeat;
    background-size:contain;
    display:inline-block;
    left:50%;
    max-width:715px;
    padding:55px 55px 110px;
    position:absolute;
    text-align:initial;
    top:50%;
    transform:translate(-50%, -50%);
    width:100%;
    z-index:1;
}
.payment-close-btn{
    line-height:30px;
    width:30px;
    text-align:center;
    color:#fff;
    background-color:#333;
    position:absolute;
    right:10px;
    top:10px;
    font-size:12px;
}
.payment-popup-inner:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#f4fbf6;
    opacity:.3;
    z-index:-1;
}
.payment-close-btn:hover,
.payment-close-btn:focus{color:#fff;}
.payment-popup-title{
    float:left;
    width:100%;
    font-size:22px;
    font-family:Poppins;
    color:#0c0c0c;
    margin-bottom:30px;
}
.payment-popup-title > i{
    font-size:23px;
    margin-right:7px;
}
.payment-popup-info{
    float:left;
    width:100%;
}
.payment-popup-info > h5{
    font-size:18px;
    font-family:Poppins;
    color:#333;
    margin-bottom:30px;
}
.payment-popup-info-inner{
    float:left;
    width:100%;
}
.payment-info-list{
    float:left;
    width:100%;
    padding-left:0;
    list-style:none;
    margin-bottom:0;
}
.payment-info-list > li{
    float:left;
    width:100%;
    padding-bottom:10px;
    color:#555;
    font-family:Poppins;
    position:relative;
    padding-left:25%;
    border-bottom:1px solid #e0e0e0;
    margin-bottom:10px;
}
.payment-info-list > li span{
    position:absolute;
    font-weight:700;
    left:0;
}
.payment-info-list > li:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0;
}
.payment-info-list > li a{
    font-size:15px;
    font-family:Poppins;
    display:inline-block;
    margin-left:5px;
}
.payment-info-list > li a i{margin-right:4px;}
.payment-info-list > li a:hover,
.payment-info-list > li a:focus{color:#333;}
.payment-popup-info-inner label{
    font-size:12px;
    font-family:lato;
    font-weight:400;
    color:#3c3838;
    float:left;
    width:100%;
    margin-bottom:10px;
}
.payment-popup-info-inner input,
.payment-popup-info-inner textarea{
    float:left;
    width:100%;
    -webkit-box-shadow:0 3px 10px rgba(0, 0, 0, .04);
    -ms-box-shadow:0 3px 10px rgba(0, 0, 0, .04);
    -o-box-shadow:0 3px 10px rgba(0, 0, 0, .04);
    box-shadow:0 3px 10px rgba(0, 0, 0, .04);
    padding:20px 25px;
    font-size:10.8px;
    color:#a2a2a2;
}
.payment-popup-info-inner textarea{height:155px;}
.confrm-order{
    position:absolute;
    bottom:-75px;
    left:55px;
    right:55px;
    padding:35px 50px;
}
.confrm-order .order-total{
    background-color:inherit;
    padding-bottom:0;
    padding:0;
    list-style:none;
    max-width:50%;
    margin-top:0;
}
.confrm-order .order-total > li:before{border-color:#5d5d5d;}
.confrm-order-btn{
    float:left;
    width:100%;
    max-width:50%;
    padding-left:65px;
    text-align:center;
}
.confrm-order-btn > a{
    color:#fff;
    background-color:#1a1a1a;
    font-family:Poppins;
    font-size:12px;
    padding:22.5px 35px;
    display:inline-block;
    margin-top:2px;
    border:2px solid #1a1a1a;
}
.confrm-order-btn > a:hover,
.confrm-order-btn > a:focus{
    background-color:transparent;
    color:#1a1a1a;
}
.payment-popup-info-inner h5{
    font-size:18px;
    color:#333;
    font-family:Poppins;
    float:left;
    width:100%;
    margin:35px 0 10px;
}
.payment-method{
    float:left;
    width:100%;
    padding-left:0;
    list-style:none;
    margin-bottom:0;
}
.payment-method > li{
    float:left;
    margin-right:10px;
    background-color:#fff;
    padding:10px;
    margin-top:10px;
    -webkit-box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
    -ms-box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
    -o-box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
    box-shadow:0 3px 10px rgba(0, 0, 0, 0.04);
}
.payment-method li .radio-box [type="radio"]:checked + label::before,
.payment-method li .radio-box [type="radio"]:not(:checked) + label::before{
    background-color:#e5e5e5;
    border-color:#e5e5e5;
}
/*===== Thanks Message Popup =====*/
.thanks-message .payment-popup-inner{
    text-align:inherit;
    max-width:640px;
    margin:180px auto;
    vertical-align:middle;
    padding:60px 55px 55px;
}
.thanks-message .payment-popup-inner > i{display:inline-block;}
.thanks-message .payment-popup-inner:before{display:none;}
.thanks-message .payment-popup-inner > h3{
    font-size:30px;
    color:#fff;
    font-family:Poppins;
    margin:27px 0 8px;
}
.thanks-message .payment-popup-inner > p{
    font-size:15px;
    color:#fff;
    display:inline-block;
    max-width:63%;
    line-height:26px;
    margin-bottom:0;
}
.thanks-message-mockup{
    position:absolute;
    opacity:.06;
    bottom:0;
    z-index:-1;
}
.thanks-message-mockup.right{right:0;}
/*===== Dashboard Page =====*/
/*===== Profile Sidebar =====*/
.profile-sidebar{
    float:left;
    width:100%;
    padding:20px;
    background-color:#f9f9f9;
}
.profile-sidebar-inner{
    float:left;
    width:100%;
    background-color:#fff;
    -webkit-box-shadow:0 20px 32px rgba(0, 0, 0, .06);
    -ms-box-shadow:0 20px 32px rgba(0, 0, 0, .06);
    -o-box-shadow:0 20px 32px rgba(0, 0, 0, .06);
    box-shadow:0 20px 32px rgba(0, 0, 0, .06);
    overflow:hidden;
}
.user-info{
    float:left;
    width:100%;
    padding:35px 30px 30px;
}
.user-info > img{
    float:left;
    margin-right:15px;
    border:3px solid;
}
.user-info-inner{display:table;}
.user-info-inner > h5{
    color:#fff;
    font-family:Poppins;
    margin:0 0 5px;
}
.user-info-inner > span{
    font-family:Poppins;
    color:#fff;
    display:block;
    font-size:11px;
}
.user-info-inner > a{float:left;}
.user-info-inner > a{
    float:left;
    font-family:Poppins;
    font-size:10px;
    font-weight:700;
    padding:8px 20px;
    margin-top:13px;
}
.user-info-inner > a:hover,
.user-info-inner > a:focus{
    background-color:#333;
    color:#fff;
}
.profile-sidebar-inner > ul{
    border-bottom:0;
    float:left;
    width:100%;
    padding:48px 50px 53px;
}
.profile-sidebar-inner > ul > li{
    float:left;
    width:100%;
    margin-bottom:0;
    font-size:12px;
    font-family:Poppins;
    color:#444;
}
.profile-sidebar-inner > ul > li a{
    float:left;
    width:100%;
    padding:0 0 0 25px;
}
.profile-sidebar-inner > ul > li a i{
    margin-right:8px;
    font-size:15px;
    color:#b5b5b5;
    position:absolute;
    left:0;
}
.profile-sidebar-inner > ul > li a:hover{background-color:transparent;}
.profile-sidebar-inner > ul > li + li{margin-top:22px;}
.profile-sidebar-inner > ul > li a:before{
    content:"\f105";
    position:absolute;
    right:0;
    font-family:fontawesome;
    font-size:15px;
    opacity:0;
    top:50%;
    margin-top:-10px;
}
.profile-sidebar-inner > ul > li.active > a::before{opacity:1;}
/*===== Dashboard Tab =====*/
.dashboard-wrapper{
    float:left;
    width:100%;
    padding:30px;
    background-color:#f9f9f9;
}
.welcome-note{
    float:left;
    width:100%;
    padding:35px 45px 30px;
    position:relative;
    z-index:1;
    margin-bottom:45px;
}
.welcome-note > h4{
    font-size:16px;
    font-family:Poppins;
    color:#fff;
    margin:0 0 10px;
}
.welcome-note > p{
    color:#fff;
    font-size:14px;
    line-height:24px;
    margin-bottom:0;
}
.welcome-note > img{
    position:absolute;
    bottom:0;
    right:15px;
    z-index:-1;
    opacity:.05;
}
.remove-noti{
    position:absolute;
    top:-8px;
    right:-8px;
}
.dashboard-title{
    float:left;
    padding:0 20px;
    width:100%;
    margin-bottom:30px;
}
.dashboard-title > h4{
    font-family:Poppins;
    color:#3c3838;
    margin-top:0;
}
.dashboard-title > span{
    font-style:italic;
    font-size:16px;
    color:#666;
}
.restaurants-list{
    float:left;
    padding:0 20px 20px;
    width:100%;
}
.featured-restaurant-box.style3{
    border-top:0;
    padding:30px;
    margin-top:0;
    background-color:#fff;
    -webkit-box-shadow:0 0 32px rgba(0, 0, 0, .04);
    -ms-box-shadow:0 0 32px rgba(0, 0, 0, .04);
    -o-box-shadow:0 0 32px rgba(0, 0, 0, .04);
    box-shadow:0 0 32px rgba(0, 0, 0, .04);
}
.featured-restaurant-box.style3 + .featured-restaurant-box.style3{margin-top:10px;}
.featured-restaurant-box.style3 .featured-restaurant-thumb{
    width:130px;
    text-align:center;
}
.featured-restaurant-box.style3 .featured-restaurant-thumb > a{
    border:2px solid #f1f1f1;
    display:block;
    line-height:90px;
    min-height:90px;
}
.featured-restaurant-box.style3 .post-meta{display:block;}
.featured-restaurant-box.style3 .post-meta{padding-left:0;}
.view-menu-liks{width:120px;}
.view-menu-liks .post-likes{
    position:static;
    float:right;
}
.view-menu-liks > a{
    background-color:#434343;
    color:#fff;
    font-size:12px;
    padding:10px 25px;
    float:right;
    margin-top:5px;
}
.view-menu-liks > a:hover,
.view-menu-liks > a:focus{color:#fff;}
/*===== My Bookings Tab =====*/
.tabs-wrp{
    float:left;
    width:100%;
    background-color:#fbfbfb;
    padding:50px;
}
.tabs-wrp > h4{
    font-family:Poppins;
    font-size:22px;
    color:#3c3838;
    display:inline-block;
    margin-bottom:0;
    line-height:45px;
    margin-top:0;
}
.select-wrap-inner{
    float:right;
    max-width:395px;
    width:100%;
}
.select-wrap-inner > div{width:48.7%;}
.select-wrap-inner > div + div{margin-left:10px;}
.select-wrap-inner .select-wrp2 .chosen-container > a{
    background-color:#fff;
    -webkit-box-shadow:0 3px 10px rgba(0, 0, 0, .04);
    -ms-box-shadow:0 3px 10px rgba(0, 0, 0, .04);
    -o-box-shadow:0 3px 10px rgba(0, 0, 0, .04);
    box-shadow:0 3px 10px rgba(0, 0, 0, .04);
    height:45px;
    padding:10px 33px 10px 25px;
    text-transform:initial;
    color:#a2a2a2;
    font-weight:400;
    font-size:10.8px;
}
.booking-table{
    float:left;
    width:100%;
}
.booking-table > table{
    float:left;
    width:100%;
    -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.04);
    -ms-box-shadow:0 0 30px rgba(0, 0, 0, 0.04);
    -o-box-shadow:0 0 30px rgba(0, 0, 0, 0.04);
    box-shadow:0 0 30px rgba(0, 0, 0, 0.04);
}
.booking-table > table thead{
    background-color:#2a2a2a;
    color:#fff;
    -webkit-box-shadow:0 0 30px rgba(0, 0, 0, .04);
    -ms-box-shadow:0 0 30px rgba(0, 0, 0, .04);
    -o-box-shadow:0 0 30px rgba(0, 0, 0, .04);
    box-shadow:0 0 30px rgba(0, 0, 0, .04);
}
.booking-table > table thead th{
    font-family:Poppins;
    padding:21px 40px;
    font-size:11px;
    font-weight:700;
    text-align:center;
}
.booking-table > table thead th:first-child,
.booking-table > table tbody td:first-child{text-align:left;}
.booking-table > table tbody td{
    padding:25px 40px;
    font-family:Poppins;
    font-size:11px;
    color:#444;
    position:relative;
    text-align:center;
}
.booking-table > table tbody td h5{
    font-size:13px;
    margin-bottom:0;
    position:relative;
    padding-left:20px;
    font-weight:400;
    color:inherit;
}
.booking-table > table tbody td h5:before{
    content:"";
    position:absolute;
    left:0;
    height:7px;
    width:7px;
    background-color:orange;
    top:50%;
    margin-top:-3.5px;
}
.booking-table > table tbody tr:nth-child(2n+1){background-color:#fff;}
.booking-table > table tbody tr:nth-child(2n){background-color:#f9f9f9;}
span.processing,
span.completed{
    padding:7px 12px;
    display:inline-block;
    color:#fff;
    font-size:10px;
    font-weight:700;
}
span.processing{background-color:#3fbfd2;}
span.completed{background-color:#67cc4c;}
.booking-table > table tbody td a.detail-link{
    -webkit-box-shadow:7px 0 7px rgba(0, 0, 0, .04);
    -ms-box-shadow:7px 0 7px rgba(0, 0, 0, .04);
    -o-box-shadow:7px 0 7px rgba(0, 0, 0, .04);
    box-shadow:7px 0 7px rgba(0, 0, 0, .04);
    position:absolute;
    right:-14px;
    line-height:28px;
    width:28px;
    text-align:center;
    margin-top:-14px;
    top:50%;
    background-color:#fff;
    font-size:11px;
}
.booking-table > table tbody td a.detail-link:hover,
.booking-table > table tbody td a.detail-link:focus{color:#fff;}
.booking-table > table tbody tr:nth-child(2n) a.detail-link{background-color:#f9f9f9;}
/*===== My Reviews Tab =====*/
.review-list{
    float:left;
    width:100%;
}
.review-box{
    float:left;
    width:100%;
    background-color:#fff;
    -webkit-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    -ms-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    -o-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    padding:40px 45px;
}
.review-box + .review-box{margin-top:12px;}
.review-box > h4{
    display:inline-block;
    font-size:16px;
    color:#444;
    font-weight:700;
    margin-bottom:0;
}
.review-box .ratings{
    display:inline-block;
    margin-left:30px;
}
.ratings{display:inline-block;}
.ratings > i{font-size:12px;}
i.off{color:#d7d7d7;}
.review-box > p{
    color:#666;
    margin:12px 0 0;
}
.review-info{
    float:left;
    width:100%;
    margin-top:27px;
}
.review-info > img{
    float:left;
    margin-right:10px;
}
.review-info-inner{display:table;}
.review-info-inner > h5{
    font-size:13px;
    color:#444;
    font-weight:700;
    margin:4px 0;
}
.review-info-inner > i{font-size:12px;}
/*===== My Orders Tab =====*/
.order-list{
    float:left;
    width:100%;
}
.order-item{
    float:left;
    width:100%;
    background-color:#fff;
    padding:30px;
    -webkit-box-shadow:0 0 32px rgba(0, 0, 0, .04);
    -ms-box-shadow:0 0 32px rgba(0, 0, 0, .04);
    -o-box-shadow:0 0 32px rgba(0, 0, 0, .04);
    box-shadow:0 0 32px rgba(0, 0, 0, .04);
    display:table;
}
.order-item + .order-item{margin-top:10px;}
.order-thumb{
    position:relative;
    width:180px;
    max-width:180px;
    overflow:hidden;
}
.order-item > div{
    display:table-cell;
    vertical-align:middle;
}
.order-info{padding-left:30px;}
.order-info > span.red-clr,
.order-info > span.yellow-clr{
    font-size:12px;
    font-family:Poppins;
    display:block;
}
.order-info > h4{
    font-size:18px;
    font-weight:600;
    margin:13px 0 11px;
}
.order-info > p{margin-bottom:25px;}
.order-info > span.processing,
.order-info > span.completed{
    margin-left:30px;
    margin-top:9px;
}
.order-info > a{
    float:right;
    font-size:12px;
    background-color:#434343;
    color:#fff;
    padding:10px 25px;
}
.order-info > span.price{margin-top:9px;}
/*===== Shortlists Tab =====*/
.tabs-wrp .restaurants-list{
    padding:0;
    margin-top:18px;
}
.tabs-wrp .featured-restaurant-box.style3{padding:30px 40px;}
/*===== Statement Tab =====*/
.statement-table{
    float:left;
    width:100%;
}
.statement-table table{
    width:100%;
    text-align:center;
    -webkit-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    -ms-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    -o-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
}
.statement-table table thead{
    background-color:#2a2a2a;
    color:#fff;
    -webkit-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    -ms-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    -o-box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
    box-shadow:0 0 32px rgba(0, 0, 0, 0.04);
}
.statement-table table th{
    font-size:11px;
    font-family:Poppins;
    padding:20px 20px;
    text-align:inherit;
}
.statement-table table tbody{background-color:#fff;}
.statement-table table tbody td{
    font-family:Poppins;
    font-size:12px;
    color:#666;
    padding:30px 20px;
    border:1px solid #eee;
}
/*===== Account Settings Tab =====*/
.account-settings-inner{
    float:left;
    width:100%;
    margin-top:20px;
    padding-right:20px;
}
.account-settings-inner .loc-map2{margin-bottom:0;}
.profile-info{
    float:left;
    width:100%;
    margin-top:10px;
}
.profile-thumb{
    height:160px;
    width:160px;
    display:inline-block;
    overflow:hidden;
    margin-bottom:14px;
}
.profile-thumb > img{
    width:100%;
    height:100%;
}
.profile-info > a{
    font-size:13px;
    display:inline-block;
    position:relative;
    line-height:13px;
}
.profile-info > a.change-password{padding-left:15px;}
.profile-info > a:hover{color:#2a2a2a;}
.profile-info > a.change-password:before{
    content:"";
    left:0;
    height:7px;
    width:7px;
    background-color:red;
    position:absolute;
    bottom:2px;
}
.profile-img-upload-btn{
    display:block;
    margin:14px 0 12px;
}
.profile-img-upload-btn > label{
    padding:13px 30px;
    font-size:10px;
    font-family:Poppins;
    font-weight:700;
    display:inline-block;
    margin-bottom:0;
}
.profile-img-upload-btn > label.yellow-bg:hover{color:#fff;}
.profile-img-upload-btn .fileContainer{
    overflow:hidden;
    position:relative;
}
.profile-img-upload-btn .fileContainer [type=file]{
    cursor:inherit;
    display:block;
    font-size:999px;
    filter:alpha(opacity=0);
    min-height:100%;
    min-width:100%;
    opacity:0;
    position:absolute;
    right:0;
    text-align:right;
    top:0;
}
.profile-info > p{
    font-size:12px;
    color:#a2a2a2;
    margin-bottom:0;
}
.default-img-lst{
    float:left;
    width:100%;
    margin-top:10px;
}
.default-img-lst > img{
    display:inline-block;
    cursor:pointer;
    margin:5px;
}
.profile-info-form-wrap{
    float:left;
    width:100%;
    padding-left:20px;
}
/*===== Food Detail ====*/
.restaurant-detail-title span.price{
    display:inline-block;
    float:none;
    vertical-align:middle;
}
.qty-wrap{margin-top:20px;}
.qty-wrap .input-group{max-width:200px;}
.qty-wrap .qty.form-control,
.qty-wrap .input-group-btn button{
    height:45px;
    text-align:center;
    font-family:Poppins;
    font-weight:700;
}
.restaurant-detail-title > a{
    display:inline-block;
    padding:10px 28.5px;
    font-size:12px;
    color:#fff;
    background-color:#434343;
    vertical-align:middle;
    margin-top:30px;
}
.restaurant-detail-title > p{
    margin:20px 0 0;
    line-height:28px;
}
.menu-lst{position:relative;}
.menu-lst > ul{
    overflow-y:auto !important;
    height:265px;
}
/*===== Track Order =====*/
.track-order-popup{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 00, .85);
    z-index:9999;
}
.track-order-popup .track-popup-innr{margin:100px 0;}
.track-popup-innr{
    display:inline-block;
    max-width:640px;
    width:100%;
    background-color:#f9fdfa;
    background-repeat:no-repeat;
    background-position:left center;
    position:relative;
    z-index:1;
    padding:70px 60px 50px;
}
.track-popup-innr:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#f9fdfa;
    z-index:-1;
    opacity:.94;
}
.track-close{
    position:absolute;
    right:10px;
    top:10px;
    line-height:25px;
    width:25px;
    text-align:center;
    color:#fff;
    background-color:#333;
    font-size:11px;
}
.track-close:hover,
.track-close:focus{color:#fff;}
.track-popup-innr > h3{
    font-family:Poppins;
    font-size:31px;
    color:#333;
}
.track-popup-innr > p{
    font-size:15px;
    color:#555;
    max-width:60%;
    display:inline-block;
    line-height:23px;
    margin-bottom:0;
}
.track-popup-innr > form{
    display:inline-block;
    max-width:410px;
    width:100%;
    margin-top:25px;
}
.track-popup-innr > form input{
    float:left;
    width:100%;
    height:57px;
    padding:15px 30px;
    text-align:inherit;
    -webkit-box-shadow:0 0 24px rgba(0, 0, 0, .12);
    -ms-box-shadow:0 0 24px rgba(0, 0, 0, .12);
    -o-box-shadow:0 0 24px rgba(0, 0, 0, .12);
    box-shadow:0 0 24px rgba(0, 0, 0, .12);
    font-size:10.8px;
    color:#838383;
}
.track-popup-innr > form button,
.track-popup-innr > form a{
    display:inline-block;
    color:#fff;
    font-weight:800;
    font-size:13px;
    font-family:Poppins;
    padding:15px 40px;
    margin-top:15px;
}
.track-popup-innr > i{
    display:block;
    font-size:15px;
    margin-top:40px;
}
.track-popup-innr > i span{font-weight:600;}
.track-page-wrapper{
    float:left;
    padding:0 20px;
    position:relative;
    width:100%;
    z-index:1;
}
/*===== Your Order Popup =====*/
.your-order-popup{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0, 0, 0, .85);
    z-index:9999;
    overflow-y:auto;
    opacity:0;
    visibility:hidden;
}
.your-order-popup .your-order-innr{margin:130px 0;}
.your-order-innr{
    display:inline-block;
    max-width:720px;
    width:100%;
    position:relative;
}
.order-lst-wrp{
    float:left;
    width:100%;
    position:relative;
    background-color:#f4fbf7;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:right center;
    padding:70px 80px 60px 65px;
    text-align:left;
}
.order-lst-wrp > h4{
    font-size:22px;
    font-family:Poppins;
    color:#444;
    margin-bottom:35px;
}
.order-item2{
    float:left;
    width:100%;
}
.order-item2 > a{
    float:left;
    max-width:60px;
    margin-right:25px;
}
.order-detail{
    display:table;
    margin-top:3px;
}
.order-detail > h4{
    font-size:16px;
    color:#333;
    font-weight:700;
    margin-bottom:7px;
}
.order-detail > span.price{
    color:#444;
    font-size:18px;
}
.order-item2 .restaurant-info{
    margin-top:20px;
    padding-top:15px;
}
.order-time{
    float:left;
    width:100%;
    margin-top:20px;
}
.order-time-left{
    font-family:Poppins;
    font-size:13px;
    font-weight:700;
    color:#494949;
    display:inline-block;
    margin-right:30px;
}
.order-time-left > span{font-size:22px;}
.order-time > a{
    font-size:11px;
    font-family:Poppins;
    display:inline-block;
    font-weight:700;
    color:#1e1e1e;
    padding:13px 20px 12px;
}
.order-time > a.yellow-bg:hover,
.order-time > a.yellow-bg:focus{color:#fff;}
.buyer-info{
    position:relative;
    float:left;
    width:100%;
    padding:80px 20px;
}
.buyer-info:before{
    content:"";
    position:absolute;
    top:50%;
    height:50px;
    width:50px;
    left:-15px;
    background-color:inherit;
    -webkit-border-radius:15px;
    border-radius:15px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-top:-25px;
}
.buyer-info > img{
    display:inline-block;
    margin-bottom:16px;
}
.buyer-info-innr{
    float:left;
    width:100%;
}
.buyer-info-innr > h5{
    font-family:Poppins;
    font-size:16px;
    color:#fff;
    margin-bottom:2px;
}
.buyer-info-innr > span{
    font-family:Poppins;
    color:#fff;
    font-size:11px;
    word-wrap:break-word;
}
.buyer-cnt{
    float:left;
    width:100%;
    margin-top:17px;
}
.buyer-cnt > span{
    display:block;
    font-size:13px;
    color:#fff;
    margin-top:8px;
}
.order-lst-wrp,
.buyer-info{min-height:390.233px;}
a.close-buyer,
a.thanks-close{
    position:absolute;
    right:10px;
    top:10px;
    line-height:30px;
    width:30px;
    text-align:center;
    color:#fff;
    background-color:#333;
    z-index:1;
    font-size:11px;
}
a.close-buyer:hover,
a.close-buyer:focus,
a.thanks-close:hover,
a.thanks-close:focus{color:#333;}
/*--- recent artilce post ---*/
.article-dev{
    display:inline-block;
    position:relative;
    width:100%;
    margin-bottom:60px;
}
.article-data{
    display:inline-block;
    margin-top:30px;
    width:100%;
}
.upcoming-event .title1-wrapper{
    margin-bottom:10px;
}
.article-info-meta{
    display:inline-block;
    padding-right:13px;
    text-align:right;
    vertical-align:middle;
    width:30%;
}
.article-meta{
    border-left:1px solid #cfcfcf;
    display:inline-block;
    padding-left:28px;
    vertical-align:middle;
    width:68%;
}
.article-info-meta > span{
    display:inline-block;
    font-weight:bold;
    text-transform:uppercase;
    width:100%;
    color:#111111;
}
.article-info-meta > a{
    font-family:poppins;
    font-size:13px;
    line-height:18px;
    text-transform:capitalize;
    color:#a6a4a4;
}
.article-meta > h3{
    color:#333;
    font-size:17px;
    font-weight:600;
    line-height:22px;
    margin-top:4px;
}
.like-meta{
    display:inline-block;
    width:100%;
}
.like-meta > span{
    font-weight:500;
    margin-right:20px;
}
.like-meta > span i{
    font-weight:normal;
    margin-right:3px;
}
/*--- new section home 1---*/
.top-mockup{
    position:absolute;
    right:0;
    top:0;
}
.bottom-mockup{
    bottom:0;
    left:-40px;
    position:absolute;
}
.dishes-caro{
    float:left;
    width:100%;
    box-shadow:0px 5px 32px 0px rgba(0, 0, 0, 0.04);
}
.dish-item{
    background:#fff none repeat scroll 0 0;
    border-radius:6px;
    float:left;
    padding-bottom:70px;
    position:relative;
    width:100%;
}
.dish-item > figure{
    display:inline-block;
    margin-bottom:22px;
    width:100%;
}
.dishes-caro .dish-item .item-meta > img{
    background:#f8f8f8;
    border-radius:4px;
}
.item-meta{
    border-bottom:1px dashed #ececec;
    display:inline-block;
    padding:0 35px 12px;
    width:100%;
}
.item-meta > img{
    display:inline-block !important;
    vertical-align:top;
    width:54px !important;
}
.item-meta > div{
    display:inline-block;
    padding-left:18px;
    vertical-align:middle;
    width:78%;
}
.item-meta > div span{
    color:#333333;
    display:inline-block;
    font-family:poppins;
    font-size:15px;
    font-weight:600;
    width:100%;
}
.item-meta > div p{
    font-size:13px;
    margin-bottom:0;
}
.caro-dish-name{
    display:inline-block;
    padding:14px 35px;
    text-align:center;
    width:100%;
}
.caro-dish-name > h4{
    color:#444;
    font-size:17px;
    font-weight:bold;
}
.caro-dish-name > span{
    display:inline-block;
    font-size:15px;
    margin-top:5px;
    width:100%;
}
.rite-meta{
    display:inline-block;
    text-align:center;
    width:100%;
}
.rite-meta .view-more{
    background:#000 none repeat scroll 0 0;
    border-radius:30px;
    bottom:10px;
    color:#fff;
    display:inline-block;
    font-family:poppins;
    font-weight:bold;
    left:50%;
    padding:15px 40px;
    text-transform:uppercase;
}
.dishes-caro .owl-dots{
    bottom:40px;
    left:50%;
    position:absolute;
    transform:translate(-50%);
}
.dishes-caro .owl-dots .owl-dot{
    background:#e3e3e3 none repeat scroll 0 0;
    border-radius:100%;
    display:inline-block;
    height:12px;
    margin:0 2px;
    width:12px;
}
.dishes-caro .owl-dots .owl-dot.active{
    background:#bfbfbf none repeat scroll 0 0;
}
.popular-of-month{
    background:#fff none repeat scroll 0 0;
    border-radius:5px;
    box-shadow:0 5px 32px 0 rgba(0, 0, 0, 0.04);
    display:inline-block;
    padding:37px 63px;
    width:100%;
}
.pop-dish{
    border-bottom:1px dashed #ebebeb;
    display:inline-block;
    margin-bottom:18px;
    padding-bottom:18.7px;
    width:100%;
}
.poplr-dish{
    display:inline-block;
    vertical-align:middle;
    width:57.5%;
}
.poplr-dish > img{
    border-radius:100%;
    display:inline-block;
    vertical-align:middle;
    width:88px;
}
.dish-meta{
    display:inline-block;
    margin-left:18px;
    vertical-align:middle;
    width:66%;
}
.dish-meta > h4{
    color:#444;
    font-size:15px;
    font-weight:600;
}
.dish-meta > span{
    font-size:15px;
}
.pop-dish .item-meta{
    border:medium none;
    padding:0;
    vertical-align:middle;
    width:41.5%;
}
.popular-of-month > .pop-dish:last-child{
    border-bottom:0 none;
    margin-bottom:0;
    padding-bottom:0;
}
/*--- welcome section home2 ---*/
.welcome-sec{
    float:left;
    width:100%;
}
.welcome-secinfo{
    float:left;
    text-align:center;
    width:100%;
}
.welcome-secinfo > h2{
    color:#222;
    display:inline-block;
    font-size:40px;
    font-weight:bold;
    margin-bottom:14px;
    width:100%;
    margin-top:0;
}
.welcome-secinfo > span{
    color:#fff;
    display:inline-block;
    font-family:poppins;
    font-size:11px;
    margin-bottom:30px;
    padding:5px 30px;
    text-transform:uppercase;
    transform:skewX(-10deg);
    letter-spacing:3px;
    font-style:normal;
}
.welcome-secinfo > p{
    color:#535353;
    display:inline-block;
    margin-bottom:35px;
    width:100%;
}
.welcome-gallery{
    display:inline-block;
    position:relative;
    width:100%;
}
.welcome-gallery > img{
    position:absolute;
    z-index:0;
}
.welcome-gallery > img:nth-child(1){
    right:0;
    top:-40px;
}
.welcome-gallery > img:nth-child(2){
    top:182px;
}
.welcome-gallery > img:nth-child(3){
    left:68%;
    top:30px;
    transform:translate(-50%);
    box-shadow:0px 5px 68px 0px rgba(0, 0, 0, 0.28);
}
.award{
    display:inline-block;
    vertical-align:middle;
}
.welcome-secinfo .sign{
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display:inline-block;
    margin:0;
    padding:0;
    transform:skewX(0deg);
}
.award > span em{
    color:#bababa;
    display:inline-block;
    font-family:poppins;
    font-size:8px;
    font-style:normal;
    font-weight:500;
    text-transform:uppercase;
    width:100%;
}
.award > span{
    display:inline-block;
    font-size:17px;
    font-weight:bold;
    padding-left:10px;
    text-align:left;
    vertical-align:middle;
}
.award > img{
    display:inline-block;
    vertical-align:middle;
}
.award > span i{
    color:#9b9b9b;
    font-style:normal;
}
/*--- resturent services section home2 ---*/
.resturent-services{
    float:left;
    width:100%;
}
.servise-box{
    display:inline-block;
    position:relative;
    width:100%;
    margin-bottom:30px;
    border-radius:5px;
    overflow:hidden;
}
.servise-box figure img{
    display:inline-block;
    width:100%;
    transition:all 0.4s linear 0s;
}
.servise-box:hover figure img{
    transform:scale(1.1);
}
.uper-meta{
    bottom:50px;
    color:#fff;
    left:60px;
    position:absolute;
    width:auto;
    z-index:3;
}
.servise-box::before{
    background:rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
    border-radius:5px;
    z-index:2;
}
.uper-meta > h4{
    display:inline-block;
    font-size:18px;
    font-weight:bold;
    width:100%;
}
.uper-meta > span{
    color:#e7e7e7;
    display:inline-block;
    font-family:poppins;
    width:100%;
}
/*--- new chef section home2 ---*/
.chef-box{
    float:left;
    height:700px;
    line-height:700px;
    max-height:700px;
    min-height:700px;
    padding:25px;
    position:relative;
    width:100%;
}
.chef-box > img{
    bottom:0;
    left:25px;
    position:absolute;
}
.chef-box > ul{
    display:inline-block;
    line-height:initial;
    list-style:outside none none;
    margin:auto 0 auto 49%;
    padding-left:0;
    position:relative;
    text-align:center;
    vertical-align:middle;
    width:260px;
}
.chef-box ul li{
    border-bottom:1px solid rgba(255, 255, 255, 0.7);
    float:left;
    margin-bottom:33px;
    padding-bottom:28px;
    width:100%;
}
.food-price{
    font-size:20px;
    font-weight:600;
}
.chef-box ul li h5{
    color:#383838;
    font-size:20px;
    font-weight:bold;
    margin-bottom:2px;
    text-transform:uppercase;
    margin-top:15px;
}
.chef-box p{
    color:#222;
    font-size:13px;
    margin-bottom:0;
}
.chef-box ul li:last-child{
    border-bottom:0 none;
}
.food-menu-sec{
    color:#fff;
    float:left;
    height:700px;
    max-height:700px;
    min-height:700px;
    padding:100px 0;
    text-align:center;
    width:100%;
    z-index:9;
    position:relative;
}
.food-menu-sec > i{
    display:inline-block;
    font-family:great vibes;
    font-size:20px;
    margin-bottom:14px;
    width:100%;
    font-style:normal;
    letter-spacing:3px;
}
.food-menu-sec > h1{
    display:inline-block;
    font-size:55px;
    font-weight:700;
    line-height:50px;
    margin-bottom:50px;
    max-width:55%;
    text-transform:uppercase;
    letter-spacing:-0.3px;
    margin-top:0;
}
.food-menu-sec > ul.tab-btn{
    list-style:none;
    padding-left:0;
    margin-bottom:0;
    display:inline-block;
    width:100%;
}
.food-menu-sec > ul.tab-btn li a{
    border-radius:40px;
    display:inline-block;
    font-family:poppins;
    font-size:18px;
    font-weight:600;
    text-transform:capitalize;
}
.food-menu-sec > ul.tab-btn li{
    display:inline-block;
    margin-bottom:27px;
    width:100%;
}
.food-menu-sec > ul.tab-btn li:last-child{
    margin-bottom:0;
}
.food-menu-sec > ul.tab-btn li a i{
    margin-right:0;
    opacity:0;
    transition:all 0.3s linear 0.2s;
    visibility:hidden;
    font-size:32px;
    vertical-align:middle;
}
.food-menu-sec > ul.tab-btn li a img{
    margin-left:0;
    opacity:0;
    transition:all 0.3s linear 0.2s;
    visibility:hidden;
}
.food-menu-sec > ul.tab-btn li.active a img{
    margin-left:20px;
    opacity:1;
    visibility:visible;
}
.food-menu-sec > ul.tab-btn li.active a i{
    margin-right:25px;
    opacity:1;
    visibility:visible;
}
.food-menu-sec > ul.tab-btn li.active a{
    background:red none repeat scroll 0 0;
    padding:20px 40px;
}
/*--- booking form section home2 ---*/
.booking-form-sec{
    float:left;
    padding:80px 50px;
    position:relative;
    width:90%;
}
.booking-form-sec .fit-bg{
    z-index:0;
}
.form-meta{
    float:left;
    position:relative;
    text-align:center;
    width:100%;
    z-index:2;
}
.form-meta > h2{
    color:#fff;
    display:inline-block;
    font-weight:bold;
    margin-top:0;
    width:100%;
}
.form-meta > span{
    display:inline-block;
    font-family:poppins;
    font-size:14px;
    width:100%;
}
.form-meta > form{
    float:left;
    margin-top:35px;
    position:relative;
    width:100%;
}
.form-meta > form input{
    border:medium none;
    border-radius:40px;
    color:#a1a1a1;
    font-family:poppins;
    font-size:12px;
    margin-bottom:5px;
    padding:17px 30px;
    width:100%;
}
.form-meta button{
    border:medium none;
    border-radius:40px;
    color:#fff;
    font-family:poppins;
    font-size:12px;
    font-weight:600;
    line-height:52px;
    margin-top:30px;
    text-transform:uppercase;
    width:200px;
}
.upcoming-event .title1-inner > h2{
    font-size:30px;
    margin-bottom:5px;
}
.upcoming-event .title1-inner > span{
    color:#999;
    font-family:poppins;
    font-size:12px;
}
.upcoming-event .title1-inner > b{
    font-size:18px;
    font-weight:600;
    letter-spacing:-0.5px;
    text-transform:uppercase;
}
.upcoming-event .article-info-meta{
    width:18%;
}
.upcoming-event .article-meta > h3{
    color:#444;
    margin-bottom:15px;
}
.upcoming-event .article-meta > p{
    color:#555;
    font-size:15px;
    line-height:22px;
}
.upcoming-event .countdown > li{
    box-shadow:0 4px 18px 0 rgba(0, 0, 0, 0.05);
    height:116px;
    margin:0 6px;
    padding:40px 0 0;
    text-align:center;
    width:113px;
}
.upcoming-event .countdown > li span{
    color:#444;
    font-size:30px;
}
.view-more{
    background:#000 none repeat scroll 0 0;
    border-radius:30px;
    color:#fff;
    display:inline-block;
    font-size:13px;
    font-weight:600;
    margin-top:50px;
    padding:16px 40px;
    text-transform:uppercase;
}
.view-more:hover{
    color:#fff;
}
.counter-meta{
    float:left;
    padding-left:133px;
    width:100%;
}
.upcoming-event .counter-meta .view-more{
    margin-left:28px;
}
.featured-restaurant-box.with-bg .post-meta{padding-left:0;}
.about-feat.text-center > img{width:100%;}
.dil{
    padding:9px;
    text-align:center;
    color:var(--theme-color-1);
    background-color:#efefef;
    font-size:15px;
    border-radius:4px;
    overflow:hidden;
    margin:2px;
    display:inline-block;
    border:1px solid var(--theme-color-1);
}
.dil.active{
    color:#efefef;
    background-color:var(--theme-color-1);
}
.kutular{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    padding-top:calc(100% * 1 / 1);
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:10px;
    border:2px solid #333333;
    background-color:#fff;
    margin-bottom:30px;
}
.kutular img{
    max-width:100%;
    min-height:100%;
    min-width:100%;
    object-fit:cover;
    width:auto;
    height:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
}
.kutu-baslik{
    position:absolute;
    width:100%;
    height:auto;
    bottom:0;
    background-color:rgb(0 0 0 / 0.5);
    font-size:20px;
    text-align:center;
    color:#ffffff;
    padding:5px 15px;
    margin-bottom:10px;
    line-height:1;
    z-index:2;
}
.kutu-urun{
    position:absolute;
    height:auto;
    top:0;
    right:0;
    font-size:12px;
    text-align:center;
    color:#ffffff;
    padding:10px;
    margin:0;
    line-height:1;
    z-index:2;
    display:flex;
    align-items:center;
    border-bottom-left-radius:10px;
    background-color:rgb(0 0 0 / 0.5);
    line-height:1;
}
.geri-button{
    color:#efefef;
    background-color:var(--theme-color-1);
    text-align:center;
    font-size:15px;
    border-radius:4px;
    overflow:hidden;
    margin:2px;
    display:inline-block;
}
.geri-button a{
    padding:10px;
    display:inline-block;
    color:#ffffff;
}
.siralama-button{
    width:155px;
    text-align:center;
    font-size:15px;
    border-radius:4px;
    overflow:hidden;
    margin:2px;
    display:inline-block;
    background-color:var(--theme-color-1);
    position:relative;
    padding:0;
}
.siralama-button select{
    width:100%;
    background-color:transparent;
    color:#ffffff;
    padding:10px;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    text-indent:1px;
    text-overflow:'';
}
.siralama-button select option{
    color:initial;
}
.siralama-button:before{
    font-family:fontawesome;
    content:"\f107";
    position:absolute;
    width:auto;
    height:100%;
    right:10px;
    top:0;
    pointer-events:none;
    background-color:var(--theme-color-1);
    color:#fff;
    padding-top:10px;
    text-align:center;
}
@media (max-width:768px){
    .kutu-baslik{
        font-size:14px;
        padding:5px 0px;
    }
    .geri-button{
        margin-left:0px;
    }
    .siralama-button{
        margin:2px;
    }
    .kutular{
        margin-bottom:0;
    }
    .sec-box .row [class*="col-"]{
        padding:5px;
    }
}
.pbl-language{color:#000000;background-color:transparent !important;display:flex;cursor:pointer;flex-direction:row;flex-wrap:nowrap;align-items:center;align-content:center;line-height:1;height:28.42px;position:relative;justify-content:center;}
.pbl-language-icon{margin-right:5px;font-size:16px;cursor:pointer;position:absolute;pointer-events:none;left:4px;top:50%;transform:translate(-00%, -50%);-webkit-transform:translate(-00%, -50%);-moz-transform:translate(-00%, -50%);-o-transform:translate(-00%, -50%);-ms-transform:translate(-00%, -50%);}
.pbl-language-select{background-color:transparent !important;font-size:14px;cursor:pointer;position:relative;display:flex;align-items:center;align-content:center;}
.pbl-language-select select{background-color:transparent;border:none;outline:none !important;cursor:pointer;padding:10px 0px;padding-left:24px;}
.pbl-language-select select option{cursor:pointer;color:#000000;}