@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'great_vibesregular';
    src: url('fonts/greatvibes-regular-webfont.woff2') format('woff2'),
         url('fonts/greatvibes-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body,h1,h2,h3,h4,h5,h6,p,span,bold,strong,img,a,ol,ul,li,section,article,nav,header,footer{margin: 0;padding: 0;font-family: 'source_sans_proregular';}
.container{margin: 0 auto;max-width: 1170px;}
a{text-decoration: none;color: #000;}
li{list-style: none;}
img{max-width: 100%;}
.clear{clear: both;}
button{border: none;background: none;outline: none;}

/*Header*/

header{float: left;width: 100%;background: #222022;padding: 16px 0;}
.container1{margin: 0 auto;max-width: 1240px;}
.logo{float: left;}
.logo a{color: #fff;font-size: 25px;font-weight: bold;font-weight: bold;outline: none;}
.logo img{float: left;width: 70px;}
.logo span{float: left;margin: 12px 0 0 10px;}
.menu{float: right;margin: 20px 0 0;}
.menu ul li{float: left;margin: 0 25px 0 0px;}
.menu ul li a, .menu ul li button{color: #fff;font-size: 16px;padding: 0 0 7px;font-weight: bold;}
.menu ul li:last-child{margin: 0;}
.menu ul li button{cursor: pointer;font-size: 15px;}
.menu ul li a:hover{border-bottom: 2px solid #e32038;}
.menu ul li button:hover{border-bottom: 2px solid #e32038;}
.mobile_menu{display: none;}
.logo_menu{position: relative;}
.logo_menu p{font-size: 30px;position: absolute;top: 10px;}
.welcome_order_links{color: white !important;border: 1px solid #17ba82; background: #17ba82;padding: 5px  !important;font-size: 14px !important; margin:-10px 0px;}

/*end of header*/

/*banner*/

.banner{float: left;width: 100%;position: relative;}
.banner_bg{float: left;width: 100%;}
.banner_bg_inner{float: left;width: 100%;background: rgba(0,0,0,0.5);height: 750px;}
.banner_bg1{background: url(images/img/banner1.webp) no-repeat scroll left center/cover;}
.banner_bg2{background: url(images/img/banner2.webp) no-repeat scroll left center/cover;}
.banner_bg3{background: url(images/img/banner3.webp) no-repeat scroll left center/cover;}
.welcome_text{position: absolute;left: 10%;top: 270px;width: 550px;z-index: 10;}
.welcome_text h2{font-size: 35px;color: #fff;font-family: 'great_vibesregular';font-weight: 500;}
.welcome_text p{font-size: 17px;color: #fff;margin: 10px 0 0;}
.welcome_link{float: left;width: 300px;margin: 20px 0 0;}
.welcome_link ul li{float:left;float: left;width: 48%;margin: 0 1%;}
.welcome_link ul li a, .welcome_link ul li button{width: 96%;padding: 10px 0;text-align: center;float: left;font-weight: bold;cursor: pointer;font-size: 15px;}
.welcome_order_link{color: #fff;border: 1px solid #17ba82; background: #17ba82;padding: 12px 0 !important;font-size: 14px !important;}
.welcome_order_link:hover{border: 1px solid #fff;color: #fff;background:none; }
.welcome_table_link{border: 1px solid #fff;color: #fff;background:none; }
.welcome_table_link:hover{color: #fff;border: 1px solid #17ba82;background: #17ba82;}

.banner_sliders{position: absolute;right: 3%;bottom: 40px;z-index: 10;}
.banner_sliders ul li{float: left;margin: 0 0 0 5px;}
.banner_sliders ul li a{float: left;padding: 3px 17px 3px;background: #e71212;border: 1px solid #e71212;}
.banner_sliders_next:hover, .bullet li.rslides_here a {background: #fff;}

/*end of banner*/

/*cuisine_section*/

.cuisine_section{float: left;width: 98%;padding: 30px 1%;}
.rating{float: none;display: block;margin: 0 auto;width: 100px;}
.cuisine_section h1{text-align: center;font-size: 28px;font-weight: 500;}
.cuisine_section h3{font-weight: bold;text-align: center;margin: 5px 0;font-size: 20px;color: #e32038;}
.rating ul li{float: left;}
.rating ul li .fa{float: left;color: #f4b936;margin: 0 5px 0 0;font-size: 16px !important;}

/*end of cuisine_section*/

/*about_us*/

.about_us{float: left;width: 100%;padding: 30px 0;background: #f7f7f7 url(images/about-bg.jpg) no-repeat scroll right bottom;}
.about_us h2{text-align: center;font-size: 30px;font-weight: 500;}
.inner_about_us{float: left;width: 96%;margin: 20px 2%;}
.left_about_us{float: left;width: 35%;}
.right_about_us{float: left;width: 63%;margin: 0 0 0 2%;}
.left_about_us img{float: left;border: 7px solid #ccc;}
.right_about_us p{color: #777;font-size: 17px;line-height: 25px;text-align: justify;margin: 50px 0 0 0}



/*end of about_us*/



/*opening_hours*/

.opening_hours{float: left;width: 100%;background:url(images/opening-hours.jpg) no-repeat scroll left center/cover;background-attachment: fixed;}
.opening_hours_bg{float: left;width: 100%;background: rgba(0,0,0,0.8);padding: 40px 0;}
.opening_hours1{float: left;width: 98%;padding: 30px 1%;}
.opening_hours h3{font-size: 32px;margin: 0 0 15px 0;font-weight: 500;text-align: center;color: #fff;}
.single_opening_hours{float: none;display: block;margin: 10px auto;width: 48%;}
.double_opening_hours{float: left;width: 100%;}
.inner_opening_hours h4, .single_opening_hours h3{font-size: 23px;text-align: center;margin: 0 0 30px;font-weight: 500;color: #fff;}
.inner_opening_hours ul li{float: left;padding: 15px 5%;width: 90%;margin: 0 0 4px;color: #fff;border-bottom: 1px solid #fff;font-weight: bold;}
/*
.inner_opening_hours ul li:nth-child(odd){color: #000;}
.inner_opening_hours ul li:nth-child(odd){background: #f4fafa;}
*/
.opening_hours_day, .opening_hours_time{float: left;font-size: 17px;}
.opening_hours_time{float: right;}
.inner_double_opening_hours{float: left;width: 42%;margin: 20px 4%;}

/*end of opening_hours*/

/*Contact Us*/

.contact_us{float: left;width: 100%;height: 360px;background: url(images/contact-bg.jpg) no-repeat scroll right top;}
.left_contact_us{float: left;width: 60%;}
.right_contact_us{width: 40%;float: left;height: 360px;background: rgba(0,0,0,0.6);color: #fff;}
.left_contact_us iframe{width: 100%;height: 360px;}
.inner_contact_us{width: 90%;padding: 40px 5% 0;}
.inner_contact_us h2{font-size: 30px;font-weight: 500;margin: 0 0 15px;}
.inner_contact_us ul li{float: left;width: 100%;margin: 0 0 15px;}
.inner_contact_us ul li h4{font-size: 20px;margin: 0 0 6px;}
.inner_contact_us ul li p{font-size: 16px;}

/*end of Contact Us*/

/*WE DELIVER TO*/

.we_deliver_to{float: left;width: 98%;padding: 25px 1%;background: #dfdfdf;}
.we_deliver_to h3{font-weight: 500;}
.left_we_deliver_to{float: left;width: 25%;font-size: 20px;}
.right_we_deliver_to{float: left;width: 74%;margin: 1px 0 0;}
.right_we_deliver_to p{font-size: 16px;line-height: 24px;}

/*end of WE DELIVER TO*/

/*Footer*/

footer{float: left;width: 98%;padding: 30px 1% 25px;background: #F8F8F8;}
.left_footer{float: left;}
.left_footer ul li{float: left;font-size: 16px;margin:  3px 5px 0;}
.left_footer ul li a{}
.right_footer{float: right;}
.right_footer img{width: 135px;float: right;margin: -12px 0 0 8px;}

/*end of footer*/


/*Best choice*/

.best_choice{float: left;width: 98%;padding: 50px 1%;background: url(images/best-choice.png) no-repeat scroll left center/cover;}
.best_choice h3{font-size: 32px;margin: 0 0 30px 0;font-weight: 500;text-align: center;color: #333;}
.inner_best_choice{float: left;width: 100%;}
.inner_best_choice ul li{float: left;width: 27%;margin: 0 0 0 -2%;}
.inner_best_choice ul li button{border: none;background: none;cursor: pointer;}
.inner_best_choice ul li img{width: 96%;border: 4px solid #ccc;}
.inner_best_choice ul li:nth-child(even){padding: 95px 0 0;}
.inner_best_choice ul li p{text-align: center;font-weight: bold;font-size: 15px;color: #333;}

/*end of best choice*/


/*page_scroll_up*/

.page_scroll_up .scrollup {width: 45px;height: 45px;position: fixed;bottom: 50px;right: 45px; display: none; text-indent: -9999px;background:url(images/arrow-top.png) no-repeat scroll left center/cover;z-index: 50;}
.page_scroll_up .scrollup .fa{color: #fff;}

/*end of page_scroll_up*/


/*safe_secure*/

.safe_secure{float: left;width: 100%;background: url(images/safe-secure-bg.jpg) no-repeat scroll left center/cover;}
.inner_safe_secure{float: left;width: 98%;padding: 30px 1%;background: rgba(119,116,116,0.8);}
.safe_secure h2{font-size: 32px;margin: 0 0 15px 0;font-weight: 500;text-align: center;color: #fff;}
.left_safe_secure{float: left;width: 60%;margin: 20px 0 0;}
.left_safe_secure ul li{font-size: 15px;float: left;width: 100%;margin: 0 0 20px;}
.left_safe_secure ul li .safe_secure_num{float: left;width: 42px;color: #fff;font-weight: bold;}
.left_safe_secure ul li .safe_secure_num2{margin: 8px 0 0;}
.left_safe_secure ul li .safe_secure_num span{padding: 2px 9px 3px 8px;border:1px solid #fff;border-radius: 35px;}
.left_safe_secure ul li .safe_secure_text{float: left;width: 80%;color: #fff;font-weight: bold;}
.left_safe_secure ul li .safe_secure_text p{float: left;}
.left_safe_secure ul li .safe_secure_text img{float: left;margin: -3px 8px 0;}


.right_safe_secure{float: right;width: 38%;}
.right_safe_secure h3{text-align: center;margin: 0 0 8px;font-size: 26px;font-weight: 700;color: #fff;}
.right_safe_secure .safe_secure_order{float: none;display: block;margin: 0 auto;width: 155px;}
.right_safe_secure button.order_online{background: #17ba82;border: 1px solid #17ba82;padding: 10px 0px;color: #fff;font-weight: bold;border-radius: 35px;float: left;width: 155px;text-align: center;cursor: pointer;}
/*.right_safe_secure a.order_online:hover{color: #24a640;background: #fff;}*/
.right_safe_secure a.book_table{background: #f17b25;border: 1px solid #f17b25;font-weight: bold;border-radius: 35px;float: left;width: 155px;text-align: center;padding: 10px 0px;color: #fff;margin: 0 0 10px;}
/*.right_safe_secure a.book_table:hover{color: #f17b25;background: #fff;}*/


/*End of safe_secure*/

/*popup*/

.restaurant_offers{width: 500px !important;}
.pop_offer h2{font-size: 25px;margin: 0 0 10px;}
.pop_offer p{font-size: 18px;}
.pop_offer p span{font-weight: bold;color: #e73d3d;}
.pop_offer{float: left;width: 98%;padding: 6px 1%;text-align: center;background: #f6f4f4;box-shadow: 1px 1px 12px #ccc;}
.restaurant_offers_close{font-size: 25px;padding: 4px 16px !important;font-weight: bold;color:#e32038;cursor: pointer;}
.restaurant_offers_close:hover{background: #e32038;color: #fff;}
.restaurant_offers_order{float: left;width: 100%;padding: 10px 0 0;}
.restaurant_offers_order button{float: none;display: block;margin: 0 auto;width: 155px;background: #17ba82;border: 1px solid #17ba82;font-weight: bold;padding: 10px 0;cursor: pointer;font-size: 16px;color: #fff;}
.restaurant_offers_order button:hover{background: #fff;color: #17ba82;}
.wishes_note{color:#0FBD0F;font-size:20px;}
.terms_link{font-size:12px !important; margin-top:7px; cursor:pointer;}
.pop_offer h2 span{font-weight: bold;color: #0FBD0F;}

.offer-destails
{
    display:flex;
}
.offer-image
{
   width:50%; 
}
.offer-info
{
    margin-top:5px;
    width:50%; 
}
.offer-discount
{
    background-color:#0FBD0F;
    color:#fff !important;
    padding: 3px 26px;
}


.bottom-left {
  position: absolute;
    bottom: -272px;
    right: 24px;

}
.bottom-left span
{
     font-size: 71px;
    font-weight: 600;
    font-style: italic;
    color: #000000;
}
.offercode
{
    position: absolute;
    top: 121px;
    left: 139px;
}
.offercode span
{
    font-size: 24px;
    font-weight: 800;
    color: #000000;
}

.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);z-index: 20;}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-display-topright{position:absolute;right:0;top:0}



/*RWD for popup*/

@media screen and (max-width:1170px){.w3-modal{padding-top: 100px;}}
@media screen and (max-width:959px){.w3-modal{padding-top: 180px;}.pop_offer h2{font-size: 26px;}.pop_offer p{font-size: 16px;}.restaurant_offers_order a{padding: 8px 0;width: 125px;font-size: 15px;}.restaurant_offers{width: 430px !important;}}
@media screen and (max-width:599px){.pop_offer h2{font-size: 22px;}.restaurant_offers{width: 375px !important;}.restaurant_offers_close{font-size: 22px;padding: 4px 15px !important;}}
@media screen and (max-width:479px){.restaurant_offers{width: 350px !important;}.pop_offer p{font-size: 14px;}.restaurant_offers_order a{padding: 6px 0;font-size: 14px;width: 110px;}.restaurant_offers_close{font-size: 18px;padding: 3px 10px !important;}}


/*End of popup*/

/*RWD*/

@media screen and (max-width:1170px)
{
    header, .about_us, .best_choice{width: 98%;padding: 20px 1%;}
    .inner_best_choice{float: right;width: 98%;}
    .banner_bg_inner{height: 555px;}
    .welcome_text{top: 165px;}
    .right_about_us p{margin: 10px 0 0;font-size: 16px;}
    .left_about_us img{width: 96%;}
    .banner_bg{background-position: center;}
}

@media screen and (max-width:959px)
{
    .logo{width: 100%;margin: 0 0 10px;text-align: center;}
    .menu{float: none;display: block;margin: 0 auto;width: 550px;clear: both;}
    .banner_bg_inner{height: 400px;}
    .cuisine_section h1{font-size: 24px;}
    .left_about_us{float: none;display: block;margin: 0 auto;clear: both;width: 300px;}
    .right_about_us{width: 98%;margin: 10px 1%;}
    .opening_hours_day, .opening_hours_time{font-size: 16px;}
    .opening_hours{background-position: 18%;}
    .left_contact_us, .right_contact_us{width: 100%;}
    .contact_us{height: auto;background: none;}
    .inner_contact_us{float: left;padding: 20px 5%;}
    .page_scroll_up .scrollup{bottom: 20px;right: 20px;}
    .left_safe_secure ul li .safe_secure_num1{margin: 4px 0 0;}
    .welcome_text{top: 100px;}
    .logo a{float: none;display: block;margin: 0 auto;width: 175px;}
    .welcome_link ul li a{font-size: 15px;padding: 8px 0;}
    .cuisine_section h3{font-size: 18px;}
    .left_contact_us iframe{display: block;}
    .right_contact_us{height: auto;}
    .right_footer{margin: 0 10px 0 0;}
    .about_us h2, .best_choice h3, .best_choice h3, .opening_hours h3, .safe_secure h2, .inner_contact_us h2{font-size: 24px;}
	header{height: 90px;}
}

@media screen and (max-width:767px)
{
    .menu, header{display: none;}
    .mobile_menu{display: block;position: fixed;background: #fff;z-index: 1000;float: left;width: 100%;}
    .banner{margin: 60px 0 0;}
    .banner_bg_inner{height: 420px;background: rgba(0,0,0,0.7);}
    .welcome_text{top: 115px;width: 475px;}
    .inner_best_choice ul li{width: 48%;margin: 10px 1%;}
    .inner_double_opening_hours{width: 92%;}
    .left_we_deliver_to, .right_we_deliver_to{width: 100%;}
    .best_choice h3{margin: 0;}
    .inner_opening_hours h4, .single_opening_hours h3{margin: 0 0 5px 0;font-size: 20px;}
    .opening_hours h3{margin: 0;}
    .left_safe_secure, .right_safe_secure{width: 98%;margin: 10px 1%;}
    .single_opening_hours{width: 98%;}
    .logo_menu p{font-size: 25px;margin: 5px 0 0 ;float: left;}
	.welcome_order_link{padding: 10px 0 !important;}
	.restaurant_offers_order button{font-size: 14px;}
}

@media screen and (max-width:599px)
{
    .welcome_text{width: 300px;left: 20px;top: 70px;}
    .welcome_text h2{font-size: 28px;}
    .welcome_text p{font-size: 16px;}
    .welcome_link ul li a{font-size: 15px;padding: 6px 0;}
    .banner_bg_inner{height: 340px;}
    .we_deliver_to{width: 96%;padding: 25px 2%;}
    .logo_menu p{font-size: 20px;margin: 10px 0 0 ;}
    .cuisine_section h1, .about_us h2, .best_choice h3, .opening_hours h3, .safe_secure h2, .right_safe_secure h3, .inner_contact_us h2, .we_deliver_to h3{font-size: 22px;}
    .inner_opening_hours h4{font-size: 18px;}
	.welcome_order_link{padding: 8.5px 0 !important;font-size: 13px !important;}
}

@media screen and (max-width:479px)
{
    .banner_bg_inner{height: 300px;}
    .welcome_text{top: 30px;}
    .welcome_text h2{font-size: 26px;}
    .welcome_text p{font-size: 15px;}
    .cuisine_section h1{font-size: 22px;}
    .cuisine_section h3{font-size: 16px;}
    .about_us h2, .best_choice h3, .opening_hours h3, .inner_contact_us h2{font-size: 26px;}
    .right_about_us p{width: 96%;margin: 0 2%;}
    .right_we_deliver_to p{font-size: 15px;}
    .left_footer{width: 100%;margin: 0 0 30px;}
    .left_footer ul, .right_footer{float: none;display: block;width: 175px;margin: 0 auto;}
    .right_footer{width: 235px;}
    .inner_best_choice ul li:nth-child(2n){padding: 0;}
    .inner_best_choice ul li{width: 98%;}
    .logo_menu p{font-size: 18px;top: 18px;margin: 0;}
    .welcome_link{width: 265px;}
    .opening_hours_day, .opening_hours_time{font-size: 15px;}
}
@media screen and (max-width:959px)
{
    .bottom-left {
  position: absolute;
   bottom: -225px;
    right: 37px;
    }  
.offercode
    {
     top: 105px;
    left: 119px;
    }
    .offercode span
    {
     font-size:20px;
    }

.bottom-left span
{
     font-size: 48px;
}
}

@media screen and (max-width:599px)
{
  .bottom-left {
  position: absolute;
  bottom: -197px;
  right: 34px;

}
.bottom-left span
{
     font-size: 43px;
}

.offercode
    {
    top: 92px;
    left: 103px;
    }
    .offercode span
    {
     font-size:18px;
    }

}

@media screen and (max-width:479px)
{
.bottom-left {
  position: absolute;
  bottom: -184px;
  right: 32px;

}
.bottom-left span
{
  font-size: 40px;
}

 .offercode
    {
    top: 89px;
    left: 95px;
    }
    .offercode span
    {
     font-size:17px;
    }
}

/*.zsiq_flt_rel {bottom: 215px !important;}*/

@media only screen and (max-width: 600px) {.zsiq_cnt {display: none !important;}}







