@font-face {
    font-family:'GothamRounded_Bold';
    src: url('../fonts/GothamRounded-Bold_gdi.eot');
    src: url('../fonts/GothamRounded-Bold_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamRounded-Bold_gdi.woff') format('woff'),
    url('../fonts/GothamRounded-Bold_gdi.ttf') format('truetype'),
    url('../fonts/GothamRounded-Bold_gdi.svg#GothamRounded-Bold') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'GothamRounded_Book';
    src: url('../fonts/GothamRounded-Book_gdi.eot');
    src: url('../fonts/GothamRounded-Book_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamRounded-Book_gdi.woff') format('woff'),
    url('../fonts/GothamRounded-Book_gdi.ttf') format('truetype'),
    url('../fonts/GothamRounded-Book_gdi.svg#GothamRounded-Book') format('svg');

}
@font-face {
    font-family:'GothamRndLight';
    src: url('../fonts/GothamRnd-Light.otf') format('opentype');
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family:'GothamRoundedMedium';
    src: url('../fonts/GothamRounded-Medium.ttf') format('truetype');
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Allerbold';
    src: url('../fonts/allerbold.woff2') format('woff2'),
         url('../fonts/allerbold.woff') format('woff');
    font-weight: normal;    
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
         url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;    
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
         url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: normal;    
    font-style: normal;
}
@font-face {
    font-family: 'poppins-bold';
    src: url('../fonts/poppins-bold.woff2') format('woff2'),
         url('../fonts/poppins-bold.woff') format('woff');
    font-weight: normal;    
    font-style: normal;
}
@font-face {
    font-family: 'circularstd-book';
    src: url('../fonts/circularstd-book.woff2') format('woff2'),
         url('../fonts/circularstd-book.woff') format('woff');
    font-weight: normal;    
    font-style: normal;
}
@font-face {
    font-family: 'circularstd-bold';
    src: url('../fonts/circularstd-bold.woff2') format('woff2'),
         url('../fonts/circularstd-bold.woff') format('woff');
    font-weight: normal;    
    font-style: normal;
}
html {
    font-family: "Poppins-Regular";
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    position:relative;
    height:100vh;
}

body {
    margin: 0;
    background-color: #fff;
    font-family: "Poppins-Regular";
    font-size: 14px;
    position:relative;
    height:100vh;
}

.searchMenudet input {
    color: #000;
    display: inline-block;
    font: 16px "Poppins-Regular";
    padding: 12px 15px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e1e1e1!important;
}
.searchMenudet {
    display: inline-block;
    margin-top: 0;
    position: relative;
    vertical-align: top;
    width: 300px;
    float: left;
}

.cuisines-wrapper-outer .searchMenudet{
    margin-top: 20px;
    width: 28%;
}

