@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: #fff;padding: 16px 0;}
.container1{margin: 0 auto;max-width: 1240px;}
.logo{float: left;}
.logo a{color: #222022;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: #686b78;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.2);height: 750px;}
.banner_bg1{background: url(images/banner1.jpg) no-repeat scroll left center/cover;}
.banner_bg2{background: url(images/banner2.jpg) no-repeat scroll left center/cover;}
.banner_bg3{background: url(images/banner3.jpg) no-repeat scroll left center/cover;}
.welcome_text{position: absolute;left: 10%;top: 270px;width: 550px;z-index: 10;text-shadow: 1px 1px 3px #000;font-weight: bold;}
.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: 26.5%;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;
}
.rxs_name
{
    text-align: center;
    font-size: 28px;
    font-weight: 500;
}

.rxs_address
{
    font-weight: 700;
    text-align: center;
    margin: 5px 0;
    font-size: 20px;
    color: #e32038;
}

.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: 510px;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: 445px;}
    .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;}
    .menu ul li a, .menu ul li button{font-size: 13px;}
}

@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;}
	.restaurant_offers_order button{font-size: 12px;width: 110px;padding: 8px 0;}
}

@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;
    }
}


.banner-one {
    width: 100%;
    padding: 20px 0px;
}

.banner-one img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: rgba(0, 0, 0, 1) 0px 5px 15px;
}

@media screen and (max-width:767px) {
    .close {
        left: 96.5% !important;
        padding: 0px !important;
        top:3%;
        font-size:18px!important;
    }

    .popup-content img {
        height: 190px !important;
    }

    .popup-onload {
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin-top: -100px!important;
    margin-left: 0!important;
    }

    .cnt223 {
        width: 350px ! important;
        min-width: 350px ! important;
        padding: 0px 0px  ! important;
    }

    .popup-content {
        padding: 0px  0px ! important;
    }

    .banner-one img {
        height: 170px;
    }
}
 /*Popup CSS Starts*/
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 100;
    display: none;
}

.popup-content {
    padding: 0;
    line-height: 0.5;
}

.cnt223 a {
    text-decoration: none;
}

.popup-onload {
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 101;
    top: 50%;
    left: 45%;
    margin-top: -300px;
    margin-left: -300px;
}

.cnt223 {
    min-width: 700px;
    width: 700px;
    min-height: 150px;
    margin: 100px auto;
    background: #f3f3f3;
    position: relative;
    z-index: 103;
    padding: 0px 0px;
  /*  border-radius: 5px;*/
    box-shadow: 0 2px 5px #000;
}

.cnt223 p {
    clear: both;
    color: #555555;
        /* text-align: justify; */
    font-size: 20px;
    font-family: sans-serif;
}

.cnt223 p a {
    color: #d91900;
    font-weight: bold;
}

.cnt223 .x {
    float: right;
    height: 35px;
    left: 22px;
    position: relative;
    top: -25px;
    width: 34px;
}

.cnt223 .x:hover {
    cursor: pointer;
}

.close {
    position: absolute;
    left: 96.7%;
    padding: 4px;
    font-size:22px;
}

.popup-content img {
    height: 270px;
}
@media(min-width:768px) and (max-width:991.98px) {
   .popup-onload {
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin-top: -100px!important;
    margin-left: 0!important;
    } 
}
/*Popup CSS Ends*/




/* offer text  */
/* Ipad:  */
@media(min-width:768px) and (max-width:991.98px)
{
 h2.offer-heading {
     width:55%!important;
    }
}
/* desktop: */
h2.offer-heading {
    text-align: center;
    background: #ffa900;
    color: #fff;
    padding: 10px;
    width: 40%;
    margin: 10px auto auto;
    box-shadow: 0 0 6px 0 #a5a5a5;
    text-shadow: 2px 2px #8c8c8c;
    border-radius: 30px;
}
.bounce {
    animation: bounce 2s ease infinite;
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
/* 
mobile:  */
@media(max-width:767px){
h2.offer-heading {
     width:auto!important;
     font-size: 18px;
     margin: 0 20px!important;
}
}