a:hover {text-decoration: none;}
.no-padding {padding: 0px !important;}
.no-padding-left {padding-left: 0px !important;}
.no-padding-right {padding-right: 0px !important;}
.no-margin {margin: 0px !important;}
.no-margin-left {margin-left: 0px !important;}
.no-margin-right {margin-right: 0px !important;}
.m-t-10 {margin-top:10px;}
.m-t-5 {margin-top:5px;}
.m-t-20 {margin-top:20px;}
.m-b-10 {margin-bottom:10px;}
.m-b-5 {margin-bottom:5px;}
.m-b-15 {margin-bottom:15px;}
.m-b-20 {margin-bottom: 20px !important;}
.m-l-10 {margin-left: 10px;}
.m-r-10 {margin-right: 10px;}
.border-none {border:0 !important;}
.loginBg_h4 {
    font: 22px "Poppins-SemiBold";
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.loginInnerBg {
    float: left;width: 100%;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    padding:40px;
    border-radius: 10px;
}
.signup-head {
    font: 14px "Poppins-Regular";
    text-align: justify;
    margin-bottom: 20px;
}
.loginBg .form-control {
    font: 14px "Poppins-Regular";
    height: auto;
    padding: 10px 20px;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.signup-footer input {
    border-radius: 3px;
  background: rgb(111,188,88); 
  background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );
   color: #fff;
  border: 1px solid #a6cf5b;
    display: block !important;
    font: 20px "Poppins-Regular" !important;
    padding: 10px 25px;
    width: 100%;text-transform: capitalize;
}
.signup-footer input:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.newuser {
    margin-top: 15px;
    text-align: center;
    float: left;width: 100%;
    font-family: "Poppins-Regular";
    font-size: 14px;
    float: left;width: 100%;
}
.newuser a {
    margin-left: 5px;
    text-decoration: underline;
    color: #407808;
    display: inline-block;
}
.social-logins .facebook {
    background: #3b5998 none repeat scroll 0 0;
    display: block;
    width: 100%;
}
.social-logins .facebook img {
    background: #354f88 none repeat scroll 0 0;
    float: left;
    padding: 7px;
}
.facebookw {background-color: #3b5998;float: left;text-align: center; padding: 15px;width: 100%;border:1px solid transparent;margin-bottom: 20px;}
.facebookw:hover{background: #fff !important;color: #a6cf5b !important;border:1px solid #a6cf5b !important;}
.facebookw:hover i{color: #a6cf5b !important;}
.facebookw:hover span{color: #a6cf5b !important;}
.facebookw i{display: inline-block;color: #fff;font-size: 23px; margin-right: 15px; vertical-align: bottom;}
.fa-gb{color: #ffffff;display: inline-block;font: 16px "Poppins-Regular";}


.go-facebookw {background-color: #e85644;float: left;text-align: center; padding: 15px;width: 100%;border:1px solid transparent;margin-bottom: 20px;}
.go-facebookw:hover{background: #fff !important;color: #e85644 !important;border:1px solid #e85644 !important;}
.go-facebookw:hover i{color: #e85644 !important;}
.go-facebookw:hover span{color: #e85644 !important;}
.go-facebookw i{display: inline-block;color: #fff;font-size: 23px; margin-right: 15px; vertical-align: bottom;}
.go-fa-gb{color: #ffffff;display: inline-block;font: 16px "Poppins-Regular";}
.social-logins .googleplus {
    background: #de4c34 none repeat scroll 0 0;
    display: block;
    margin-top: 5%;
    width: 100%;
}
.social-logins .googleplus img {
    background: #ce3e26 none repeat scroll 0 0;
    float: left;
    padding: 7px;
}
.socialOr {
    display: block;
    margin: 25px 0 15px;
    text-align: center;
}
.rememberpassword {
    display: block;
    font: 13px GothamRounded_Book;
    padding: 0 0 15px;
}
.rememberpassword a {color: #407808}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.socialOr span {
    color: #c4c4c4 ;
    display: inline-block;
    font: 16px GothamRounded_Book;
    text-transform: uppercase;
}
.remember-checbox label {padding-left: 0px !important;line-height: 0px;}
.remember-checbox .checkbox {margin:0px !important;}
.remember-checbox input[type="checkbox"] {margin-top:2px;}
.rememberpassword .linkRight {
    text-decoration: underline;
}

img {max-width: 100%;}
.padding-t-b-20 {padding: 20px 0px;}
.no-radius {border-radius: 0px !important;}
.logo {float:left;display: block;margin: 30px 0px; transition: all 0.5s ease; height: 60px; display:flex; align-items: center;}
/*.logo img {max-width: 100%;filter: brightness(0) invert(1);max-height: 30px;}*/
.logo img {max-width: 40%;}
.top-header {position: absolute;float:left; width:100%;z-index: 5 !important; transition: all 0.5s ease;}
.banner-text-top{float: left;width: 100%;font: 55px "Allerbold"; text-align: center; -webkit-text-fill-color: transparent; background: -webkit-gradient(linear,left top,left bottom,from(#3c3768),to(#fa7875));background: -o-gradient(linear,left top,left bottom,from(#3c3768),to(#fa7875));-webkit-background-clip: text;padding:30px 0 10px 0; font-weight: 700;}
.banner-text-sub{float: left;width: 100%; color: #455a64;font: 28px "Poppins-SemiBold"; text-align: center; margin-bottom: 40px;}
.headerlist {float:right;margin: 0px;padding: 0px;}
.headerlist li {float: left;list-style: none;margin: 40px 0 40px 20px; transition: all 0.5s ease;}
.headerlist li a {float: left;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 1px solid #416e26; color: #000000;border-radius: 5px;box-shadow: none;font: 17px Poppins-SemiBold;padding: 6px 30px;text-transform: capitalize;transition: all 0.5s ease 0s;}
.headerlist li a:hover {background-color: #416e26;text-decoration: none;border: 1px solid #416e26;color: #ffffff;}
.top-header-bg {background: rgba(0,0,0,0.5);}
.top-header-bg .logo {float:left;display: block;margin: 15px 0px !important;}
.top-header-bg .headerlist li {float: left;list-style: none;margin: 11px 0 0 15px;}
/*--------------header2css start-------------------------*/
.logo2 {float:left;margin:15px 0; height: 66px; display:flex; align-items: center;}
.logo2 img {display:inline-block;max-width: 100%;max-height: 90px;}
.top-header2 {position: absolute;float:left; width:100%;z-index: 5 !important;background: #fff;box-shadow: 0 8px 6px -9px #999;}
.headerlist2 {float:right;margin:0px;}
.headerlist2 li {float: left;list-style: none;margin:0px 5px}
.headerlist2 li a {
    font-size: 17px;
    color: #000000;
    padding: 6px 15px;
    margin: 30px 0px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: none;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
    display: inline-block;
    text-decoration: none;
}
.headerlist2 li a:hover {
    text-decoration: none;
    color: #a6cf5b !important;
}
/*--------------header2css end-------------------------*/

.banner {float:left;background: url(../../../images/top-bg.png)no-repeat;position:relative;width: 100%; display: table; background-size: 100% auto;background-position: center top; padding: 200px 0 50px 0;}
/*.banner:after {position: absolute;background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;content:"";top:0;left: 0;right: 0;bottom: 0;z-index: 1;}*/
.banner-content {display: table-cell;vertical-align: middle;position: relative;z-index: 2;}
.home_searchbox {position: relative;}
.home_searchbox .loaction_marker{left: 10px;position: absolute;top: 18px;}
.home_searchbox .form-control {
    border-radius: 20px!important;
    font: 16px "Poppins-Regular" !important;
    height: 75px !important;
    padding: 10px 150px 10px 30px;
    line-height: 31px;
    border-color: #d1e7b2 !important; color: #000!important;
}
.home_searchbox .loacte_img {
    background: #ffffff none repeat scroll 0 0;
    cursor: pointer;
    float: right;
    font: 12px/25px Poppins-Regular;
    letter-spacing: -0.35px;
    padding: 7px 23px 7px 10px;
    position: absolute;
    right: 0;
    top: 7px;
}
.home_searchbox .loacte_img:hover {
    background: #e9e9eb none repeat scroll 0 0;
}
.locatemeicon-btn{position:absolute; right: 0;top: 0; background-color: transparent;border: 0;font-size: 18px;height: 74px;font-weight: 500;border-radius: 20px;padding: 10px 30px 10px 10px;cursor: pointer;line-height: 54px;}
.locatemeicon-btn:hover{color:#b7da87;}
.locatemeicon-btn i{color: #b7da87;font-size: 20px;margin-right: 8px;}
.home_searchbox .loacte_img img {width: 21px;display: inline-block;}
.searchbox {position: relative;}
.searchbox img{color: #969696;
    font-size: 25px;
    left: 30px;
    position: absolute;
    top: 19px;}
.searchbox i {
    position: absolute;
    right: 29px;
    top: 22px;
}
.searchbox .bootstrap-select {
    border-radius: 4px !important;
    font: 15px GothamRounded_Book !important;
    float: left;
    width: 100% !important;
}
.searchbox .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline-offset: -2px;
}

.searchbox .bootstrap-select .btn {height: 53px !important;}
.language-li {background-color: transparent !important;border:1px solid #416e26!important;border-radius: 50px !important;padding: 0px !important;}
.language-li a{padding:6px 25px !important;color: #000 !important;border: 0!important;}
.language-li a:hover{background-color: transparent!important; color: #fff!important;}
.headerlist2 .language-li{border: 0!important;}
.find-rest {
    float: left;
    width: 100%;
    background: #407808 none repeat scroll 0 0;
    border: 0 none !important;
    border-radius: 4px !important;
    color: #ffffff;
    display: block;
    font: 15px GothamRounded_Book;
    height: 53px;
    line-height: 31px !important;
    text-align: center;
}
.find-res-home {border-radius: 0px 3px 3px 0px !important;}
.banner-text {color: #ffffff;font: bold 30px GothamRoundedMedium;letter-spacing: 1px;margin: 40px 0 0 !important;opacity: 0.8;text-align: center;}
.howitworks {
    float: left;
    background:#fff;
    padding: 48px 0 50px;
    width: 100%;
}
.howitworks h2 {
    color: #323232;
    float: left;
    font: 22px GothamRoundedMedium;
    margin: 0 0 43px;
    text-align: center;
    width: 100%;
}
.panel-title {
    color: #000000;
    float: left;
    font: 15px GothamRoundedMedium;
    margin: 0 0 17px;
    text-align: center;
    width: 100%;
}
.pannel-p {color: #646464;
    float: left;
    font: 14px GothamRounded_Book;
    text-align: center;
    width: 100%;}
.pannel-image {float: left; width: 100%;text-align: center;margin-bottom: 20px;}
.pannel-image img{display: inline-block;max-width: 100%;max-height: 50px;}
.partener-with-us {background-color: #fafafa;
    float: left;
    width: 100%;}
.partner-with {
    color: #323232;
    font: 22px GothamRoundedMedium;
    margin: 0;
    text-align: center;
    width: 100%;
}
.benefit-line {
    color: #000000;
    float: left;
    font-family: GothamRounded_Book;
    font-size: 16px;
    margin: 17px 0 65px;
    text-align: center;
    width: 100%;
}
.foor-ord-head {
    color: #000000;
    float: left;
    font-family: GothamRoundedMedium;
    font-size: 24px;
    line-height: 30px;
    text-align: left;
    width: 100%;
}
.ord-del-cont {
    color: #646464;
    float: left;
    font-family: GothamRounded_Book;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 30px;
    text-align: left;
    width: 100%;
}
.down-app {
    float: left;
    width: 100%;
}
.down-app a {
    display: inline-block;
    margin-right: 10px;
}
.live-tracking {float: left; width: 100%; background:#f5f5f5;padding-top: 80px;}
.get-start {
    background: #fff none repeat scroll 0 0;
    color: #000000;
    float: left;
    padding: 100px 0;
    width: 100%;
}
.add-your-resta {
    color: #323232;
    font: 22px GothamRoundedMedium;
    margin: 0;
    text-align: center;
    width: 100%;
}
.add-para {
    float: left;
    font-family: GothamRounded_Book;
    font-size: 17px;
    margin: 20px 0 25px;
    text-align: center;
    width: 100%;
}
.signuptext {
    background: #407808 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font: 15px GothamRoundedMedium;
    padding: 10px 20px;
}
.otherfooter {
    float: left;
    width: 100%;
    background-color: #444 !important;
    color: #ffffff;
    padding: 70px 0 30px;
}
.footer-top {
    border-bottom: 2px solid #555;
}
.foothead h1 {
    color: #f5f5f5;
    font-family: GothamRoundedMedium;
    font-size: 20px;
    margin: 0 0 20px;
}
.footer-li {
    float: left;
    padding: 0;
    width: 100%;
}
.footer-li li {
    color: #c4c4c4;
    display: block;
    font-family: GothamRoundedMedium;
    font-size: 14px;
    list-style: outside none none;
    margin-bottom: 17px;
    padding: 0;
}
.footer-li li a {
    color: #969696;
    display: inline-block;
    font-family:"GothamRounded_Book";
    font-size: 14px;
    list-style: outside none none;
}
.copyright a {
    color: #407808;
    text-decoration: none;
}
.home-top {
    margin: 30px 0 0;
}
.copyright {
    color: #969696;
    font: 13px GothamRounded_Book;
    margin: 0;
}
.social-icon a {
    background: #969696 none repeat scroll 0 0;
    border-radius: 0;
    color: #444444;
    font-size: 14px;
    height: 20px;
    margin-left: 12px;
    padding: 0 !important;
    text-align: center;
    width: 20px;
    line-height: 20px;
    display: inline-block;
}
.banner-carousel {float: left; width: 100%;}
.banner-carousel .carousel-indicators li {background: #fff; height: 3px;border-radius: 5px !important;width: 12px;margin: 0px 3px!important;border:0px !important;}
.banner-carousel .carousel-indicators .active {
    background-color: #407808 !important;
    border: 0 none;
}
.filter-wrapper-outer {
    float: left;
    margin: 30px 0px;
    width: 100%;
}
.filter-wrapper {
    box-shadow: 0 0 30px #e2e2e2;
    cursor: pointer;
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}
.filter-wrapper-outer img {
    border-radius:20px;
    height: auto;
    width: 100%;
}

.filter-wrapper-mask {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    border-radius: 20px;
    bottom: 0;
    float: left;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.filter-wrapper-head {
    color: #ffffff;
    float: left;
    font: 20px "Poppins-SemiBold";
    padding: 20px 0 5px 20px;
    width: 100%;
}
.filter-wrapper-cont {
    color: #ffffff;
    float: left;
    font: 15px "Poppins-SemiBold";
    padding: 0 0 0 20px;
    width: 100%;
}
.filter-wrapper.active::after {
    background: #407808 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    content: "\f00c";
    font-family: FontAwesome;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 20px;
    z-index: 1;
}
.cuisineSlide {
    outline: none;
}
.sh-product-img {
    position: relative;
}
.sh-product-img.active::after {
    background: #407808 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    content: "\f00c";
    font-family: FontAwesome;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 20px;
    z-index: 1;
}
.cuisineTitle{
    width: 84%;
    display: inline-block;
}
.cuisineClearTitle{
    width: 15%;
    text-align: right;
    display: inline-block;
    float: right;
    font-size: 12px;
    cursor: pointer;
    padding-top: 16px;
    display: none;
}
.selectedCuisinesTag {
    border: 1px solid #3c3768;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
    margin-left: 2px;
}
.cuisinefil {
    float: left;
    padding: 2px;
    position: relative;
    width: 100%;
}
.cuisinefil_head {
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    color: #1e1e1e;
    float: left;
    font: 17px GothamRoundedMedium;
    padding: 13px;
    width: 100%;
}
.res_cuisinefil_head {
    color: #1e1e1e;
    float: left;
    font: 20px "Poppins-SemiBold";
    padding:0 0 15px 0;
    width: 100%;
}
.cuisinefil_subhead {float:left; width:100%;color: #444444 !important;font: 15px GothamRoundedMedium;
    padding: 15px;}
.cuisinefil_list {float:left; width: 100%;padding: 0px;}
.cuisinefil_list li {float: left; width: 100%;list-style: none;}
.cuisinefil_list li a {color: #323232;
    cursor: pointer;
    float: left;
    font: 16px "Poppins-SemiBold";
    margin-bottom: 15px;}
.cuisinefil_list li a.active {border-bottom: 2px solid #407808; color: #407808;}
.cuisinefil_list li a:hover {
    color: #407808;
    text-decoration: underline !important;
    }
.cuisinefil_list li label{color: #323232;
    cursor: pointer;
    float: left;
    font: 13px GothamRounded_Book;
    margin-bottom: 15px;
    width: 100%;}
.cuisinefil_list li label:hover,.cuisinefil_list li input:checked + label{color: #407808;}
.right-rest-info {
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    float: left;
    padding: 15px;
    width: 100%;
}
.res-img-box {
    float: left;width: 100%;
    text-align: center;
}
.searchres_box a{display: block;}
.rest-details {float: left; width: 100%;}
.res-img-box img{
    display: inline-block !important;
    border-radius: 50%;
   } 

.firstheadrestname {
    color: #407808;
    display: inline-block;
    font: 17px GothamRoundedMedium;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
    max-width: calc(100% - 20px);
    vertical-align: top;
}
.firstheadercuis {
    color: #797979;
    display: block;
    font: 12px GothamRounded_Book;
    margin: 0 0 25px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.rest-ratting-star {
    display: block;
}
.ratingstar-outer {
    background: rgba(0, 0, 0, 0) url("../../../images/stargreyhover.png") no-repeat scroll left center;
    display: inline-block;
    height: 14px;
    position: relative;
    width: 96px;
}
.ratingstar-new {
    background: rgba(0, 0, 0, 0) url("../../../images/staryellowhover.png") no-repeat scroll left center;
    float: left;
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
}
.restaurant-reviews {
    color: #0096c8;
    font-size: 12px;
    margin-left: 10px;
    text-decoration: underline;
}
.food-order-details {
    float: left;
    width: 100%;
}
.cost-details {
    border-right: 1px solid #dddddd;
    float: left;
    margin: 0 1% !important;
    width: 12%;
}
.priceing-datails {
    color: #1e1e1e;
    float: left;
    font: 12px GothamRoundedMedium;
    width: 100%;
}
.content-details {
    color: #969696;
    float: left;
    font: 12px GothamRounded_Book;
    margin: 0;
    width: 100%;
}
.min-cost {
    border-right: 1px solid #dddddd;
    float: left;
    margin-left: 2%;
    width: 23%;
}
.food-order-details div:last-child {border-right: none !important;}
.time-log {
    color: #222;
    font-size: 11px;
    vertical-align: middle;
}
.offer-log {
    color: #222222;
    float: left;
    font-size: 11px;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.offer-log i {width: 15px;height: 15px; background: #00B450; color: #fff;text-align: center;display: inline-block;border-radius: 50%;line-height: 15px;margin-right: 5px;}
.order-placed {
    float: left;
    padding-top: 15px;
    width: 100%;
}
.order-now-btn {
    background: #407808 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font: 11px/35px GothamRoundedMedium;
    text-align: center;
    width: 100%;
}
.order-closed {background: #d5d5d5;}
.order-now-btn i {
    margin-left: 10px;
}
.restaurant-box {float: left; width: 100%; background: #fff;border-radius: 15px;box-shadow: 0 6px 25px rgba(0,0,0, 0.15);}
.serach-res-image {float: left;width: 100%;height: 100px;}
.serach-res-image img {width: 100%;}
.headrestname {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
    vertical-align: top;
    overflow: hidden;
width: 80%;
float: left;
white-space: nowrap;
text-overflow: ellipsis;line-height: 20px;
}
.right-str-ratit{float:right;width: calc(100% - 80%);}
.rating_star_big-block {
    display: inline-block !important;
}
.rating_star_big {
    background: rgba(0, 0, 0, 0) url("../../../images/stargreyhover.png") no-repeat scroll center center;
    display: block;
    height: 16px;
    position: relative;
    width: 96px;
}
.rating_star_big_gold {
    background: rgba(0, 0, 0, 0) url("../../../images/staryellowhover.png") no-repeat scroll left center;
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
}
.restaurant-box-top {float: left; width: 100%;padding: 30px; }
.headeraddr {
    color: #444444;
    display: block;
    font-size: 16px;
    margin: 0 0 10px;
    font-family: "Allerbold";
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.headercuis {
    color: #444444;
    display: inline-block;
    font: 12px GothamRounded_Book;
    margin: 0 0 5px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 100%;
}
.restaurant-searchname {float: left; width: 100%;margin-bottom: 10px;}
.headermenudel {
    color: #444444;
    float: left;
    font: 15px "Poppins-Regular";
    margin-bottom: 0;
    padding: 0 20px 0 0;
}
.restaurant-km {float: left; width: 100%;}
.newmenu_tab {
    float: left;
    width: 100%;
}
.newmenu_tab .menutab_ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0px;
    width: 100%;
}
.newmenu_tab .menutab_ul li {
    float: left;
    font: 18px "Poppins-Regular";
    text-align: center;
    width: 20%;
    cursor: pointer;
}
.newmenu_tab .menutab_ul li a {
    border-bottom: 3px solid transparent;
    color: #000000;
    float: left;
    padding: 10px 5px;
    width: 100%;
    text-decoration: none;
}
.newmenu_tab .menutab_ul li a:hover{
    color: #407808;}
.newmenu_tab .menutab_ul li a.active {
    border-bottom: 3px solid #000;
    color: #000;
}
.restaurant-tab-content {float: left; width: 100%;margin-top: 40px;}
.searchMenudet a {
    color: #333;
    bottom: 0;
    display: inline-block;
    position: absolute;
    right:20px;
    top: 15px;
}
.searchMenudet input:focus{border: 1px solid #6FBC29!important;webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;}

.food-item-div {float: left; width: 100%;}
.food-item-head {color: #000;
    font: 20px "Poppins-SemiBold";
    display: block;
    position: relative;}
.food-item-name {
    color: #407808;
    line-height: 30px!important;
    float: left;
    font: 18px "Poppins-Regular";
    text-transform: capitalize;
    padding-top: 0 !important;
    width: 100%;
}
.food-item-list {float:left; width: 100%;padding: 15px;}
.plus_btn {
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
}
.food-item-border {float:left; width: 100%;border-top:1px solid #eee;}

.signle-food-item-div .food-item-list .food-item-border:first-child {border-top:0 !important;}

.tab-content1 {float: left; width: 100%;}
.signle-food-item-div {float: left; width: 100%; position: relative;}
.product__detail-category {
    color: #444;
    float: left;
    margin-top: 5px;
    font: 15px "Poppins-Regular";
    width: 100%;
}
.cart-box {float: left; width: 100%;}
.warehouse_head {
    color: #333;
    float: left;
    font: 20px "Poppins-SemiBold";
    padding:20px;text-align: center;
    width: 100%;
}
.no-cart {
    float: left;
    width: 100%;
}
.no-cart-image {float: left; width: 100%; padding: 20px 0;}
.no-cart-image img{display: inline-block;text-align: center;margin: 25px 0px;max-height: 70px;height: 70px;opacity: 0.2;}
.no-cart-text {float: left; width: 100%; font-size: 14px;text-align: center; padding-bottom: 20px;}
.pic-del {float: left; width: 100%; background: #f4f4f4;padding:20px 15px 15px 15px;}
.pickup-div {display: inline-block;}
.delivery-div {display: inline-block;}
.pickup-div input[type='radio'] {display: none;}
.delivery-div input[type='radio'] {display: none;}
.pickup-div label {
    background-image: url("../../../images/unticknew.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    font: 16 "Poppins-Regular"!important;
    height: 40px;
    padding-left: 50px;
    padding-right: 10px;
    line-height: 45px;
}
.pickup-div input[type='radio']:checked + label{
    background-image: url("../../../images/ticknew.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 40px;
    padding-left: 50px;
    padding-right: 10px;
    line-height: 45px;
}
.delivery-div label {
    background-image: url("../../../images/unticknew.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
   font: 16 "Poppins-Regular"!important;
    height: 40px;
    padding-left: 50px;
    padding-right: 10px;
    line-height: 45px;
}
.delivery-div input[type='radio']:checked + label{
    background-image: url("../../../images/ticknew.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 40px;
    padding-left: 50px;
    padding-right: 10px;
    line-height: 45px;
}
.min-order-value {
    border-bottom: 1px solid #f5f5f5;
    color: #929292;
    float: left;
    border-radius: 5px;
    font-family: "Poppins-Regular";
    padding: 5px 13px;
    text-align: left;
    width: 100%;
}
.menu-item-wrapper {
    float: left;
    padding: 10px;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
}
.menu-item-quantity a {text-decoration: none;}
.menu-item-sno {
    border-right: 1px solid #f5f5f5;
    color: #333333;
    float: left;
    height: 50px;
    margin-right: 15px;
    width: 25px;
}
.menu-item-middle {
    float: left;
    width: calc(100% - 45px);
}
.menu-item-name-wrap {
    float: left;
    padding-bottom: 5px;
    width: 100%;
}
.menu-item-name {
    color: #333333;
    float: left;
    font-family: GothamRoundedMedium;
    font-size: 13px;
    overflow: hidden;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.menu-item-text {
    color: #999999;
    font-size: 11px;
}
.menu-item-quantity {
    float: left;
    width: auto;
}
.menu-item-qty-icon {
    color: #888888;
    cursor: pointer;
    float: left;
    font-size: 15px;
}
.quantitycount {
    color: #333333;
    float: left;
    width: 35px;
}
.quantitycount {
    margin: 0 2px;
    vertical-align: top;
}
.menu-item-delete {
    color: #888888;
    cursor: pointer;
    float: right;
    font-size: 15px;
    margin-left: 15px;
    margin-top: 0;
    width: 20px;
}
.menu-item-amount {
    color: #333333;
    float: right;
    font-family: GothamRoundedMedium;
    font-size: 14px;
    width: auto;
}
.cart-wrapper {
    background-color: #ffffff;
    box-shadow: 0 6px 25px rgba(0,0,0, 0.15);
    margin-top: 0 !important;
    float: left;
    width: 100%;
    border-radius: 15px;
}
.bill-section {float: left; width: 100%;}
.subtotal {
    float: left;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #f5f5f5;
}
.subtotal-txt {float: left;width: 60%;text-align: left;font: 15px "Poppins-SemiBold";}
.subtotal-amt {float: right;width: 38%;text-align: right;padding-right: 10px;font: 15px "Poppins-SemiBold";}
.total {width: 100%;padding: 10px;}
.total .subtotal-txt {float: left;width: 55%;text-align: right;font: 15px "Poppins-SemiBold";}
.total .subtotal-amt {float: left;width: 40%;text-align: right;padding-left: 50px;font: 15px "Poppins-SemiBold";}
.cart-checkout {float: left; width: 100%;padding: 5px;}
.cart-checkout .btn-checkout {
    -webkit-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  border-radius: 3px;
  background: rgb(111,188,88); 
  background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );
  border: 1px solid #a6cf5b;
  color: #fff;
    display: block;
    font: 18px "Poppins-SemiBold";
    padding: 10px 18px;
    position: relative;
    text-align: center;
    border-radius: 5px;
}
.btn-checkout:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.cart-checkout a:hover {text-decoration: none; }
.opacity_5 {
    opacity: 0.5;
}
.res_footer {padding: 15px 0px !important;background: #444;}
.main_wrapper {float: left; width: 100%;margin:140px 0px 20px;}
.myaccont_main_wrapper {float: left; width: 100%;}
.info_page_left {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    float: left;
    width: 100%;
}
.info_page_left h1 {
    border: 1px solid #eeeeee;
    border-radius: 0;
    color: #333333;
    font: 16px GothamRoundedMedium !important;
    margin-bottom: 0;
    padding: 10px;
    text-align: center;
}
.info_days {
    background-color: #ffffff !important;
    float: left;
    width: 100%;
}
.info_days .days_cont {
    font: 13px GothamRounded_Book;
    margin-bottom: 10px !important;
}
.info_days .pull-right p {
    border-radius: 4px;
    color: #717171;
    float: left;
    font-family: GothamRoundedMedium;
    margin: 0 0 5px 5px;
    padding: 3px;
}
.info_help {
    background-color: #f5f5f5;
    float: left;
    margin: 18px 0 20px;
    padding: 10px;
    width: 100%;
}
.info_help h5 {
    font: 20px GothamRoundedMedium;
}
.info_help h3, .info_help h4 {
    color: #407808;
    font: 25px GothamRounded_Book;
}
.rest_about {
    float: left;
    padding: 5px 15px;
    width: 100%;
}
.rest_about h3 {
    float: left;width: 100%;
    font: 20px "Poppins-SemiBold";
}
.rest_about p {
    font: 15px/25px GothamRounded_Book;
}
.info_map {float: left; width: 100%;padding:0px;max-height: 250px;}
#map {float: left; width: 100%; border:1px solid  #f4f4f4;}
.res_offers{float: left;width: 100%;}
.review_contWrapper {
    border-bottom: 2px solid #eeeeee;
    border-radius: 0;
    float: left;
    margin: 0 0 10px;
    padding: 10px;
    width: 100%;
}
.rating_star_info {
    margin-left: 15px !important;
}
.rating_star {
    background: rgba(0, 0, 0, 0) url("../../../images/stargreyhover.png") no-repeat scroll left center;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 100px;
}
.rating_star_gold {
    background: rgba(0, 0, 0, 0) url("../../../images/staryellowhover.png") no-repeat scroll left center;
    display: inline-block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
}
.res_reviews {float: left; width: 100%; margin-top: 20px;}
.res_booktable {float: left; width: 100%;margin-top: 20px;}
.menuoffer {
    color: #f05423;
    display: inline-block;
    font: 18px GothamRoundedMedium;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.res_booktable h3 {
    border-bottom: 1px solid #f5f5f5;
    font: 20px GothamRoundedMedium;
    padding-bottom: 10px;
}
.res_booktable .form-group .form-control {border-radius: 0px !important;}
.calender-field input[type='text'] {position: relative;}
.calender-field i {
    background: #e5e5e5 none repeat scroll 0 0;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 1px;
    width: 30px;
}
.cart-wrapper {float: left; width: 100%; -webkit-transition: all 0.5s ease 0s !important; /* For Safari 3.1 to 6.0 */
    transition: all 0.2s ease 0s !important;position: relative;top:0;}
.cart-innerwrapper {float: left; width: 100%;}
.cart-wrapper-fixed {
    position: fixed;
    z-index: 1;
    top: 70px !important;
    -webkit-transition: 0s !important; /* For Safari 3.1 to 6.0 */
    transition: 0s !important
}
.cust-info-checkout {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    float: left;
    margin-bottom: 15px;
    padding: 30px 15px;
    width: 100%;
}
#restaurant-menu{margin-top: 30px;}
.payment_tab, .tab-content {float: left; width: 100%;}
.cust-info-head{
    color: #444444;
    display: block;
    font: 20px "Poppins-SemiBold";
    padding:0;
    margin: 0 0 15px;
    float: left;
    width: 100%;
}
.control-label {
    color: #333;
    font: 14px "Poppins-Regular";
    text-align: left;
}
.editAdrr {
    background: #F5F5F5 none repeat scroll 0 0;
    border: 1px solid #dde5ec;
    border-radius: 3px;
    color: #333333;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 5px 10px;
}
#BookaTableBookingDate{background-color: #fff;}
.editAdrr address {margin-bottom: 0px !important;}
.cust-info-checkout .form-group .form-control {border-radius: 5px !important;}
.checkoutWrapper  {float: left; width: 100%;}
.address_name {color: #333333 !important;font: 15px/24px GothamRoundedMedium !important;
    margin-bottom: 0 !important;}
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 13px/24px GothamRounded_Book;
}
.editAdrr input[type="radio"] {display: none;}
.editAdrr:hover, .editAdrr.active {
    border-color: #407808;
    font-weight: 700;
}

.now-radio input[type='radio'] {display: none;}
.now-radio label {
    background-image: url("../../../images/unticknew.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    font: 16 "Poppins-Regular"!important;
    height: 40px;
    padding-left: 50px;
    padding-right: 10px;
    line-height: 45px;
}
.now-radio input[type='radio']:checked + label{
    background-image: url("../../../images/ticknew.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 40px;
    padding-left:50px;
    padding-right: 10px;
}
.later-radio input[type='radio'] {display: none;}
.later-radio label {
    background-image: url("../../../images/unticknew.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    font: 16 "Poppins-Regular"!important;
    height: 40px;
    padding-left: 50px;
    padding-right: 10px;
    line-height: 45px;
}
.later-radio input[type='radio']:checked + label{
    background-image: url("../../../images/ticknew.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 40px;
    padding-left: 50px;
    padding-right: 10px;
}
.use_wallet {float: left; width: 100%;}
.use_wallet input[type='checkbox'] {display: none;}
.use_wallet label {position: relative; cursor: pointer;}

.use_wallet input[type='checkbox']:checked + label:after {
    color: #407808;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 13px;
    font-weight: normal;
    left: 26px;
    margin-left: -20px;
    position: absolute;
    top: 0px;
}
.use_wallet input[type='checkbox']:checked + label:before {
    border: 2px solid #407808 !important;
}
.use_wallet label:before {
    background-color: #ffffff;
    border: 2px solid #dcdcdc;
    content: "";
    display: inline-block;
    height: 18px;
    left: 23px;
    margin-left: -20px;
    position: absolute;
    top: 0px;
    transition: border 0.15s ease-in-out 0s;
    width: 18px;
}
.use_wallet_txt {float: left;width:100%;color: #333;font:15px "GothamRounded_Bold" !important;}
.use_wallet_txt img {width: 21px; margin-right: 10px;}
.use_wallet_amt {float: left;color: #333;font:14px "GothamRounded_Book" !important;padding-left: 18px;}
.use_wallet_pay {float: left; width: 100%;background: #FAFAFA; border-radius: 5px;padding: 20px 0px;margin-bottom: 20px;}
.paymade {float: left;width: 100%;background: #fff;padding: 20px;border: 1px solid #dde5ec !important;border-radius: 4px;position: relative;}
.paymade:after {position: absolute;content: "\f056";font-family: "FontAwesome";
    font-size: 17px;
    position: absolute;
    right: -21px;
    top: calc(50% - 8px);color: #333;}
.paywall {float: left;width: 100%;background: #fff;padding: 20px;border: 1px solid #dde5ec !important;border-radius: 4px;position: relative;}
.paywall:after {
    background: #333333 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff !important;
    content: "=";
    display: inline-block;
    font-size: 16px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: -21px;
    text-align: center;
    top: calc(50% - 6px);
    width: 15px;}
.paybal {float: left;width: 100%;background: #fff;padding: 20px;border: 1px solid #dde5ec !important;border-radius: 4px;}
.paymade_txt {float:left;width:100%;font:14px "Poppins-SemiBold" !important;margin-bottom: 5px; }
.paymade_amt {
    font: 14px "GothamRounded_Bold" !important;
    padding-left: 10px;
    width: 100px;}
.use_wallet_balance {
    display: inline-block;
    padding: 0px 0px 0px 30px;
}

.checkout_payment {float: left; width: 100%;margin-bottom: 15px;}
.cust-info-checkout div:last-child {border-bottom: none;}
.checkout_payment input[type='radio'] {display: none;}
.checkout_payment label {position: relative; cursor: pointer;}
.checkout_payment input[type='radio']:checked + label.payment_label {
    border: 1px solid #407808;
}
.checkout_payment input[type='radio']:checked + label:after {
    background-color: #f26822;
    border: 2px solid #f26822;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 10px;
    left: 39px;
    margin-left: -20px;
    position: absolute;
    top: 31px;
    width: 10px;
    z-index: 5;
}
.checkout_payment input[type='radio']:checked + label:before {
    border: 2px solid #f26822 !important;
}
.checkout_payment label:before {
    background-color: #ffffff;
    border: 2px solid #dcdcdc;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 18px;
    left: 35px;
    margin-left: -20px;
    position: absolute;
    top: 27px;
    transition: border 0.15s ease-in-out 0s;
    width: 18px;
}
.payment_label {
    border: 1px solid #eee;
    float: left;
    padding: 15px;
    width: 100%;
}
.payment_label_text {float: left;padding-left: 20px;}
.checkout_payment label {font: 14px GothamRounded_Bold;
    padding-left: 12px;}
.checkout_payment .payment_subtext {
    color: #aaaaaa;
    font-family: GothamRounded_Book;
    font-size: 13px;
    padding-left: 0;
    padding-top: 4px;
}
.cod {display: block;padding-bottom: 5px;}
.wallet-amt {
    border: 1px solid #407808;
    border-radius: 5px;
    color: #407808;
    font: 15px GothamRounded_Bold;
    margin-left: 10px;
    padding: 2px 3px;
}
.order_information_boxoi{float:left;width:100%;background: #fff; padding: 15px; box-shadow: 0 6px 25px rgba(0,0,0, 0.15); border-radius: 15px;}
.order_information_box {float:left;width:100%;background: #fff; padding: 15px; box-shadow: 0 6px 25px rgba(0,0,0, 0.15); border-radius: 15px;}
.order_information_box2 {
    box-shadow: 0 6px 25px rgba(0,0,0, 0.15);
    border-radius: 15px;
    float: left;
    width: 100%;
    padding: 15px;
}
.order_item {float: left; width: 100%;border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #eeeeee;padding: 10px 0px;}
.order-item-name {
    float: left;
    font: 13px GothamRoundedMedium !important;
    width: 65%;
}
.order-item-qty {
    float: left;
    font: 13px GothamRoundedMedium !important;
    text-align: center;
    width: 10%;
}
.order-item-price {
    float: left;
    font: 13px GothamRoundedMedium !important;
    text-align: right;
    width: 25%;
}
.addmore_btn {
    background-color: #4aa3df !important;
    border: 1px solid #4aa3df !important;
    border-radius: 0;
    color: #ffffff !important;
    font: 15px GothamRounded_Book;
    margin-bottom: 10px !important;
    padding: 7px 10px;
}
.order_item_list {float: left; width: 100%;
    padding: 10px 0px;}
.order_item_list2{float: left; width: 100%;padding: 5px 0px;}
.order-item-namelist {
    float: left;
    font: 13px GothamRounded_Book !important;
    width: 65%;
}
.order-item-qtylist {
    float: left;
    font: 13px GothamRounded_Book !important;
    text-align: center;
    width: 10%;
}
.order-item-pricelist {
    float: left;
    font: 13px GothamRounded_Book !important;
    text-align: right;
    width: 25%;
}
.order_item + .order_item_list{border-top:none !important;}
.order-total-txt{
    float: left;
    width: 65%;
     font: 16px "Poppins-SemiBold" !important;
}
.add_more_item {float: left; width: 100%;}
.hide_cart_item {float: left; width: 100%;padding: 0 15px;display: none; max-height: 300px;
    overflow-y: auto;}
.hide_cart_item div:first-child {border-top: 0 !important;}
.hide_cart_item div:last-child {border-bottom: 0 !important;}
.add_more_item a { font: 14px "GothamRounded_Bold";color: #407808;padding:10px 15px;display: inline-block;cursor: pointer;}
.right_res_name {background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    color: #333333;
    float: left;
    font: 14px "GothamRounded_Bold";
    padding: 10px 15px;
    width: 100%;}
.right_res_name a {color:#636363;font: 14px "GothamRounded_Bold";cursor: pointer; }

/*.order_information_box div:last-child {border-bottom:0 !important;}*/
.order_information_box div:nth-child(4) {border-bottom:0 !important;}
.order-total-amount {
    float: left;
    text-align: right;
    width: 35%;
}
.view_cart_item {
    color: #333333;
    float: left;
    font: 14px "GothamRounded_Bold";
    padding: 10px 15px;
    width: 100%;
    text-align: center;}
.view_cart_item a {color:#333333;font: 14px "GothamRounded_Book";cursor: pointer;text-decoration: underline;}
.hide_cart_text {float: left; width: 100%;padding: 10px 15px;font: 14px "GothamRounded_Book";text-align: center;cursor: pointer;
    border-top: 1px solid #eee;
    color: #333333;display: none;}
.hide_cart_text a {color: #333; text-decoration: underline;}

.coupon-apply-div {float: left;margin: 15px 0px;}
.coupon-apply-div {float: left; width: 100%;}
.coupon-apply-div .form-control {border-radius: 0px !important;}
.voucherapplycode {
    background: #4aa3df none repeat scroll 0 0;
    border: 1px solid #4aa3df;
    border-radius: 0;
    margin-left: 10px;
    padding: 6px 17px;
}
textarea.form-control {
    border: 1px solid #dddddd;
    border-radius: 5px!important;
    box-shadow: none;
    height: 100px;
}
textarea.form-control:focus{border: 1px solid #6FBC29 !important;webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.subbtn {
    float: left;
    font-family: "Poppins-SemiBold" !important;
    font-size: 16px !important;
    padding: 10px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
  -webkit-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  border-radius: 3px;
  background: rgb(111,188,88); 
  background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );
  border: 1px solid #a6cf5b;
}
.subbtn:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.customerMyAccount {
    float: left;
    padding: 10px 0 50px;
    width: 100%;}
.myaccount-inner {background: #ffffff none repeat scroll 0 0;
    border-bottom: 0 none;
    box-shadow: 0 6px 25px rgba(0,0,0, 0.15);
    border-radius: 15px;
    float: left;
    width: 100%;
    position: relative;
    min-height: calc(100vh - 375px);
}
.myaccount-tabs {float: left; width: 100%; padding: 0px;margin: 0px;border-radius: 15px 0 0 0;}
.myaccount-tabs li {float: left; width: 100%;list-style: none;border-bottom: 1px solid #fff;
    cursor: pointer;padding: 25px 15px 0px 25px;
}
.myaccount-tabs li a{
    cursor: pointer;
    font-family: "Poppins-Regular";
    font-size: 16px;
    margin: 0;
    display: block;
    position: relative;
    text-align: left;
    text-transform: capitalize;
}
.edit-prof {border:1px solid #999;padding: 8px 15px;font-size: 16px;border-radius:0 !important;background: transparent !important;margin-top: 30px;}
.myaccount-name {float:left; width:100%;font:18px "Poppins-SemiBold";padding: 15px 0 10px 0;}
.myaccount-num {float:left; width:100%;font-size:16px ;padding-bottom:10px;}
.myaccount-mail {float:left; width:100%;font-size:16px}
.myacc-profshow { float: left;padding: 20px 0;width: 100%;}
.myaccount-side-menu {float: left; width: 20%;position: absolute;left: 0;top:0;bottom: 0;border-radius: 15px 0 0 15px;}
.myacc-profimg {float: left; width: 100%;}
.myacc-profimg img{display:block;border-radius: 50%;width: 100px;height: 100px;}
.myaccount-right {float: right; width:calc(100% - 20%);padding: 15px 25px;min-height: 480px;}
.orderhistory_content, .profile_content {float: left; width: 100%; padding: 15px;}
.my_orderbox_top {border-bottom: 1px dashed #dde5ec;
    float: left;
    padding-bottom: 15px;
    width: 100%;}
.my_orderbox_bottom {float: left;
    padding-top: 15px;
    width: 100%;}
.view-btn:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.view-btn {
   border-radius: 3px;
  background: rgb(111,188,88); 
  background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );
  border: 1px solid #a6cf5b;
    cursor: pointer;
    display: inline-block;
    font: 14px "Poppins-Regular";
    margin-left: 20px;
    text-align: center;
    width: 120px;
    color: #fff;
}
.view-btn2:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.view-btn2 {
    border-radius: 3px;
  background: rgb(111,188,88); 
  background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );
  border: 1px solid #a6cf5b;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 14px "Poppins-Regular";
    margin-left: 20px;
    text-align: center;
    width: 100px;
}
.review-btn:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.review-btn { border-radius: 3px;
  background: rgb(111,188,88); 
  background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );
  border: 1px solid #a6cf5b;
    cursor: pointer;
     color: #fff;
    display: inline-block;
    font: 14px "Poppins-Regular";
    margin-left: 20px;
    text-align: center;
    width: 120px;}
.review-btn2 { border-radius: 3px;
  background: rgb(111,188,88); 
  background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );
   color: #fff;
  border: 1px solid #a6cf5b;
    cursor: pointer;
    display: inline-block;
    font: 14px "Poppins-Regular";
    margin-left: 20px;
    text-align: center;
    width: 100px;}
.review-btn2:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
 .add_new_add_btn{ border-radius: 3px;
  background: rgb(111,188,88); 
  background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );
   color: #fff;
  border: 1px solid #a6cf5b;
    cursor: pointer;
    display: inline-block;
    font: 14px "Poppins-Regular";}
.add_new_add_btn:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.add_card_btn:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
 .add_card_btn{ border-radius: 3px; background: rgb(111,188,88); background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );color: #fff;border: 1px solid #a6cf5b;cursor: pointer;display: inline-block;font: 14px "Poppins-Regular";}
 .btn_load-mon{border-radius: 3px; background: rgb(111,188,88); background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );color: #fff;border: 1px solid #a6cf5b;cursor: pointer;display: inline-block;font: 14px "Poppins-Regular";}
 .btn_load-mon:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.my_order_total {color: #535665;font-size: 14px;padding-right: 30px;font-family: "Poppins-SemiBold"; margin-top: 8px;}
.my_order_id span {font-weight: bold;padding-right: 15px;}
.my_order_resname {float: left; width: 100%;font: 16px "Poppins-SemiBold"; line-height: 20px;}
.my_order_resadd{float: left; width: 100%;font: 14px "Poppins-Regular";padding-bottom: 5px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;color: #7e808c;padding-top: 5px;}
.my_order_delivery span {
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}
.my_order_delivery span.label-success {margin-left: 8px;}
.my_order_delivery span.label-danger {margin-left: 8px;}
.my_order_delivery span.label-warning {margin-left: 8px;}
.my_order_id{color: #444;
    float: left;
    font: 14px "Poppins-Regular";
    padding: 5px 0px 0 0;
    width: 100%;}
.my_order_delivery{float: left; width: 100%;font: 14px "Poppins-Regular";}
.my_order_resimg {float: left; text-align: center;}
.my_order_resimg img {width: 80px;height: 80px;display: inline-block; border-radius: 50%;}
.continue {
    background: none;
    font: 13px "GothamRndLight";
    line-height: 17px;
    padding: 4px 18px;
    color: #407808;
    border:1px solid #407808;
    cursor: pointer;

}
.control-form-control {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    padding-left: 0px;
}
.my_orderbox {
    float: left;
    width: 100%;
    border: 1px solid #dde5ec;
    margin: 12px 0 15px;
    padding: 15px;
    border-radius: 15px;
}
.orderhistory_title {
    border: medium none;
    color: #444444;
    display: inline-block;
    font: 22px/28px GothamRoundedMedium;
    margin: 0;
    text-align: left;
    width: 100%;
}
.orderhistory_datatable .order_history_table {
    border-bottom: 2px solid #eeeeee !important;
    float: left;
    margin-bottom: 10px !important;
    padding: 10px 0 !important;
    width: 100%;
}
.cust-ord-id {
    color: #407808;
    display: block;
    font-family: GothamRounded_Book;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    text-align: left;
}
.payment-type, .status, .Delivery-date, .orderat {
    color: #000000;
    display: block;
    font-family: GothamRoundedMedium;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 10px;
    text-align: left;
}
.cod-p, .del-date, .ord-details-date, .ord-details-time {
    color: #888888;
    font-size: 14px;
    font-weight: 400;
}
.amount {
    color: #333333;
    display: block;
    font-family: GothamRoundedMedium;
    font-size: 22px;
    margin-bottom: 10px;
    padding: 0 !important;
}
.view {
    border: 1px solid #407808;
    cursor: pointer;
    float: right;
    font-family: GothamRoundedMedium;
    font-size: 14px;
    margin-left: 15px;
    padding: 5px 10px;
    color: #407808;
    text-decoration: none;
}
.view:hover {
    background-color: #407808;
    color: #ffffff;
}

.orderhistory_datatable table.dataTable thead th, table.dataTable thead td {
    border-bottom: 2px solid #407808;
    padding: 10px 18px;
}
.orderhistory_datatable table.dataTable.no-footer {
    border-bottom: none;
}
.myaccount-tabs a {
    color: #333333;
    min-height: 1px;
    position: relative;
    text-decoration: none;
    width: 100%;
}
.user-img {float: left; width: 100%;text-align: center;}
.user-img img {width: 100px;height: 100px; display: inline-block;border-radius: 50%;}
.upload_img {
    background: #F26822;
    color: #fff;
    border:0 !important;
    margin-top: 10px;
}
.radio-btn input[type='radio'] {display: none;}
.radio-btn label {position: relative;padding-left: 30px;cursor: pointer;}
.radio-btn label:before {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #bbbbbb;
    border-radius: 50%;
    height: 20px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 20px;
    content: "";
}
.radio-btn input[type='radio']:checked + label:after {
    color: #ffffff;
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 12px;
    left: 0px;
    text-align: center;
    top: 2px;
    position: absolute;
    background: #407808 none repeat scroll 0 0;
    border: 1px solid #407808;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    line-height: 20px;
}

.addnewAdrr  i{
    border: 1px solid #407808;
    border-radius: 50%;
    color: #407808;
    cursor: pointer;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 10px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    width: 20px;
}
.add_new_address_div a {display: inline-block;color: #407808 !important;font:14px "GothamRounded_Book";margin-bottom: 30px;text-decoration: none;}
.add_new_address_div a:focus {outline: none !important;border-bottom: none;}
.profile-right {float: left; width: 100%;}
.cardDetailHead {
    float: left;
    font: 18px/30px GothamRoundedMedium;
    padding-bottom: 10px;
    width:100%;
}
.checkout_res_name {float: left; width: 100%;font: 15px "GothamRounded_Bold" !important;color: #333;padding: 10px 0px 20px 0px;}

.profile_subhead {
    float: left;
    font: 18px/30px GothamRoundedMedium;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.orange-btn {
    background: #407808 none repeat scroll 0 0;
    border: 1px solid #1a3003;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font: 13px "GothamRoundedMedium";
    height: 33px;
    text-align: center;
    width: 100%;
}

 .orng_btn{text-align: center;border-radius: 3px; background: rgb(111,188,88); background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 ); display: inline-block;color: #fff;border: 1px solid #a6cf5b;cursor: pointer;display: inline-block;font: 14px "Poppins-Regular";}
.orng_btn:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.no_btn {
    background: #F0F0F0 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font: 13px "GothamRoundedMedium";
    height: 33px;
    text-align: center;
}
.apply_voucher_part {float: left; width: 100%; border-top:1px dashed #dadada;padding-top: 30px;}
.apply_voucher_part label {float: left;width: 100%;padding-bottom: 5px;}
.address-customer-notes {float: left; position: relative;}
.address-customer-notes+i { position: absolute;right: 22px;top: 10px;}
.choose_txt {float: left; width: 100%;font:11px "Poppins-Regular";line-height: 45px;}
.appy_voucher_code {float: left; width: 100%;margin: 30px 0px;}
.editpayment {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    color: #333333;
    cursor: pointer;
    display: block;
    font: 14px GothamRounded_Book;
    margin-bottom: 15px !important;
    overflow: hidden;
    padding: 25px 10px 25px 60px;
}
.truncate {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.border-left {border-left: 1px solid #eee;margin-left: -1px;}
.border-right {border-right: 1px solid #eee;}
.delete_card {
    background: #ff0000 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    float: left;
    font-family: GothamRoundedMedium;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: -7px;
    width: 18px;
}
.profile_content .form-control {border-radius: 0px !important;}
.wallet_content .form-control, .wallet_content .input-group-addon {border-radius: 0px !important;}
.wallet_content, .setting_content, .address_content, .payment_content {float: left; width: 100%;padding: 15px;}

.setting_content .form-control {border-radius: 0px;}
#address_datatable th {
    background: #407808 none repeat scroll 0 0;
    border-bottom: 2px solid #407808;
    color: #ffffff;
    font: 18px GothamRoundedMedium;
    letter-spacing: 0.5px;
    padding: 15px 15px 15px 10px;
    text-align: center;
    text-transform: capitalize;
}
.orderhistory_datatable {float: left; width: 100%;}
#address_datatable td {
    font: 14px GothamRounded_Book;
    letter-spacing: 0.5px;
    max-width: 230px;
    padding: 15px;
    vertical-align: middle;
}
.cart-items-scroll{float: left; width: 100%;}
.myaccount-tabs li.active a{color: #407808;font-family: "Poppins-SemiBold";
    font-size: 16px;}
.myaccount-tabs li a:focus {outline: 0 !important;}
.carousel-indicators {z-index: 4 !important;}
.vertical-track {width: 0px;background-color:#407808; right: 0px;}
.vertical-handle {width: 4px;background-color: #407808;;border-radius:20px; right: 0px;}
.ui-widget-header .ui-icon {
    background-image: url("../../../images/ui-icons_444444_256x240.png");
}
.no-sm-padding-left {padding-left:0px !important; }
.offer_div {float: left; width: 100%;}
.mywallet_amt {
    border: 1px solid #dde5ec;
    color: #3d4152;
    display: inline-block;
    padding: 20px;
    position: relative;
    width: 100%;
    margin: 20px 0px;
}
.mywallet_amt_text {float: left; width: 100%; font:16px "GothamRounded_Bold"}
.my_wallet_add {float: left; width: 100%;margin: 50px 0px;}
.add_money .form-control { border-bottom: 1px solid #dddddd !important;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    box-shadow: none;}
input[type='text'].add_money_form::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999999;
    font-size: 20px;
    height: 35px;
}
input[type='text'].add_money_form::-moz-placeholder { /* Firefox 19+ */
    color: #999999;
    font-size: 20px;
    height: 35px;
}
input[type='text'].add_money_form:-ms-input-placeholder { /* IE 10+ */
    color: #999999;
    font-size: 20px;
    height: 35px;
}
input[type='text'].add_money_form:-moz-placeholder { /* Firefox 18- */
    color: #999999;
    font-size: 20px;
    height: 35px;
}
input[type='text'].control-form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999999;
    font-size: 13px;
    height: 40px;
}
input[type='text'].control-form-control::-moz-placeholder { /* Firefox 19+ */
    color: #999999;
    font-size: 13px;
    height: 40px;
}
input[type='text'].control-form-control:-ms-input-placeholder { /* IE 10+ */
    color: #999999;
    font-size: 13px;
    height: 40px;
}
input[type='text'].control-form-control:-moz-placeholder { /* Firefox 18- */
    color: #999999;
    font-size: 13px;
    height: 40px;
}
.add_money input[type='radio'] {display: none;}
.add_money label {border: 1px solid #eeeeee;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    position: relative;
    text-align: center;
    width: 70px;}
.add_money input[type='radio']:checked + label:after {
    color: #5cb85c;
    border: 2px solid #407808;
    border-radius: 50%;
    content: "";
    height: 70px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 70px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
}
.credit_card {
    border: 1px solid #dde5ec !important;
    color: #3d4152;
    padding: 15px 20px 15px;
    float: left; width: 100%;
    display: table;
}
.card_number {color: #3d4152;font: 14px "GothamRounded_Bold";float: left;width: 100%;}
.card_validity {float: left;width: 100%;}
.card_delete {
    color: #ff8436;
    font: 14px "GothamRounded_Bold";
    padding-top: 10px;
    text-align: right;
}
.addnew_addressbox {
    border: 1px solid #dde5ec;
    color: #3d4152;
    padding: 20px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    min-height: 145px;

}
.address_box_icon i {display: inline-block;font-size: 20px;}
.address_edit_del {float: left;width: 100%;}
.address_edit_del a {color: #407808;
    display: inline-block;
    font: 13px "GothamRounded_Bold";
    margin: 5px 20px 0 0 !important; cursor: pointer;}
.address_edit_del a:hover {text-decoration: none;}
#wallet_history_modal .modal-header {border-bottom: none !important;font: 16px "GothamRounded_Bold";padding: 15px 15px 0 !important;}
.password_setting_div {float: left; width: 100%; padding-left: 15px;}
.credit_card span {display: table-cell;vertical-align: middle;width: 50px;}
.credit_card .credit_det {display: table-cell;vertical-align: top;padding-left: 15px;}
.credit_card span img {width: 50px;}
.credit_cardrow {display: table-row;}
.load_money_card {float: left; width: 100%;}
.load_money_card input[type="radio"] {display: none;}
.load_money_card label {position: relative;cursor: pointer;float:left;width: 100%;margin-bottom: 10px;}
.load_money_card input[type="radio"]:checked+label:after {
    bottom: 0px;
    box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.46);
    color: #3d4152;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#add_card_modal .modal-header {border-bottom: none !important;font: 16px "GothamRounded_Bold";padding: 15px 15px 0 !important;}
.my-form-control {border-radius: 0px;}
.offer-div  {float: left; width: 100%;margin-top: 20px;}
#add_address_modal .modal-header {
    background: #407808 none repeat scroll 0 0;
    color: #fff !important;
    border-radius: 4px 4px 0px 0px;
}
#my_account_address_edit .modal-header {
    background: #407808 none repeat scroll 0 0;
    color: #fff !important;
    border-radius: 4px 4px 0px 0px;
}
.tabactive {background: #407808;color: #fff !important;}



.detailPopCont_topnew {
    margin-bottom: 15px;
    padding: 14px 6px 4px !important;
}
.detailPopCont h2 {
    font: 18px GothamRounded_Book;
    margin-bottom: 0;
    margin-top: 0;
}
.multiItemPrice {
    font-family: GothamRounded_Book;
}
#addons_popup .radio.radio-inline {
    margin: 7px 0 2px;
    padding: 7px 10px 7px 30px;
    width: 45%;
}
.radio.radio-inline.menuSize {
    width: 100% !important;
}
#addons_popup .modal-header {
    background: #407808 none repeat scroll 0 0;
    color: #fff !important;
    border-radius: 4px 4px 0px 0px;
}
.addcart_popup_head {
    color: #407808;
    display: block;
    font: 16px GothamRounded_Book;
    margin: 15px 0 5px;
    text-transform: capitalize;
    width: 100%;
}
#addons_popup .checkbox.checkbox-inline {
    margin: 7px 0 2px;
    padding: 7px 10px 7px 30px;
    width: 45%;
}
.add_quantity_inc {
    color: #2b795f;
    float: left;
    font: bold 13px GothamRounded_Book;
    margin-right: 10px;
    margin-top: 8px;
}
#addons_popup .input-group-btn {
    float: left;
    margin: 0 10px;
    width: 20px;
}
.addcart_popup_head-cart {
    color: #407808;
    float: left;
    font: 16px GothamRounded_Book;
    margin: 0 10px 0 0;
    width: auto;
}
.price_height {
    display: inline-block;
    width: 100%;
}
.selectSize {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 20px !important;
}
#quantity {
    border: 1px solid #407808;
    border-radius: 7px;
    float: left;
    height: 24px;
    padding: 2px !important;
    width: 50px;
}
.quantity {
    border: 1px solid #407808;
    border-radius: 7px;
    float: left;
    height: 24px;
    padding: 2px !important;
    width: 50px;
}
.bootstrap-touchspin-down {
    background: rgba(0, 0, 0, 0) url("../../../images/minus1.png") no-repeat scroll 0 0;
    border: 0 none;
    float: left;
    font-size: 0;
    height: 20px;
    padding: 0;
    width: 20px;
}
.bootstrap-touchspin-up {
    background: rgba(0, 0, 0, 0) url("../../../images/plus1.png") no-repeat scroll 0 0;
    border: 0 none;
    float: left;
    font-size: 0;
    height: 20px;
    padding: 0;
    width: 20px;
}
#addons_popup .modal-footer {border-top: none;}
.delivery_count {
    border: 1px solid #407808;
    border-radius: 50%;
    color: #407808;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 25px;
    line-height: 23px;
    margin-right: 25px;
    padding: 0;
    text-align: center;
    width: 25px;
}
.add_new_address_div {float: left; width: 100%;}
.apply_submit{background: #4aa3df none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    padding: 3px 10px;}
.coupon_part {float: left; width: 100%;border:1px dashed #dadada;padding: 5px; margin-bottom: 15px;}
.coupon_txt {font-size: 12px;}
.coupon_txt input[type='text'] { border: 0 none !important;
    box-shadow: none !important;
    float: left;
    height: 24px;
    line-height: 24px;
    width: 100%;}
.coupon_txt input:focus{
    outline: none !important;
}
.coupon_txt -webkit-input:focus{
    outline: none !important;
}
#placeButton{float: left;width: 100%; margin-top: 15px;}
.apply_coup a {color: #407808;font: 13px "Poppins-Regular";cursor: pointer;}
.cash_txt {font-weight: bold;}
.cust-info-head span img {width: 50px;height: 50px; border:1px solid #eee;}
.check_res_name {float: left;
    font: 15px "Poppins-SemiBold";
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 100%;text-align: left;}
.check-adde{float: left;width: 100%;font: 15px "Poppins-Regular"; text-align: left;}
.check_res_name span {color: #999;font: 13px "GothamRounded_Book";}
.order-history-view .btn-warning {background: #407808 !important; color: #fff;}
.restaurant-tab-content .panel-default {border:0 !important;border-radius: 0 !important;}
.no-record {
    float: left;
    padding: 48px 0;
    text-align: center;
    width: 100%;
    font:16px "GothamRounded_Bold";
}
.res-logo-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.no_off_found  {
    color: #222222;
    font-size: 12px;
    display: inline-block;
    padding-top: 5px;
}
.no_off_found img {width: 15px;}









/* PUSH MENU CSS */

.cbp-spmenu {
    background: #fff;
    position: fixed;
}

.cbp-spmenu h3 {
    color: #afdefa;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #033a95;
}

.cbp-spmenu a {
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
}

.cbp-spmenu a:hover {
   background: #fff !important;
color: #a6cf5b !important;
border-color: #a6cf5b !important; background: #407808;
    text-decoration: none;
}

.cbp-spmenu a:active {
    background: #407808;
    color: #fff;
}


/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
    bottom: 0;
    top: 61px;
    width: 100%;
    z-index: 10000;
    border-top:0px solid #75df4c;
}

.cbp-spmenu-vertical a {
   -webkit-box-align: center; -ms-flex-align: center;-ms-grid-row-align: center;align-items: center;border-radius: 0px;background: rgb(111,188,88); background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );border: 1px solid #a6cf5b;
    padding: 1em;
}

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}

.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
}
.payment-cart-icons {
    background: rgba(0, 0, 0, 0) url("../../../images/cardinfo.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 18px;
    margin-left: 10px;
    vertical-align: middle;
    width: 85px;
}
.payment_taba {float: left; width: 100%;background: #F5F5F5;text-align: center;}
.payment_taba a{color: #444;font: 14px "GothamRounded_Bold";padding: 15px 0px;display: block;text-decoration: none;}
.payment_taba a:focus {outline: none;}
.paypal_content {margin: 20px 0px;font: 14px "GothamRounded_Book";display: inline-block;}
.cart-checkout .btn-checkout {float: left; width: 100%;padding: 10px 15px !important;}
.app_title {float: left; width: 100%;color: #969696;font:16px "GothamRoundedMedium";padding-top: 100px;}
.orange_section {float: left; width: 100%;background:#f26822;}
.orange_section .foor-ord-head {
    color: #fff;
    float: left;
    font-family: GothamRoundedMedium;
    font-size: 24px;
    line-height: 30px;
    text-align: right;
    width: 100%;
}
.orange_section .ord-del-cont {
    color: #fff;
    float: left;
    text-align: justify;
    width: 100%;
    text-align: right;
}
.orange_section .down-app a {margin-left: 18px; margin-right: 0px;}
.orange_section .app_title {text-align: right;color: #fff;padding-top: 0 !important;}
.orange_content_part {float: left; width: 100%;padding: 120px 0px 140px;}
.manage-res-img {position: absolute;bottom: 0;}
.single-item {float: left; width: 100%;position: relative;}
.payment_tab {float: left; width: 100%;}
.payment_tab ul {float: left;width: 100%;padding: 0px;margin: 0px;}
.payment_tab ul li {list-style: none;padding: 0px;margin: 0px;}
.payment_tab ul li label{padding: 15px;border-bottom: 1px solid #fff;display: block;margin: 0px;cursor: pointer;}
.payment_tab ul li input[type=radio] {display: none;}
.payment_tab ul li input[type=radio]:checked + label {border-bottom: 2px solid #407808;background: #fbfbfb;display:block;color: #407808;font:14px "GothamRounded_Bold";}
.left-payment-sec {/*position: absolute;*//*top: 44px;*/bottom: 0;left: 0;background: #EDF1F7;}
#cod img { border: 1px solid #eeeeee;
    display: inline-block;
    margin-bottom: 15px;
    padding: 15px;}
.cod_btn {background: #407808;color: #fff;display: inline-block;padding: 10px 15px;font: 14px "GothamRounded_Bold";cursor: pointer;border: none;}
.payment_tab_content {float: left; width: 100%;min-height: 148px;}
#paypal img {display: inline-block;border:1px solid #dde5ec;padding: 15px;}
.fixed {position: fixed;}
.order_view .panel-heading {font:18px "Poppins-Regular";}
.orde-panel-heading{float: left;width: 100%; font-family: "Poppins-SemiBold";font-size: 18px; color: #000; margin-bottom: 15px;}
.font-medium {font:14px "Poppins-Regular";}
.er-oru{float: left;width: 100%; margin-bottom: 30px;}
.cust-info-checkout {
    box-shadow: 0 6px 25px rgba(0,0,0, 0.15);
    border-radius: 15px;
    float: left;
    margin-bottom: 15px;
    padding:25px;
    width: 100%;
}
#payaplButton {margin-top: 10px;text-align: center;}
.paypal-button.paypal-button-shape-pill {border-radius: 0px !important;}
.thanks-top-buttons {
    color: #c4c4c4 ;
    float: right;
    font-size: 20px;
    margin-left: 15px;
}
.cust-thanks-wrapper {
    color: #000;
    font: 25px "Poppins-Regular";
    text-align: center;
}
.cust-thanks-wrapper a {
    color: #407808;
    text-decoration: none;
}
.cust-thanks-content {
    font: 20px "Poppins-Regular";
    padding: 10px 0 20px;
    text-align: center;
    float: left;width: 100%;
}
.thanks_order_head {float: left; width: 100%;padding: 10px 15px;margin: 0px;}
.thanks_order_head li {list-style: none;}
.thanks_order_head li:first-child {float: left;width: 55%;text-align: left;font: 14px "Poppins-SemiBold" !important;}
.thanks_order_head li:nth-child(2){float: left;width: 10%;text-align: left;font: 14px "Poppins-SemiBold" !important;}
.thanks_order_head li:last-child{float: right;width: 35%;text-align: right;font: 14px "Poppins-SemiBold" !important;}

.thanks_order_item {float: left; width: 100%;padding: 10px 15px;margin: 0px;border-top:1px solid #eee;}
.thanks_order_item li {list-style: none;}
.thanks_order_item li:first-child {float: left;width: 55%;text-align: left; font: 14px "Poppins-Regular" !important; color: #333;}
.thanks_order_item li:nth-child(2){float: left;width: 10%;text-align: left; font: 14px "Poppins-Regular" !important;color: #333;}
.thanks_order_item li:last-child{float: right;width: 35%;text-align: right; font: 14px "Poppins-Regular" !important;color: #333;}
.thanks_total {float: left; width: 100%;padding: 10px 15px;margin: 0px;border-top:1px solid #eee;}
.thanks_total li {list-style: none;}
.thanks_total li:first-child {float: left;width: 58%;text-align: right; font: 14px "Poppins-SemiBold" !important;}
.thanks_total li:last-child{float: right;width: 42%;text-align: right; font: 14px "Poppins-SemiBold" !important;}

.thanks_alltotal {float: left; width: 100%;padding: 10px 15px;margin: 0px;border-top:1px solid #eee;}
.thanks_alltotal li {list-style: none;}
.thanks_alltotal li:first-child {float: left;width:58%;text-align: right; font: 18px "Poppins-SemiBold" !important;color: #407808;}
.thanks_alltotal li:last-child{float: right;width: 42%;text-align: right; font: 18px "Poppins-SemiBold" !important;color: #407808;}
.thanks_order .panel-heading{font: 18px "Poppins-Regular";}
.photogallery_ul {float: left; width: 100%;padding: 0px;margin: 0px;}
.photogallery_ul li { float: left;
    list-style: outside none none;
    margin-left: 1.7%;
    width: 18%;}
.photogallery_ul li img {width: 100%; height: 100px;border-radius: 8px;}
.photogallery_ul li:last-child {position: relative;}
.morephotos { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border-radius: 0 0 8px 8px;
    bottom: 0;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;}
    .orage-colr {color: #407808;}
.wallet-sec {
    background: #F5F5F5 none repeat scroll 0 0;
    float: left;
    margin-top: 10px;
    padding: 8px 10px;
    width: 100%;
}
.offer-sec {
    background: #F5F5F5 none repeat scroll 0 0;
    float: left;
    margin-top: 10px;
    padding: 8px 10px;
    width: 100%;
}
.order_inner_box2 {float: left;width: 100%;}
.wallet-sec span img {width: 20px; margin-right: 10px;}
.morephotos a {color: #fff; text-decoration: none; cursor: pointer;display: block;font: 13px "GothamRounded_Bold";line-height: 30px;}
.running_scooter {
    width: 100px;
    position :relative;
    -webkit-animation: mymove 15s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 15s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    0% {left: 0px;opacity:1}
    90% {opacity:1;}
    95% {opacity:0.5;}
    100% {left: calc(100% - 100px);opacity:0;}
}

/* Standard syntax */
@keyframes mymove {
    0% {left: 0px;opacity:1}
    90% {opacity:1;}
    95% {opacity:0.5;}
    100% {left: calc(100% - 100px);opacity:0;}
}
.flashmessage {
    background: #4caf50 none repeat scroll 0 0;
    color: #ffffff;
    font:14px "GothamRounded_Book";
    position: fixed;
    right:0px;
    top: -65px;
    height: 62px;
    line-height: 62px;
    padding-left: 80px;
    left: 0px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
   transition: all 1s cubic-bezier(1, -0.01, 0, 0.99) 0s;
    z-index: 999;
}
.flashmessage i {
    background: #388e3c none repeat scroll 0 0;
}
.flashmessage i {
    animation: 1s ease 0s normal none 1 running alert-icon-anim;
    bottom: 0;
    font-size: 35px;
    left: 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    top: 0;
    line-height: 60px;
    width: 60px;
}

.statusshow {
    background: #313449 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 15px;
    position: fixed;
    right: 10px;
    top: 100px;
    transition: all 0s ease 0.5s;
    z-index: 999;
}


.flashmessage.show {top:0px;}
.flashmessage-error {
    background: #F2DEDE none repeat scroll 0 0;
    color: #B31111 !important;
    font:14px "GothamRounded_Book" !important;
    position: fixed;
    right:0px;
    top: -65px;
    height: 62px;
    line-height: 62px !important;
    padding-left: 80px;
    left: 0px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
   transition: all 1s cubic-bezier(1, -0.01, 0, 0.99) 0s;
    z-index: 999;
}
.flashmessage-error i {
    background: #B41111 none repeat scroll 0 0;
}
.flashmessage-error i {
    animation: 1s ease 0s normal none 1 running alert-icon-anim;
    bottom: 0;
    font-size: 35px;
    color: #F2DEDE;
    left: 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    top: 0;
    line-height: 60px;
    width: 60px;
}
.show-error {top:0 !important;}
.clickcarttocheckout {
    background: #407808 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 10px;
    text-align: center;
    top: 60px;
    width: 50px;
    z-index: 100;
}
.clickcarttocheckout a {display: block;color: #fff;}
.search_category {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    float: left;
    padding: 10px;
    width: 100%;
    font: 16px "GothamRounded_Book";
    color: #407808;
    cursor: pointer;
}
.search_category span i {font-size: 19px;font-weight: bold;}
.news_input {float: left;}
.news_input input {margin-left: 10px;}
.coupons-section1 {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    float: left;
    margin-bottom: 20px;
    padding: 8px;
    width: 100%;
}
.coupons-section2 {
    border: 1px solid #eeeeee;
    border-radius: 3px;
    float: left;
    position: relative;
    width: 100%;
}
.coupons-section2 h4 {
    background-color: #a6cf5b !important;
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font: 22px GothamRounded_Bold;
    margin: 0px;
    padding: 26px 20px 30px;
    text-align: center;
    width: 100%;
}
.coupons-section2 h4 .offer {
    font-size: 15px;
}
.coupons-section2 .download {
     background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    font: 10px GothamRounded_Book;
    left: calc(50% - 80px);
    padding: 10px;
    position: absolute;
    top: 71px;
    width: 160px;
}
.coupons-section2 .download i {
    font-size: 9px;
    margin-right: 4px;
}
.coupons-section3 {
   background: #ffffff none repeat scroll 0 0;
    float: left;
    min-height: 70px;
    padding: 10px;
    width: 100%;
}
.coupons-section3 p {
    color: #333333;
    float: left;
    font-family: GothamRounded_Book;
    font-size: 12px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.coupons-section3 p .to {
    color: #646464;
}











/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
    left: 100%;
}

.cbp-spmenu-right {
    right: -100%;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}


/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
    top: -150px;
}

.cbp-spmenu-bottom {
    bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}

.cbp-spmenu-vertical li {list-style: none;}
/* Push classes applied to the body */

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 240px;
}
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.subAddons{font-size: 12px;color: #999}
.pointer{cursor: pointer;}
.lang-drop{background: #fff; min-width: 100px!important; box-shadow: none;border: none;border-radius:2px;padding:0;box-shadow: -3px 4px 13px #323232;border-top:3px solid #007fff;}
.lang-drop li{display: block;margin:0; width: 100%;font: 14px "GothamRounded_Book";margin:0!important;}
.lang-drop li:first-child{border-bottom:1px solid #eee;}
.lang-drop li a{border: medium none;color:#323232!important;display: block;padding: 7px 10px!important;width: 100%; margin: 0;}
.lang-drop li a:hover{ background: #007fff!important;border: none;color: #fff!important;border-radius:0!important; }

.pac-container{z-index: 10000}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
    background-color: white;
    height: 40px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.error{color:#ff0000;font: 13px "GothamRounded_Book";}
.submit-check{
    color: #fff;
    left: 32px;
    position: absolute;
    top: 11px;
}
.submit-book{padding-left:40px;}
.bookaTableSuccess{padding:10px 20px;margin-bottom:10px;display: inline-block;}
.order-history-view .btn {
    font: 15px GothamRounded_Book;
    padding: 11px 23px;
}

.stars {
    background: url(../../../images/stargreyhover.png) repeat-x;
    width: 96px
}

.stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.stars label {
    display: block;
    width: 21px;
    height: 19px;
    margin: 0!important;
    padding: 0!important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent!important;
    cursor: pointer
}

.stars label:hover ~ span {
    background: url(../../../images/staryellowhover.png) repeat-x
}

.stars .star-5 + label:hover ~ span {
    width: 100%!important
}

.stars .star-4 + label:hover ~ span {
    width: 80%!important
}

.stars .star-3 + label:hover ~ span {
    width: 60%!important
}

.stars .star-2 + label:hover ~ span {
    width: 40%!important
}

.stars .star-1 + label:hover ~ span {
    width: 20%!important
}
.stars span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 18px;
    background: url(../../../images/staryellowhover.png) repeat-x;
    -webkit-transition: -webkit-width .5s;
    -moz-transition: -moz-width .5s;
    -ms-transition: -ms-width .5s;
    -o-transition: -o-width .5s;
    transition: width .5s;
    width: 0;
}
.stars input[type="radio"].star-5:checked ~ span {
    width: 100%
}

.stars input[type="radio"].star-4:checked ~ span {
    width: 80%
}

.stars input[type="radio"].star-3:checked ~ span {
    width: 60%
}

.stars input[type="radio"].star-2:checked ~ span {
    width: 40%
}

.stars input[type="radio"].star-1:checked ~ span {
    width: 20%
}
.review-outer-main{
    display: inline-block;
    vertical-align: bottom;
}
.review-label-text{
    display: block;
    font-size: 12px;
    text-align: center;
}
.review_rating_outer {
    display: inline-block;
    height: 16px;
    margin: 0 0 0 10px;
    position: relative;
    width: 100px;
}
.review_rating_grey {
    background: rgba(0, 0, 0, 0) url("../../../images/stargreyhover.png") no-repeat scroll left center;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.review_rating_green {
    background: rgba(0, 0, 0, 0) url("../../../images/staryellowhover.png") no-repeat scroll left center;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}
#cartDetails{position:relative;float: left;width: 100%;}
.loacte_txt{color:#999;font-size:12px;}
input:focus,textarea:focus,select:focus{outline: 0 none!important;box-shadow:none;}
.find-rest:hover,.find-res-home:hover,.find-rest:focus,.find-res-home:focus,.checkoutBtn:focus{background-color: #e55b03;border-color: #e55b03;color: #fff;}
.ui-loader {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1010;
}
.ui-loader .spinner {
    display: block;
    position: fixed;
    right: calc(50% - 22px);
    top: calc(50% - 22px);
    z-index: 1031;
}
.ui-loader .spinner-icon {
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    border: solid 3px transparent;
    border-top-color: #038F1B;
    border-left-color: #999;
    border-radius: 50%;
    animation: nprogress-spinner 400ms linear infinite !important;
    -webkit-animation: nprogress-spinner 400ms linear infinite !important;
    -moz-animation: nprogress-spinner 400ms linear infinite !important;
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
.inner_wrapper {float: left; width: 100%;}
.visa_img {display: table-cell;vertical-align: middle;width: 50px;}
.visa_img img {width: 50px;}
.white_footer {float: left; width: 100%;background: #FFFFFF;}
.copyright-white {
    float: left;width: 100%;text-align: center;margin: 0px;font: 11px "GothamRounded_Book";padding: 10px;
}
.copyright-white a {color: #407808;text-decoration: none;}
.card_delete a {color: #407808;text-decoration: none;cursor: pointer;}
button[disabled], html input[disabled] {
    cursor: not-allowed !important;
    filter: alpha(opacity=5);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .5;
}

.signup-footer button:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.signup-footer button {
    border-radius: 3px;
  background: rgb(111,188,88); 
  background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);
  background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );
   color: #fff;
  border: 1px solid #a6cf5b;
    display: block !important;
    font: 20px "Poppins-Regular" !important;
    padding: 10px 25px; margin-bottom: 20px;
    width: 100%; text-transform: capitalize;
}
.no-offer {color: #ffcd00;display: inline-block;font: 12px "Poppins-Regular";overflow: hidden;text-align: left;text-overflow: ellipsis;vertical-align: top;white-space: nowrap;width: 100%;margin-top: 10px;}
.no-offer img{
    border-radius: 3px;
    margin-right: 5px;
    width: 22px;
}
.mask_checkout {float: left width:100%;position: relative;}
.mask_checkout:after {background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;}
.mask_checkout:before {
    background: #333 none repeat scroll 0 0;
    color: #eee;
    content: "Restaurant Closed";
    font-size: 16px;
    height: 30px;
    left: calc(50% - 85px);
    line-height: 30px;
    position: absolute;
    text-align: center;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    top: calc(50% - 15px);
    width: 170px;
    z-index: 2;
}
.fos_menu_cart {display:none ;}
@media screen and (max-width: 1300px) {
    .fospluginwrapper .container{width: 100%;}
    .fospluginwrapper .fos_menu_cata {float: left !important;width:180px !important; margin: 0px !important;}
    .fospluginwrapper .fos_menu_item {float: right !important;width: calc(100% - 180px) !important; margin: 0 !important;padding-right:15px!important;}
    .fospluginwrapper .fos_hide_part{display: none !important;}
    .fospluginwrapper .fos_menu_cart {float: left !important;width: 98% !important; margin: 0 auto !important;}
    .fospluginwrapper .fos_width_100 {float: left;width: 100%;}
    .fospluginwrapper .fos_menu_cart {
        display: block !important;
        position: fixed !important;
        z-index: 100 !important;
        bottom: 0 !important;
        height: 50px;
        background: #ddd;
        left: 0;
    }
   .fospluginwrapper .view_cart {
    background: #4aa3df none repeat scroll 0 0;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    margin: 6px;
    padding: 10px;
    }
.fospluginwrapper .view_cart a {color: #fff;}
}
.fospluginwrapper .fosplugin {display: none;}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .filter-wrapper-head {padding: 10px 0 5px 20px !important;}
    .time-log {font-size: 11px;}
    .order-now-btn {font-size: 10px !important;}
    .cost-details {
        border-right: 1px solid #dddddd;
        float: left;
        margin: 0 1px !important;
        width: 15%;
    }
    .min-cost {
        float: left;
        margin-left: 5px !important;
        width: 25%;
    }
    .credit_card {padding: 15px 10px;}
    .card_number {font-size: 12px;}
     .address-customer-notes {padding: 6px 3px !important;font-size: 13px;}
     #getDateTime {padding: 6px 3px !important;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {

    .pannel-image {height: 45px;}
    .m-t-20 {margin-top: 0px;}
    .pannel-p {font: 12px GothamRounded_Book;}
    .filter-wrapper-head {
        font: 16px GothamRounded_Book !important;
        padding: 7px 0 5px 10px !important;
    }
    .address-customer-notes {padding: 6px 3px !important;font-size: 13px;}
     #getDateTime {padding: 6px 3px !important;font-size: 13px;}
    .filter-wrapper-cont {padding: 0px 0px 0px 10px !important;}
    .cost-details {float: left; width: 13% !important;}
    .min-cost {float: left; width: 24%;}
    .newmenu_tab .menutab_ul li {font-size: 13px;}
    .res-img-box {
        background: #eeeeee none repeat scroll 0 0;
        border: 1px solid #dddddd;
        border-radius: 5px;
        margin-bottom: 15px;
        text-align: center;
        float:left;
        width: 100%;
    }
    .firstheadercuis {margin-bottom: 15px;}
    .mobile-tab {margin-top: 15px;}
    .credit_card {padding: 15px 10px;}
    .card_number {font-size: 10px;}
    .find-rest {font-size: 12px;}
    .cust-info-head span img {height: 40px;width: 45px;}
    .check_res_name {float: right;}
}
@media screen and (max-width: 767px) {
    .my_orderbox {padding: 15px 10px !important;}
    .myaccount-right {padding: 0px !important;}
    .myaccount-tabs li {float: left; width:100% !important;}
    .xs-left {float: left !important; width: 100% !important;}
    .no-xs-padding {padding: 0px !important;}
    .no-xs-padding-right {padding-right: 0px !important;}
    .no-xs-padding-left {padding-left: 0px !important;}
    .logo {margin: 10px 0; height: 40px;}
    .logo2{margin: 10px 0!important; height: 40px;}
    .logo2 img{max-height: 48px!important;}
    .top-header-bg .logo {float:left;display: block;margin: 20px 0px !important;}
    .searchbox {margin-bottom: 15px;}
    .searchbox .form-control {border-radius: 0px !important;}
    .find-rest {border-radius: 4px !important;}
    .find-res-home {border-radius: 0 !important;}
    .logo img {max-width:90px;}
    .pull-xs-right {float: right;}
    #showRightPush {color: #333;cursor: pointer;font-size: 25px;margin: 12px 0px;}
    #showRightPush.toggle-close-icon i::before {content: "\f00d";}
    .cuisinefil{display: none;}
    .poy-ngo-wrp{padding: 0!important; box-shadow:0 6px 25px transparent!important;}
    .loginInnerBg{padding: 10px!important; border: 0!important;}
    .mobile-checkout-per{display: inline-block!important;}
    .menu_banner_outer-wrapper{padding: 62px 0 10px 0!important;}
    .order_view_banner_outer-wrapper{padding: 80px 0 10px 0!important;}
    .right-werp-comp-kogo{width: 100%!important;}
    .filter-wrapper-head {padding: 15px 0 5px 20px !important;}
    .m-b-xs-15 {margin-bottom: 15px;}
    .my_order_resimg{margin-bottom: 15px;}
    .cart-checkout .btn-checkout{font-size: 14px!important;}
    .m-t-xs-20 {margin-top: 20px;}
    .m-t-xs-0 {margin-top: 0px !important}
    .m-t-xs-15 {margin-top: 15px;}
    .p-t-xs-30 {padding-top: 30px;}
    .banner-text-top{font-size: 35px!important;}
    .banner-text-sub{font-size: 16px!important;}
    .time-ir .easypie canvas{height: 50px!important; width: 50px!important;}
    .time-ir{text-align: center!important; }
    .whyChooseUsSectionImgSlick{overflow: hidden;}
    .zcard-header-sec{min-height: auto!important;}
    .right-box-shae, .right-box-shae-right{float:left!important;width: 100%!important; margin-top: 40px!important; padding: 15px!important;}
    .socails-ws a, .socails-ws-reg a, .socails-ws-none a{margin:5px 15px;}
    .app-wraps-sect{padding: 30px 0!important;}
    .right-box-inseid{margin-top: 0px!important;}
    .banner{padding: 100px 0 0px 0!important;}
    .thanks_order_wraps{padding: 0!important; box-shadow: 0 6px 25px transparent!important; background-color: transparent!important;}
    .zcard-footer{margin-top: 10px;}
    .zcard-footer h6{margin-bottom: 10px!important;}
    .order-sts-box-wrap{padding: 10px!important;}
    .no-padding-left-xs {padding-left: 0px !important;}
    .cost-details {float: left; width: 50% !important;border:0 !important;margin: 0% 0% 15px 0% !important;}
    .min-cost {float: left; width: 50%;border:0 !important;margin: 0% !important;}
    .time-log {float: left !important;padding-top: 0px !important;width: 50% !important; }
    .slick-prev, .slick-next{background: transparent!important;}
    .apply_coup a{font-size: 10px!important;}
    .order_information_box2{margin-bottom: 15px;}
    .checkout_banner_outer-wrapper{padding-top: 80px!important;}
    .restaurant-box-top{padding: 15px!important;}
    .headrestname, .right-str-ratit{width: 100%!important; margin-top: 15px;font-size: 15px!important;}
    .login_banner_outer-wrapper{padding: 80px 0 10px 0!important;}
    .right-logo-rest-icons{float: left;width: 100%!important;}
    .nbt-our label{font-size: 16px!important;}
    .zcard-title h3{font-size: 14px!important;}
    .earn-tre{font-size: 12px!important;}
    .powered-section{margin: 30px 0!important;}
    .rt-tst{margin-bottom: 30px!important;}
    .pre-ord-zee-btn{margin-top: 10px;}
    .icon-wr{margin-bottom: 10px!important;}
    .home_searchbox .form-control{font-size: 13px!important; height: 60px!important; padding:8px 105px 8px 10px!important;}
    .locatemeicon-btn{font-size: 14px!important; height: 60px!important; padding:8px!important; line-height: 50px!important;}
    .footer-iter{padding: 50px 0!important;}
    .footer-it-btm-logo a{margin-bottom: 20px;}
    .single-widget-ffr{margin-top: 20px;}
    #address_datatable th {font-size: 13px;}
    #address_datatable td {font-size: 13px;}
    .myaccount-tabs li {float: left;width: 20%;}
    .appBox.text-right{text-align: center!important;}
    .myaccount-tabs li a i {display: inline-block;text-align: center;}
    .orderhistory_title {font: 15px/28px GothamRoundedMedium;}
    .text-left-xs {text-align: left;}
    .amount {text-align: left;}
    .view {float: left;}
    .cardDetailHead {text-align: center;}
    .border-left, .border-right {border:0 !important;}
    .profile_subhead {margin-bottom: 0px;}
    .continue {padding: 4px 10px !important;}
    .cust-ord-id {font-size: 14px;}
    .payment-type, .status, .Delivery-date, .orderat {font-size: 13px;}
    /*.xs-border {border-bottom: 1px solid #eee !important;padding-bottom: 30px !important;}*/
    .no-sm-padding-left {padding-left:15px !important; }
    .res-img-box {margin-bottom: 15px;text-align: center;float:left;width: 100%;}
    .left-logo-rest-icons{width: 100%!important;}
    .search_banner_outer-wrapper{padding:89px 0 10px 0!important;}
    .ser-sh-title{font-size: 25px!important;}
    .home_searchbox .loacte_img {top: -50px !important;left: 0 !important;right:auto !important;border:1px solid #ddd;}
    .headermenudel{font-size: 14px!important; margin-bottom: 10px!important;}
    .firstheadercuis {margin-bottom: 15px;}
    .mobile-tab {margin-top: 0px !important;}
    .serach-res-image{height: auto !important;}
    .my_order_resname {font: 13px "GothamRounded_Bold";}
    .my_order_delivery {text-align: center;}
    .my_order_id {text-align: center !important;}
    .my_order_id { padding: 5px 0 0 !important;}
    .view-btn2{font: 10px/17px "GothamRoundedMedium"; width: 55px; height: 30px; margin-right: 0;}
    .my_order_total{padding-right: 2px;margin-top: 5px;}
    .cust-info-head {font-size: 15px;}
    .choose_txt {font-size: 13px;}
    .choose_txt {padding-bottom: 15px;}
    .left-text {text-align: left !important;}
    .left-payment-sec {position: relative !important;top: 0 !important;}
    .payment_tab ul li {float: left !important;text-align:center !important;width: 33.33% !important;}
    .right-menu-informations{float: left!important;margin-top:10px; width: 100%!important;}
    .cash_txt {margin-bottom: 0px !important;}
    .food-item-name, .product__detail-category{font-size: 14px!important;}
    .payment_tab_content {margin-top: 15px !important;min-height:auto !important;}
    .credit_card {padding: 15px 10px;}
    .signle-food-item-div{border-bottom: 1px solid #ddd; margin-bottom: 20px; border-radius: 5px;}
    .my_order_id {font-size: 10px;}
    .myaccount-right {min-height: auto;}
    .my_wallet_add {margin: 15px 0px !important;}
    .signup-head, .add_new_add_btn, .newuser {font-size: 12px;}
    .myaccount-side-menu {position: relative;width: 100%;}
    .myaccount-tabs li {
    display: inline-block;
    width: 16.66% !important;}
    .myaccount-right {width: 100% !important;}
    .card_number {font-size: 12px;}
    .card_validity {font-size: 12px;}
    .password_setting_div {padding-left: 0px;margin-top: 30px;}
    .card_delete i {display: inline-block;cursor: pointer;}
    .time-log {width: 100% !important;text-align: right;}
    .text-right-xs {text-align: right;}

    .cbp-spmenu a:hover{
        background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%) !important;
        color: #fff !important;
    }
    #languageOptions ul{
        padding: 0;
        margin: 0;
    }
    #languageOptions li{
        padding: 10px;
        border: 1px solid #a6cf5b !important;
        margin-top: 10px;
    }
    .languageToggleBtn{
        background: transparent;
        border: none;
        outline: none;
        width: 100%;
        padding-left: 0;
        text-align: left;
        text-transform: capitalize;
    }

}
#widget-menu{margin-left:50px!important;}

.mobileapp{float: left;padding: 7px 0; background-color: #333333;width: 100%;text-align:center;display:none;}
.app_close{color: #fff;font-size: 15px; vertical-align: middle; margin-right: 20px; display: inline-block;cursor:pointer;}
.logo-img-app{display:block; vertical-align: top;}
.logo-img-app .logoinstall{margin-right: 20px; display: inline-block;}
.logo-img-app img{width: 36px; height: 36px; display: inline-block;border-radius:5px;}
.app-cont{font-size: 12px;color: #fff; display: inline-block; text-align: left; vertical-align: top; margin-right: 20px; margin-top: 1px;}
.app-cont p {color: #ffffff;font-size: 11px;line-height: 15px;margin:0;}
.app-get{margin-top: 1.5px; border: 1px solid #fff; color: #fff; font-size: 12px; padding: 5px 10px; border-radius: 3px; cursor: pointer; display: inline-block;cursor:pointer;}
.app-get:focus,.app-get:hover{color:#fff!important;}
 /*.mobileapp.active ~ .cbp-spmenu-vertical {top:105px;}*/
.mobileapp.active ~ .top-header{top:50px;}
.mobileapp.active ~ .top-header  #showRightPush.toggle-close-icon{ margin: 10px 0 0;   z-index: 100000000;position: relative;color: #000;}
.mobileapp.active ~ .top-header .cbp-spmenu-right.cbp-spmenu-open{top:50px}


@media screen and (max-width:767px){
    .home_searchbox .loacte_img{left:auto!important;right:0!important;top:0!important;border:0!important;  padding: 14px 8px 7px 10px!important;background:none!important;}
    .home_searchbox .loacte_img .loacte_txt{font-size:0!important;}
    .top-header{position: absolute;}
    .social-logins .facebook img {padding: 6px !important;}
    .social-logins .googleplus img {padding: 6px !important;}
    .poer-text{margin-bottom: 20px!important;}
}

.fospluginwrapper .cart-wrapper{width:100%!important;position: static!important;}
.fospluginwrapper .cart-items-scroll{max-height:inherit!important;}
.fospluginwrapper .min-order-value{display: none!important;}
.fospluginwrapper .reward_offer{display:block !important;}
.fospluginwrapper .reward_earning{display:block !important;}
.fospluginwrapper .cart-hide-wrap{display: none;}
.viewcart{display: none;}
.fospluginwrapper .viewcart{background: #4aa3df none repeat scroll 0 0;color: #ffffff;display: block;
    margin: 10px;padding: 10px 15px;cursor: pointer;}
.fospluginwrapper .cart-checkout{float: left;width:100%; margin-bottom: 15px;}
.fospluginwrapper .btn-checkout{padding: 10px 15px !important;}
.button.close {color: #fff !important;opacity: 1;}
.noreview_contWrapper {float: left;width:100%;padding:20px 0px;text-align: center;}
.common-class {float: left;width: 100%;padding: 5px;}
.reward_earning {background: #F5F5F5;color: #777;float: left;width: 100%;position: relative;}
.reward_trophy {display: inline-block;font-size: 14px;padding-right: 5px;}
.reward_offer {background: #F5F5F5;color: #777 ;float: left;width: 100%;position: relative;}
.reward_offer_icon {display: inline-block;font-size: 12px;padding-right: 5px;}
.reward_head_btn {padding-top: 45px;}
.reward_head_btn .add_new_add_btn {background: #ffffff none repeat scroll 0 0;
    border: 1px solid;color: #407808;font: 16px 'Poppins-Regular';}
.day_rem {font: 14px 'GothamRounded_Bold';padding-left: 10px;}
.firstheadrestname img {height: 16px;margin-left: 8px;margin-top: 2px;vertical-align: top;}
.reward_icon_res {color: #cca400;display: inline-block;font: 13px "Poppins-Regular";overflow: hidden;text-align: left;text-overflow: ellipsis;vertical-align: top;white-space: nowrap;width: 100%;margin-top: 10px;}
.reward_icon_res img {height: 16px;vertical-align: top;}
.rewardsIconWrap{display: inline-block;vertical-align: top;}
.checkoutScrollWrapper{float: left;width: 100%;}

.refer-banner{float: left;width: 100%;background: #407808;padding:40px 0 160px;}
.main_wrapper_refer{float: left;width: 100%;margin-top:62px;}
.refer-inner{float: left;width: 100%;text-align: center;}
.refer-inner h2{float: left;width: 100%;font:24px/44px GothamRoundedMedium;margin:0;color:#fff;}
.refer-second{width:100%;float:left;background: #f7f7f7; padding-bottom: 50px;}
.refer-second-wrapper{width:100%;float:left;background: #fff;box-shadow: 2px 3px 10px #ddd;margin-top:-110px;padding:40px;border-radius:4px;}
.referal-box{width:100%;float:left;background: #F6F6F6;padding: 18px 40px;border:1px solid #e7e7e7;border-radius:4px; margin-bottom: 40px;}
.referal-box .link-left{font:16px/48px GothamRoundedMedium;color:#666666;width:24%;float:left;}
.referal-box .link-right{width:76%;float:left;border:1px solid #cacaca;border-radius:4px;}
.link-right .form-control{width:85%;float:left;height:45px;box-shadow: none;border:0;color: #666666; font: 14px GothamRounded_Book;}
.link-right .copy-link{font:14px/48px GothamRoundedMedium;width:15%;float:left;color:#068ebc;cursor: pointer;background: #fff;height:45px;border-radius: 4px;text-align: center;}
.referal-bottom{width:100%;float:left;}
.invite-email{width:55%;float:left;position: relative;}
.invite-email h3{font:16px GothamRoundedMedium;width:100%;float:left;color:#666;   margin-bottom: 20px;}
.invite-email-input{box-shadow: none;border:1px solid #ddd;height:45px;margin-bottom:20px;}
.invite-email-textarea{height:280px!important;margin-bottom:20px;overflow: auto;border-radius:4px!important;width:100%;border:1px solid #ddd;font:12px/24px GothamRounded_Book;color:#666666;  padding: 12px;}
.send-invite{background: #407808;border:0;color:#fff;padding:10px;text-align:center;font:13px GothamRounded_Book;text-align: center;display: inline-block;cursor: pointer;margin:10px 0 20px;border-radius: 4px;border-bottom:2px solid #d93d00;}
.social-media{width:45%;float:left;  padding: 20px 0 0 100px;}
.social-media h3{font:16px GothamRoundedMedium;width:100%;float:left;color:#666; margin-bottom: 30px;}
.social-media .facebook, .social-media .twitter, .social-media .google{color:#646464;font:15px GothamRounded_Book;width: auto;margin-bottom: 15px;float:left;padding-left: 5px;}
.social-media .facebook i{background: #1C6FC4;color:#fff;padding:10px 14px;border-radius:50%;margin-right:10px;}
.social-media .twitter i{background: #21B6E7;color:#fff;padding:10px 12px;border-radius:50%;margin-right:10px;}
.social-media .google i{background: #E93D2F;color:#fff;padding:10px;border-radius:50%;margin-right:10px;}
.social-media span{width:100%;float:left;}
.invit_border{background: #e9e9e9; height: 172px; position: absolute; right: -53px; top: 84px; width: 1px;}
.invit_border:after{background: #ffffff;color: #dddddd;content: "OR";font-size: 12px;font-style: normal;line-height: 20px;position: absolute;right: -11px;text-align: center;top: 45%;width: 24px;}
.invite-email-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #666;font-size:12px;opacity: 0.5;}
.invite-email-input:-ms-input-placeholder {color: #666;font-size:12px;opacity: 0.5;}
.invite-email-input::-ms-input-placeholder {color: #666;font-size:12px;opacity: 0.5;}
.refferral-rightContent{width:100%;float:left;text-align:center;}
.refferral-rightContent h4{width:100%;float:left;color:#323232;font:20px/30px GothamRoundedMedium;}
.referral-codeHead{width:100%;float:left;color:#666;font:16px GothamRounded_Book;}
.referral-code{color:#666;border:3px dashed #0f5475;padding:14px 40px;font:20px GothamRoundedMedium;display: inline-block;margin-top:10px;}
.refferral-facebook{background: #345C97;}
.refferral-google{background: #DD4B3A;}
.refferral-twitter{background: #16CCFD;}
.refferral-facebook, .refferral-google, .refferral-twitter{padding:10px;color:#fff;display: inline-block;border-radius:4px;font:15px GothamRounded_Book;margin:25px 0 15px;width: 100%;}
.refferral-facebook:hover, .refferral-google:hover, .refferral-twitter:hover{color:#fff;}
.refferral-facebook i, .refferral-google i, .refferral-twitter i{color:#fff;width:20%;float:left;border-right:1px solid #fff;line-height: 20px;}
.refferral-rightContent-socail .col-sm-4.col-xs-12{padding:0 10px;}
.refferral-facebook span, .refferral-google span, .refferral-twitter span{width:80%;float:left;}
.refferral-rightContent-search{width:80%;float:left;border:1px solid #eee;background: #f7f7f7;font:14px GothamRounded_Book;height:40px;padding: 0 15px;}
.refferral-rightContent-copy{width:20%;float:left;height:40px;font:16px GothamRoundedMedium;background: #407808;text-align:center;border:0;color:#fff;}
.successful-referrals{width:100%;float:left;font:16px 'GothamRounded_Bold';color:#666;margin:30px 0 15px;}
.refferal-border-top{border-bottom:1px solid #ddd;}
.refeerral-how-its{width:100%;float:left; margin: 25px 0 20px;}
.refeerral-how-its-img{width:30%;float:left;}
.refeerral-how-cont{width:70%;float:left;font:13px/48px 'GothamRounded_Bold';color:#666;text-align: left;}
.refeerral-how-its-img i{background:#407808;border-radius:50%;padding:14px;color:#fff;font-size:18px;padding: 12px 14px;display: inline-block; }
.refeerral-how-its-img i img{width:25px;}
.refeerral-how-its-div .col-sm-4.col-xs-12{padding:0;}
.view-referrals{background: #f7f7f7;padding:10px 15px;border:1px solid #ddd;font:14px GothamRounded_Book;color:#666;width:100%;float:left; text-align: left;border-radius:4px;cursor:pointer;margin-bottom: 20px; }
.view-referrals i{line-height:18px;}
.table-view-referrals{margin-top:1px; border-top: 1px solid #eeeeee;padding-top:15px;}
.view-referrals .fa-minus{background:#407808;padding:0 4px;color:#fff;font-size:12px;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{height:300px;width:100%; border-radius: 20px;}

@media screen and (max-width:767px){
    .refer-inner h2{font:20px/34px GothamRoundedMedium;}
    .refer-second-wrapper{padding:15px;}
    .referal-box{padding:18px;}
    .referal-box .link-left,   .referal-box .link-right{width:100%;}{width:100%;}
    .link-right .form-control{width:70%;font:12px GothamRounded_Book}
    .link-right .copy-link{width: 30%;font:10px/48px GothamRoundedMedium;}
    .invite-email,  .social-media{width:100%;}
    .social-media{padding:10px 0 0;border-top: 1px solid #eeeeee;}
    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{height:160px;width:100%;}
    .restaurant-reviews{margin-bottom: 10px;}
}
@media (min-width:768px) and (max-width:991px){
.refer-second-wrapper{  padding: 20px;}
.referal-box{padding: 18px;}
.referal-box .link-left{width:30%;font:15px/48px GothamRoundedMedium}
.referal-box .link-right{width:70%;}
.link-right .form-control{width:75%;}
.link-right .copy-link{width:25%;}
.social-media .social-media .facebook, .social-media .twitter, .social-media .google{font: 13px GothamRounded_Book;}
.refeerral-how-its-img i{padding:10px 14px}
.refeerral-how-cont{font:14px/22px GothamRoundedMedium;}
.myaccount-right{min-height:600px;}
}
@media (min-width:992px) and (max-width:1199px){
    .refer-second-wrapper{padding:30px;}
    .referal-box {padding: 18px 14px; margin-bottom: 20px;}
    .refferral-facebook, .refferral-google, .refferral-twitter{font:13px GothamRounded_Book;}
    .refferral-facebook span, .refferral-google span, .refferral-twitter span{line-height:20px;}
    .refeerral-how-its-img i img{width:20px;}
    .refeerral-how-its-img i{padding:10px 14px}
    .refeerral-how-cont{font:11px/45px GothamRoundedMedium;}
}
.app_page {float:left;width: 100%;text-align: center;display: table;}
.app_page .app_inner_page{display: table-cell;vertical-align: middle;}
.app_page_logo {float: left; width: 100%;margin-bottom: 10px;}
.app_page_logo a {display: inline-block;}
.app_page img {display: inline-block;max-width: 100%;}
#hiw_section{text-align: center;}
.pannel-image{background: url('../../../images/home-sprites.png') no-repeat;height:50px;width:80px;float: none;display: inline-block;vertical-align: top;}
.home-searchlogo{background-position: 0 0;}
.home-chooseres{background-position: -80px 0;}
.home-placeholder{background-position: -160px 0;}
.home-delivery{background-position: -240px 0;}
.down-app a{background: url('../../../images/home-sprites.png') no-repeat;height:38px;width:125px;}
.down-app a.sprite-androidapp{background-position: -322px -6px;}
.down-app a.sprite-iosapp{background-position: -452px -6px;}
.locatemeicon{background: url('../../../images/home-sprites.png') no-repeat -581px -13px;height:25px;width:25px;display: inline-block;vertical-align:top;}
.logoinstall{background: url('../../../images/home-sprites.png') no-repeat -611px -7px;height:36px;width:36px;display: inline-block;vertical-align:top;}
.customer-app-new{padding-top:40px;}
.footer-li li a i{margin-right:5px;width:20px;}
img{max-width:100%;}

@media (min-width:768px) and (max-width:991px){
    .app_title{padding-top:40px;}
    .ord-del-cont{font-size:15px; line-height: 25px;margin-bottom:18px;}
    .foor-ord-head{margin-top:10px;}
    .down-app a{width:120px;}
    .orange_content_part{padding:120px 0 40px;}
    .lang-drop{min-width:60px!important;}
}
@media (min-width:992px) and (max-width:1199px){
.app_title{padding-top:60px;}
.orange_content_part{padding:120px 0 50px;}
.find-rest{font-size:13px;}
}
.aboutus-head{float:left;width:100%;padding:0px 15px;color:#407808;font-weight:bold;font:22px GothamRoundedMedium;padding:0;text-align:center;margin:30px 20px;}
.aboutus-cont p{float:left;width:100%;padding:0px 15px;color:#000;font:15px/23px GothamRounded_Book;
margin-bottom:20px;text-align: justify;}

.loading_icon {
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    z-index: 10;
    float: left;
    width: 100%;
    text-align: center;
}
.printer{
    float: left;
    width: 100%;
    text-align: center;
    margin: 5px 0px;
}
.order-total-amount .fa.fa-close{
    background: #ff0000 none repeat scroll 0 0;
    color: #fff;
    line-height: 16px;
    padding: 4px 7px;
}
.left-menu-gallerys{float:left;width:150px; }
.left-menu-gallerys img{width:140px;height: 100px; border-radius: 10px;}
.right-menu-informations{float: right;width:calc(100% - 150px);}
.powered-section{float: left;width: 100%; margin: 50px 0 30px 0;}
.poer-text{float: left;width: 100%;color: #455a64;font-size: 18px;margin-bottom: 0;}
.icon-wr{float: left;width: 100%; text-align: center; margin-bottom: 15px;min-height: 61px;}
.rt-tst{float: left;width: 100%;-webkit-text-fill-color: transparent;background: -webkit-gradient(linear,left top,left bottom,from(#3c3768),to(#fa7875)); background-clip: border-box;background: -o-gradient(linear,left top,left bottom,from(#3c3768),to(#fa7875));-webkit-background-clip: text;font-family: Allerbold;font-size: 16px; text-align: center;}
.app-wraps-sect{float: left;width: 100%;padding: 70px 0; position: relative;}
.shape--appLeft {bottom: auto;top: 0;}
.right-box-shae {background-color:#fff;box-shadow: 15px 15px 30px #fff7f7;border-radius: 5px;padding:30px 30px 60px 30px;float: left; width: 85%;}
.right-box-shae-right {background-color:#fff;box-shadow: 15px 15px 30px #fff7f7;border-radius: 5px;padding: 30px 30px 60px 30px;float: right; width: 85%;}
.shape--appLeft { bottom: auto; top: 0;}
.appBox--shape {position: absolute; left: 60px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.shape {position: absolute; bottom: -50px; left: -10px; z-index: -1;}
.shape__app--2 {left: 0;}
.shape--footerRight {left: auto;right: 0;}
.right-box-inseid{float: left;width: 100%;margin-top: 30px;}
.right-box-inseid h3{float: left;width: 100%;color: #3c3768;font-size: 30px;font-weight: 700;margin-bottom: 25px;}
.right-box-inseid p{ float: left;width: 100%;color: #455a64;font-family: Allerbold; margin-bottom: 35px;font-size: 16px;}
.mobile__img { display: inline-block;}
.socails-ws{float: left;width: 100%;}
.socails-ws a{display: inline-block;padding: 12px 25px;font-size: 16px; font-family: "Poppins-SemiBold"; color: #fff;text-align: center;-webkit-box-align: center; -ms-flex-align: center;-ms-grid-row-align: center;align-items: center;border-radius: 3px;background: rgb(111,188,88); background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );border: 1px solid #a6cf5b; margin-right: 10px;}
.socails-ws a:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.shape--earnCash {left: auto;right: 0;bottom: 0;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.register-wrap-bg{/*background-color: #6dd843;background-image: url('../../../images/cta-bg.jpg');*/background-size: cover;background-position: center;background-repeat: no-repeat;padding: 50px 0; text-align: center;float: left;width: 100%;}
.register-wrap-bg h2{float: left;width: 100%;color: #000;font-family: "poppins-bold"; margin-bottom: 15px;font-size: 42px;}
.register-wrap-bg p{float: left;width: 100%;color: #000; margin-bottom: 35px;font-size: 16px;}
.socails-ws-reg{float: left;width: 100%;}
.socails-ws-reg a{display: inline-block;padding: 12px 25px;font-size: 16px; font-family: "Poppins-SemiBold"; color: #fff;text-align: center;background: rgb(195,101,113);
  background: -webkit-linear-gradient(45deg, rgba(195,101,113,1) 0%,rgba(250,120,117,1) 100%); 
  background: linear-gradient(45deg, rgba(195,101,113,1) 0%,rgba(250,120,117,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c36571', endColorstr='#fa7875',GradientType=1 );border-color: #fa7875; margin-right: 10px;}
.socails-ws-reg a:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.footer-iter{float: left;width: 100%;position:relative;z-index: 1;bottom: 0; padding: 100px 0 70px 0;margin-top: 110px;}
.loginBg{float: left;width: 100%;}
.footer-it-btm-logo{float: left;width: 100%;}
.footer-it-btm-logo a{display: inline-block;}
.copyright-lft{color: #455a64;font-size: 14px;font-weight: 400; float: left;width: 100%; margin-top: 15px;}
.single-widget-ffr{float: left;width: 100%;}
.single-widget-ffr h2{float: left;width: 100%; color: #fa7875;font-size: 14px; margin: 0 0 15px 0;}
.footer-menu-ffr{float: left;width: 100%; list-style-type: none; margin: 0;padding: 0;}
.footer-menu-ffr li{float: left;width: 100%; margin-bottom: 5px;}
.footer-menu-ffr li a{color: #455a64;font-size: 14px;line-height: 2;}
.footer-menu-ffr li a:hover{color: #fa7875;}
.search_banner_outer-wrapper{float: left;width: 100%;background: -webkit-linear-gradient(top, rgba(251,251,251,1) 0%,rgba(0,15,255,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(251,251,251,1) 0%,rgba(0,15,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#00000fff',GradientType=0 ); /* IE6-9 */ padding: 130px 0 10px 0;}
.cuisines-wrapper-outer{float: left;width: 100%; padding:10px 0 0px 0; position: relative;z-index: 1;}
.restaurantSearchOuter{
    float: left;width: 100%; padding:10px 0; position: relative;z-index: 1;
}
.cust-namert{float: left;width: 85%; text-align: left;overflow: hidden;}
.filt_count{font-size: 14px;color: #a6cf5b; line-height: 30px; float: right;width: calc(100% - 85%); text-align: right;}
.cuisines-wrapper-outer .shape.shape--offer.hidden-xs{display:none!important;}
.shape--product {left: auto;right: 20px;bottom: 0;top: 50px;}
.shape--offer {left: auto;right: 0;bottom: 100px;}
.ser-sh-title{float: left;width: 100%;font-size: 36px;color: #3c3768;font-weight: 600;}
.ser-sh-title.typeRestaurantsTitle {width: 72%;}
.sh-product-card{float: left;width: 100%;box-shadow: 0 0 15px #ddd;border-radius: 10px; margin: 30px 0;}
.sh-product-img{
    float: left;
    width: 100%;
    height: 120px;
    border-radius: 7px 7px 0 0;
}
.sh-product-img img{border-radius: 7px 7px 0 0; width: 100%;}
.sh-product-card h3{float: left;width: 100%;padding: 10px;margin: 0; text-align: center;font-size: 21px;font-weight: 600; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-card-wrap{float: left;width: 100%;box-shadow: 0 0 15px #ddd;margin-top: 50px;border-radius: 10px;}
.product-images-gallery{float: left;width: 100%; border-radius: 7px 7px 0 0;position: relative;} 
.product-images-gallery img{height: 240px; min-height: 240px; width: 100%; border-radius: 12px 12px 0 0;}
.featureIcon-sp { background: url(../../../images/pre-order.png) no-repeat center;width: 54px;height:54px;position: absolute;left:6px;top:50px;z-index: 1;}
.zcard-content {float: left;width: 100%;padding: 15px;background: #fff;border-radius:0 0 12px 12px;}
.zcard-header{float: left;width: 100%;margin: 0;}
.zcard-header-sec{float: left;width: 100%;margin: 0 0 5px 0; min-height: 140px;}
.zcard-title{float: left;width: 100%;}
.zcard-title h3{float: left;width: 100%; font-weight: 400;font-family: "Poppins-Regular";font-size: 17px; margin: 0 0 5px 0; line-height: 25px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; color: #000;}
.we-revieww{float: left;width: 100%;}
.reviews-count{display: inline-block;font-size: 12px;color: #808080;font-weight: 400; margin-left: 10px;}
.zcard-left-title{float: left;width: 80%;padding-right:10px;}
.zcard-right-title{float: right;width: calc(100% - 80%);}
.no-ofer{float: left;width: 100%;font-size: 15px;color: #000;font-weight: 500; margin-bottom: 12px;}
.earn-tre{float: left;width: 100%;font-size: 12px;color: #333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:8px;}
.time-ir{float: left;width: 100%; text-align: right;margin-top: 10px;}
.time-ir h2{float: left;width: 100%;font-size: 20px;text-align: center;margin-bottom: 0;-webkit-text-fill-color: transparent;background: -webkit-gradient(linear,left top,left bottom,from(#b4d67a),to(#6fbc58));background: -o-gradient(linear,left top,left bottom,from(#b4d67a),to(#6fbc58));-webkit-background-clip: text; margin: 0;font-weight: 900;}
.time-ir h3{font-size: 10px;margin-top:0px; color: #000;float: left;width: 100%; text-align: center;}
.zcard-footer{float: left;width: 100%;}
.zcard-footer h6 {font-size: 13px;margin: 0 10px 0 0; display: inline-block; color: #333;}
.zcard-footer h6 span {font-size: 10px;color: #9a9a9a;display: block;}
.zcard-footer.booking-time span {font-size: 10px;color: #000;}
.pre-ord-zee-btn {float: right;display: inline-block;font-size: 9px;color: #fff; padding: 5px 10px;text-align: center;-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;border-radius: 3px;background: rgb(111,188,88);  background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 ); border: 1px solid #a6cf5b; cursor: pointer;}
.pre-ord-zee-btn:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.ready-order-wrap-contain{float: left;width: 100%; padding: 50px 0;}
.register-wrap-none{float: left;width: 100%; text-align: center;}
.register-wrap-none h2{float: left;width: 100%;color: #000;font-family: "poppins-bold"; margin-bottom: 15px;font-size: 42px;}
.register-wrap-none p{float: left;width: 100%;color: #000; margin-bottom: 35px;font-size: 16px;}
.socails-ws-none{float: left;width: 100%;}
.socails-ws-none a{display: inline-block;padding: 12px 25px;font-size: 16px; font-family: "Poppins-SemiBold";color: #fff;text-align: center;background: rgb(195,101,113);
  background: -webkit-linear-gradient(45deg, rgba(195,101,113,1) 0%,rgba(250,120,117,1) 100%); 
  background: linear-gradient(45deg, rgba(195,101,113,1) 0%,rgba(250,120,117,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c36571', endColorstr='#fa7875',GradientType=1 ); margin-right: 10px; border:1px solid transparent;border-radius:3px;}
.socails-ws-none a:hover{background: #fff !important;color: #a6cf5b !important;border:1px solid #a6cf5b !important;}
.rating_star_big-block {display: inline-block !important;}
.rating_star_big {background: rgba(0, 0, 0, 0) url("../../../images/stargreyhover-new.png") no-repeat scroll center center; display: block; height: 16px; position: relative; width: 96px;}
.rating_star_big_gold {background: rgba(0, 0, 0, 0) url("../../../images/staryellowhover-new.png") no-repeat scroll left center;display: block;height: 19px;left: 0;position: absolute;top: 0;}
.cuisinefil_list_search {float:left; width: 100%;padding: 0px 15px;}
.cuisinefil_list_search li {float: left;list-style: none;}
.nbt-our label{font-size: 18px;font-weight: 600; color: #333;cursor: pointer;float: left; width: 100%;}
.nbt-our label:hover,.nbt-our input:checked + label{color: #407808;}
.nbt-our{float: left;width: 100%;padding: 10px;margin: 0; text-align: center;font-size: 20px;font-weight: 600; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.menu_banner_outer-wrapper{float: left;width: 100%;padding: 100px 0 10px 0; background-color: #fff; overflow: hidden;}
.menu-view-box-post{float: left;width: 100%; position: relative;z-index: 2;}
.menu-bannner-wrps{float: left;width: 100%;position: relative;padding: 50px 0;z-index: 0;}
.menu-bannner-wrps:after { content: "";height: 100%;width: 100%;position: absolute;left: 0;top: 0;
    background: #000;opacity: .5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index:1;}
.menu-box-wr{float: left;width: 100%; margin-top: -150px;}
.mtm-150 .shape--main-contentLeft {top: 40px;}
.shape--main-contentLeft {bottom: auto;top: 0;}
.shape--main-contentRight {left: auto;right: 10px;bottom: auto;top: 900px;}
.left-logo-rest-icons{float: left;width: 200px;}
.right-logo-rest-icons{float: right;width: calc(100% - 220px);}
.fat-btnd{float: left;width: 100%; margin-bottom: 15px;}
.zee-btn-new{display: inline-block;font-size: 10px;color: #fff;padding: 5px 15px;text-align: center;-webkit-box-align: center; -ms-flex-align: center;-ms-grid-row-align: center;align-items: center;border-radius: 3px;background: rgb(111,188,88); background: -webkit-linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%);background: linear-gradient(45deg, rgba(111,188,88,1) 0%,rgba(166,207,91,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbc58', endColorstr='#a6cf5b',GradientType=1 );border: 1px solid #a6cf5b;}
.zee-btn-new:hover{background: #fff !important;color: #a6cf5b !important;border-color: #a6cf5b !important;}
.abt-re-der{float: left;width: 100%; font-size: 16px; font-family: "Poppins-Regular";}
.para-lined{float: left;width: 100%;font-size: 15px; font-family: "Poppins-Regular";margin: 0;}
.nooff{float: left;width: 100%;font-size: 18px; font-family: "Poppins-Regular"; color: #ff0000;}
.pl-add-icons{display: inline-block;color: #407808;font-size: 25px;}
.pl-add-icons:hover{color: #333;}
.checkout_banner_outer-wrapper{float: left;width: 100%;padding: 140px 0 10px 0; background-color: #fff; overflow: hidden;position: relative;z-index: 1;background: url("../../../images/top-shape-left.png") no-repeat;}
.left-werp-comp-kogo{float: left;width: 100px; text-align: left;}
.left-werp-comp-kogo img{border-radius:50%;}
.right-werp-comp-kogo{float: right;width:calc(100% - 110px); margin-top: 12px;}
.cust-info-checkout-box{float: left;width: 100%; margin:0 0 20px 0;}
.checrf-str{float: left;width: 100%; text-align: center; margin-bottom: 20px;}
.thanks_banner_outer-wrapper{float: left;width: 100%;padding: 140px 0 10px 0;background-color: #fff;overflow: hidden; position: relative;z-index: 1;background: url("../../../images/top-shape-left.png") no-repeat; }
.order-sts-box-wrap{float: left;width: 100%;box-shadow: 0 6px 25px rgba(0,0,0, 0.15);border-radius: 0 0 15px 15px;padding: 30px; margin-bottom: 30px; background-color:#fff;}
.or-st-box{float: left;width: 100%;}
.st-icons{float: left;width: 100%; position: relative;}
.st-icons:after{background: url("../../../images/dots.png") no-repeat; position: absolute;content:"";width: 100px;height: 16px;right: 0;top: 50%;}
.st-icons img{height: 99px;}
.ot-after:after{ background:none;width: 100px;height: 16px;position: absolute;content: "";    bottom: -6px;z-index: 1;left: 50%; background-color:none;display: none;}
.plo{float: left;width: 100%;font-size: 20px; font-family: "Poppins-Regular"; color: #000; margin: 15px 0;}
.str-orde{float: left;width: 100%;font-size: 14px; font-family: "Poppins-Regular"; color: #000;}
.box-fade-out{opacity: 0.3;}
.thanks_order_wraps{float: left;width: 100%;box-shadow: 0 6px 25px rgba(0,0,0, 0.15);border-radius: 15px;padding: 30px; background-color:#fff;}
.ord-panel-heading{float: left;width: 100%;font-size: 20px; font-family: "Poppins-SemiBold"; color: #000; margin-bottom: 20px;}
.ot-panel-body{float: left;width: 100%;}
.thnk-wrap-contain{float: left;width: 100%;}
.order-iews{float: left;width: 100%;box-shadow: 0 6px 25px rgba(0,0,0, 0.15);border-radius: 15px;padding: 20px; margin-bottom: 30px; background-color:#fff;}
.order_view_banner_outer-wrapper{float: left;width: 100%;padding: 140px 0 10px 0;background-color: #fff;overflow: hidden; position: relative;z-index: 1;background: url("../../../images/top-shape-left.png") no-repeat; }
.custom_banner_outer-wrapper{float: left;width: 100%;padding: 90px 0 10px 0;background-color: #fff;overflow: hidden; position: relative;z-index: 1;background: url("../../../images/top-shape-left.png") no-repeat; }
.poy-ngo-wrp{float: left;width: 100%;box-shadow: 0 6px 25px rgba(0,0,0, 0.15);border-radius: 15px;padding:50px;}
.or {float: left;width: 100%; text-align: center; margin: 30px 0;}
.or h4 {position: relative;display: inline-block;margin: 0;color: #e8e8e8;font-size: 17px;}
.or h4:after, .or h4:before {content: ""; width: 90px; height: 4px;background: #e8e8e8;position: absolute; top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);right: 130%;border-radius: 10px;}
.or h4:after {right: auto;left: 130%;}
.login_banner_outer-wrapper{float: left;width: 100%;padding: 140px 0 10px 0;background-color: #fff;overflow: hidden; position: relative;z-index: 1;background: url("../../../images/top-shape-left.png") no-repeat; }
.login-wrap-contain{float: left;width: 100%;}
.outer-wrap-contai-map{float: left;width: 100%;}
.easypie canvas {position: absolute;left: 0;width: 50px!important;height: 50px!important;top: 0;display: inline-block;vertical-align: baseline;}
.easypie {display: inline-block;width: 50px;font-size: 12px;height: 50px;margin: 0px;vertical-align: top;position: relative;text-align: center;padding-top:8px;border-radius: 999px;}
.headercuis-menu {color: #444444;display: inline-block; font: 14px "Poppins-Regular";margin: 0 0 5px;overflow: hidden;text-align: left;text-overflow: ellipsis;vertical-align: top;white-space: nowrap;width: 100%;}
#initialmap #map_canvas{height:300px!important; border-radius: 15px 15px 0 0;}
.loading_img{background: rgba(0, 0, 0, 0.55) url('../../img/loader.gif') 50% 50% no-repeat;bottom: 0;height: 100%;left: 0;position: fixed;right: 0;text-align: center;top: 0;z-index: 2147483647;}
.loading_img span{margin-top: calc(50% - 30px);display: inline-block;}
.info_map-thanks { float: left;width: 100%;}
#checkout-form #card-logo{width: 9%!important;}
.helper-text {color: #e93143;font-size: 12px;margin-top: 5px;display: block;}
/* Hosted Payment Fields styles*/
.hosted-field-focus { border: 1px solid #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.hosted-field-invalid {border: 1px solid #e93143;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233,49,67, 0.8);}
.hosted-field-valid { border: 1px solid #14ba57 ;}



/*Widget CSS*/
.fospluginwrapper .menu-bannner-wrps {min-height: 150px !important;}
.fospluginwrapper .menu-box-wr{margin: 0;}

/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}

.disHide, .earningsHide {
    line-height: 2.5;
}

@media screen and (max-width: 767px) {
    .logo.fosplugin.home-logo-no-image {
        margin: -4px 0px 0px 0px;
        max-width: 90%;
    }    
    .home-logo-no-image {
        margin: -4px 0;
        max-width: 90%;
    }
}

.cookie-banner {
    position: fixed;
    bottom: 40px;
    left: 4%;
    right: 4%;
    width: 92%;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #eee;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
.cookie-banner p {
    margin: 0;
    width: 82%;
    font-size: 13px;
}
.cookie-banner a {
    padding: 5px 10px;
    background-color: #777;
    color: #fff;
    border-radius: 3px;
}
.cookie-banner-close {
    height: 20px;
    background-color: #777;
    border: none;
    color: white;
    border-radius: 2px;
    cursor: pointer;
}


.surcharge-reason{
    font: 12px "Poppins-Regular" !important;
}
.cardErr {
    clear: both;
    width: 100%;
    display: block;
    margin: 0px 0px 10px;
}
.width-auto {
    width: auto;
}

.banner-text-sub-descriptions {
    text-align: center;
    margin-bottom: 40px;
    margin-top: -40px;
    float: left;
    width: 100%;
}

#quick_intro {
    margin-top: 20px;
}
#quick_intro h4 {
    padding: 50px;
    font-size: 25px;
}
#quick_intro .thumbnail {
    border: none;
}

.disableItemOverlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e6e6e6;
    padding: 10px;
    opacity: .3;
    border-radius: 10px;
}
.food-item-list.not-in-stock .food-item-name{
    color: #c5c5c5;
}
.timer, .timer-delivery{
    width: 120px;
    height: 120px;
    float: left;
    text-align: center;
    border: 2px solid #B3B3B3;
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 10px 0px #B3B3B3;
    -moz-box-shadow: 0px 1px 10px 0px #B3B3B3;
    box-shadow: 0px 1px 10px 0px #B3B3B3;
    background-color: #FFFFFF;
    position: absolute;
    top: 41%;
    left: 85%;
    z-index: 1;
}
.timer{
    display: none;
}
.timer-watch {
    margin: 23px 0 5px 0;
    font-size: 60px;
    color: #000000;
    font-weight: bold;
    /*text-shadow: 0px 0px 3px rgba(0,0,0,0.6);*/
    line-height: .8;
}
.timer-min-text{
    font-size: 10px;
    margin: 0 0 2px 0;
}
.timer-delivery-text{
    font-size: 10px;
    margin: 0;
}
.mapAndStatusOuter{
    position: relative;
    display: inline-block;
}
.timer-delivery-time{
    margin: 8px 0;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    line-height: .8;
}
.timer-date {
    font-size: 11px;
    margin: 30px 0 0 0;
}
.timer-delivery .timer-min-text{
    font-size: 11px;
}
.top-header2 h2 {
    display: inline-block;
}

.paymentHeading {
    display: inline-block;
    font-size: 10px;
    color: gray;
    font-style: italic;
}
.paymentBlocks {
    width: 100%;
    margin-bottom: 30px;
    clear: both;
    display: inline-block;
}
.add_money_btn {
    margin-bottom: 10px;
}

@media (max-width:768px){
    .timer, .timer-delivery{
        top: 24%;
        left: 74%;
    }
}

@media (max-width:434px){
    .cuisineClearTitle{
        padding-top: 0px;
    }
    .timer, .timer-delivery{
        top: 27%;
        left: 60%;
        width: 100px;
        height: 100px;
    }
    .timer-watch{
        margin: 20px 0 5px 0;
        font-size: 40px;
    }
}

.cartBag {
    position: relative;
}

.cartBag img {

}

.cartBag a.cartCount {
    position: absolute;
    left: 5px;
    top: -17px;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    width: 19px;
    height: 18px;
    background: transparent;
    font-size: 12px !important;
    line-height: 2;
    color: #40cd12;
    font-weight: bolder;
}

.cartBag a.cartCount.single {
    left: 7px;
    top: -20px;
    font-size: 14px !important;
}

.cartBag .cartTotalItems {

}
.thumbnail .thumb img {
    height: 250px;
    width: auto;
}

.poweredby a {
    display: block;
}
.poweredby h2 {
    font-size: 13px;
    font-style: italic;
}

.poweredby {
    margin-top: 30px;
    opacity: 0.7;
}

.poweredby span {
    font-size: 10px;
    font-style: italic;
}
.poweredby img {
    width: 100px;
}