body {
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: Roboto, sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    color: #444;
}

/* default font size */
.fa {
    font-size: 14px;
}

/* Override the bootstrap defaults */
h1 {
    font-size: 33px;
}

h2 {
    font-size: 27px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10.2px;
}

a {
    color: #23a1d1;
}

a:hover {
    text-decoration: none;
}

legend {
    font-size: 18px;
    padding: 7px 0
}

label {
    font-size: 14px;
    font-weight: normal;
}

.dropdown-menu {
    padding: 0;
}

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control,
input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control,
input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control,
input [type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control,
input [type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 14px;
}

.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    font-size: 14px;
}

.input-group .input-group-addon {
    font-size: 14px;
    height: 30px;
    border-radius: 0;
}

/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}

.nav-tabs {
    margin-bottom: 15px;
}

div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}

/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #ff6f00;
    /*background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);*/
    background-repeat: repeat-x;
}

/* top */
#top {
    background-color: #EEEEEE;
    border-bottom: 1px solid #e2e2e2;
    padding: 4px 0 3px 0;
    margin: 0 0 20px 0;
    min-height: 40px;
}

#top .container {
    padding: 0 20px;
}

#top #currency .currency-select {
    text-align: left;
}

#top #currency .currency-select:hover {
    text-shadow: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}

#top .btn-link, #top-links li, #top-links a {
    color: #fff;
    /*text-shadow: 0 1px 0 #FFF;*/
    text-decoration: none;
}

#top .btn-link:hover, #top-links a:hover {
    color: #20ac76;
}

#top-links .dropdown-menu a {
    text-shadow: none;
}

#top-links .dropdown-menu a:hover {
    color: #FFF;
}

#top .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}

#top-links {
    padding-top: 5px;
}

#top-links a + a {
    margin-left: 15px;
}

/* logo */
#logo {
    margin: 5px 0;
}

#logo img {
    width: 100px;
}

/* search */
#search {
    margin-bottom: 10px;
}

#search .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
}

#search .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 35px;
    text-shadow: 0 1px 0 #FFF;
}

/* cart */
#cart {
    margin-bottom: 10px;
}

#cart > .btn {
    font-size: 12px;
    line-height: 18px;
    color: #FFF;
}

#cart.open > .btn {
    background-image: none;
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    color: #666;
    box-shadow: none;
    text-shadow: none;
}

#cart.open > .btn:hover {
    color: #444;
}

#cart .dropdown-menu {
    background: #eee;
    z-index: 1001;
}

#cart .dropdown-menu {
    min-width: 100%;
}

@media (max-width: 478px) {
    #cart .dropdown-menu {
        width: 100%;
    }
}

#cart .dropdown-menu table {
    margin-bottom: 10px;
}

#cart .dropdown-menu li > div {
    min-width: 427px;
    padding: 0 10px;
}

@media (max-width: 478px) {
    #cart .dropdown-menu li > div {
        min-width: 100%;
    }
}

#cart .dropdown-menu li p {
    margin: 20px 0;
}

/* menu */
#menu {
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    min-height: 40px;
}

#menu .nav > li > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
    background-color: transparent;
}

#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
}

#menu .dropdown-menu {
    padding-bottom: 0;
}

#menu .dropdown-inner {
    display: table;
}

#menu .dropdown-inner ul {
    display: table-cell;
}

#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
}

#menu .dropdown-inner li a:hover {
    color: #FFFFFF;
}

#menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}

#menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}

#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}

#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #229ac8;
}

@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (max-width: 767px) {
    #menu {
        border-radius: 4px;
    }

    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }

    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    #menu .dropdown-inner {
        display: block;
    }

    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }

    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.1);
    }

    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }
}

/* content */
.g-recaptcha > div {
    margin: 30px auto 0 auto;
}

#content {
    min-height: 600px;
}

/* footer */
footer {
    /*margin-top: 30px;*/
    padding-top: 30px;
    background-color: #303030;
    border-top: 1px solid #ddd;
    color: #e2e2e2;
}

/*.information-contact footer{margin-top: 50px;}*/
footer hr {
    border-top: none;
    border-bottom: 1px solid #666;
}

footer a {
    color: #ccc;
}

footer a:hover {
    color: #fff;
}

footer h5 {
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #fff;
}

/* alert */
.alert {
    padding: 8px 14px 8px 14px;
}

/* breadcrumb */
.breadcrumb {
    margin: 22px 0;
    padding: 8px 0;
    text-align: right;
    /*border: 1px solid #ddd;*/
    background-color: transparent;
}

.breadcrumb i {
    font-size: 15px;
}

.breadcrumb > li {
    /*text-shadow: 0 1px 0 #FFF;*/
    padding: 0 10px;
    position: relative;
    white-space: nowrap;
}

.breadcrumb > li:last-child {
    padding-right: 0;
}

.breadcrumb > li + li:before {
    content: '';
    padding: 0;
}

.breadcrumb > li:after {
    right: -4px;
}

.breadcrumb > li:before {
    right: -1px;
}

.breadcrumb > li:after, .breadcrumb > li:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    transform: rotate(-45deg);
}

.breadcrumb > li:last-child:after, .breadcrumb > li:last-child:before {
    display: none;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: none;
}

.pagination {
    margin: 0;
}

/* buttons */
.buttons {
    margin: 1em 0;
}

.btn {
    padding: 7.5px 12px;
    font-size: 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

.btn-xs {
    font-size: 9px;
}

.btn-sm {
    font-size: 10.2px;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 15px;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px;
}

.btn-group > .btn-xs {
    font-size: 9px;
}

.btn-group > .btn-sm {
    font-size: 10.2px;
}

.btn-group > .btn-lg {
    font-size: 15px;
}

.btn-default {
    color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}

.btn-primary {
    color: #ffffff;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
    background-color: #20AC76;
    /*background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);*/
    /*background-repeat: repeat-x;*/
    border-color: #20AC76;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #20AC76;
    border-color: #20AC76;
    /*background-position: 0 -15px;*/
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #df5c39;
    background-image: linear-gradient(to bottom, #e06342, #dc512c);
    background-repeat: repeat-x;
    border-color: #dc512c #dc512c #a2371a;
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #23A1D1;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222222;
    background-image: linear-gradient(to bottom, #333333, #111111);
}

/* list group */
.list-group a {
    border: 1px solid #DDDDDD;
    color: #888888;
    padding: 8px 12px;
}

.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #444444;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    text-shadow: 0 1px 0 #FFF;
}

/* carousel */
.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}

/* product list */
.product-thumb {
    border-bottom: 1px solid #ddd;
    margin-bottom: 4px;
    overflow: auto;
    background-color: #fff;
}

.product-list .product-thumb .image {
    text-align: center;
    margin: 15px 0;
}

.product-thumb .image a {
    display: block;
}

.product-thumb .image a:hover {
    opacity: 0.8;
}

.product-thumb .image img {
    margin: 0;
}

.restaurant-list .product-thumb .image a {
    margin: 0 auto;
    width: 155px;
}

.product-grid .product-thumb .image {
    float: none;
}

@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px;
        margin: 20px 0;
    }
}

.product-thumb h4 {
    font-weight: bold;
}

.product-thumb .caption {
    padding: 0 20px;
    min-height: 110px;
}

.product-list .product-thumb .caption {
    /*margin-left: 230px;*/
    padding: 15px;
}

@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        min-height: 210px;
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        /*min-height: 0;*/
        margin-left: 0;
        padding: 0 0 10px;
    }

    .product-grid .product-thumb .caption {
        min-height: 0;
    }
}

.product-thumb .rating {
    padding-bottom: 5px;
}

.area-name-details {
    padding-bottom: 10px;
}

.rating .fa-stack {
    font-size: 8px;
    width: 1.85em;
}

.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}

.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}

.rating .fa-star + .fa-star-o {
    color: #E69500;
}

h2.price {
    margin: 0;
}

.product-thumb .price {
    color: #444;
}

.product-thumb .price-new {
    font-weight: 600;
}

.product-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    margin-left: 10px;
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block;
}

.product-thumb .button-group {
    border-top: 1px solid #ddd;
    background-color: #eee;
    overflow: auto;
}

.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd;
}

@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}

.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.product-thumb .button-group button + button {
    width: 20%;
    border-left: 1px solid #ddd;
}

.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
}

.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}

.thumbnails > li {
    margin-left: 20px;
}

.thumbnails {
    margin-left: -20px;
}

.thumbnails > img {
    width: 100%;
}

.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd;
}

.image-additional {
    max-width: 78px;
}

.thumbnails .image-additional {
    float: left;
    margin-left: 20px;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%;
    }

    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
    width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
    min-width: 50px;
}


/*=========================================================== raja

css============================================*/
.padding-right-none {
    padding-right: 0;
}

.padding-left-none {
    padding-left: 0;
}

.padding-right-left-none {
    padding: 0;
}

.padding-top-botm {
    padding: 30px 0;
}

header {
    /*background-color: rgba(0,0,0,0.5);*/
    z-index: 1;
    position: relative;
    width: 100%;
    float: left;
}

header .dropdown-menu {
    border-radius: 0;
}

header .dropdown-menu > li > a {
    padding: 5px 20px;
    border-bottom: 1px solid #ddd;
}

#top-links > ul > li {
    margin-top: 10px;
    font-size: 16px;
}

#top-links ul li.language .btn-group > .btn {
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
}

#top-links ul li.language {
    margin-top: 0 !important;
}

#top-links ul li.language button {
    color: #fff;
}

#top-links .dropdown-menu a {
    color: #333;
}

#top-links ul.dropdown-menu li > a:hover {
    background-color: #ff6f00;
    background-image: linear-gradient(to bottom, #ff6f00, #ff6f00);
    background-repeat: repeat-x;
    color: #fff;
}

.owl-wrapper-outer {
    border: none !important;
    border-radius: 0 !important;
}

.top-home h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
}

.top-home h1, .top-home p {
    display: inline-block;
    /*background: rgba(0,0,0,0.5);*/
    padding: 10px 15px;
}

.top-home p {
    color: #fff;
    line-height: 30px;
    font-size: 24px;
    margin-bottom: 25px;
}

.restaurant-list .select-city input#input-address {
    background: rgba(000, 000, 000, 0.75);
    font-size: 21px;
    color: #fff;
    border: none;
    width: 94.5%;
}

.select-city input#input-address {
    height: 40px;
    /*height: 64px;*/
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.common-home .select-city input#input-address {
    /*height: 40px;*/
    height: 64px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.select-city .bootstrap-select.form-control button.btn-default {
    color: #20ac76 !important;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.5) !important;
    background-color: #fff !important;
    background-image: linear-gradient(to bottom, #fff, #fff) !important;
    background-repeat: repeat-x;
    border-color: #20ac76 !important;
    border-radius: 0 !important;
    height: 46px;
    font-size: 16px;
}

.select-city .bootstrap-select.form-control {
    height: 46px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background: #20ac76;
}

.bootstrap-select .form-control:focus {
    border-color: #20ac76;
}

/*.select-city .bootstrap-select{width: 100%!important;}*/
.btn.active, .btn:active {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .125) !important;
}

.select-city .bootstrap-select.form-control button.btn-default:hover, .select-city .bootstrap-select.form-control
button.btn-default:active, .select-city .bootstrap-select.form-control button.btn-default:focus {
    background-color: transparent !important;
    border-color: #20ac76 !important;
}

.select-city ul.dropdown-menu li > a:hover, .select-city ul.dropdown-menu li:hover,
.select-city ul.dropdown-menu li > a:focus, .select-city ul.dropdown-menu li:focus {
    text-decoration: none;
    color: #333;
    background-color: transparent !important;
    background-image: none !important;
    background-repeat: repeat-x;
    outline: 0 !important;
}

.select-city ul.dropdown-menu li > a:hover {
    color: #20ac76;
}

.bootstrap-select .dropdown-toggle:focus, .btn-group.bootstrap-select.form-control:focus, .btn-primary:hover,
.btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled],
.select-country button#button-submit.btn-primary:focus {
    outline: 0 !important;
}

.top-home {
    background-size: cover;
    height: 650px;
}

.top-home .b2c-b2c {
    top: 50px;
}

.select-country {
    border: 0;
    background: rgba(255, 255, 255, .5);
    margin-top: 30px;
    margin-bottom: 40px;
    border-radius: 4px;
    color: #444;
    background: #fff;
    padding: 16px;
    box-shadow: 0 2px 28px 0 rgb(0 0 0 / 12%);
}

.hotel-area-list #zone-form .select-country {
    background: none;
}

.select-country h2 {
    background: rgba(000, 000, 000, 0.75);
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    margin: 0 0 5px 0;
    font-size: 25px;
}

.hotel-area-list #zone-form .select-country button#button-submit.btn-primary {
    background: rgba(000, 000, 000, 0.75);
}

.hotel-area-list #zone-form .select-city {
    position: relative;
}

.hotel-area-list #zone-form .select-city #button-submit {
    position: absolute;
    right: 0;
    top: 0;
}

.select-country input#autocomplete {
    border: 1px solid #20ac76;
    height: 46px;
    font-size: 16px;
    width: 100% !important;
    border-radius: 0;
}

.select-country button#button-submit.btn-primary {
    color: #ffffff;
    background: rgba(000, 000, 000, 0.75);
    border: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #20ac76;
    background-image: linear-gradient(to bottom, #20ac76, #20ac76);
    background-repeat: repeat-x;
    border-color: #20ac76 #20ac76 #20ac76;
    border-radius: 0;
    height: 40px;
    font-size: 20px;
    line-height: 0;
}

.common-home .select-country button#button-submit.btn-primary {
    color: #ffffff;
    background: rgba(000, 000, 000, 0.75);
    border: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #FF6F00;
    background-image: linear-gradient(to bottom, #FF6F00, #FF6F00);
    background-repeat: repeat-x;
    border-color: #FF6F00;
    border-radius: 0;
    height: 64px;
    font-size: 20px;
    line-height: 0;
}

.select-country .bootstrap-select.btn-group .dropdown-menu {
    border: 1px solid #20ac76;
    border-radius: 0;
    border-top: none;
    top: 0%;
}

.select-country .bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 16px;
}

.select-country {

}

.padding-top-botm-50 {
    padding: 50px 0;
}

.title-head {
    padding-bottom: 50px;
}

.title-head h3 {
    font-size: 23px;
}

.title-head h4 {
    font-size: 30px;
    font-weight: 600;
    color: #FF6F00;
}

.food-one .title {
    font-size: 18px;
    margin: 20px 0 10px;
    font-weight: 700;
}

.food-one .description {
    font-size: 16px;
    color: #444;
    margin: 0 0 20px 0;
    line-height: 1.6;
    font-weight: 400;
}

.food-one img {
    /*width: 100px;*/
    height: 60px;
}

.easy-autocomplete {
    width: 100% !important;
    float: left !important;
}

.hotel-area-list {
    width: 100%;
    position: relative;
    /*    height:190px; */
    height: 300px;
    background-position: 50%;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0 !important;
    /*z-index: -1;*/
    /*background-image:url("../image/home-slide.jpg");*/
    background-position-y: 40%;
}

.hotel-area-list .select-country {
    margin-top: 0;
}

.bottom-block {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(76, 76, 76, .30);
    height: 55px;
    line-height: 54px;
    color: #fff;
    width: 100%;
}

.bottom-block .block-list:hover, .bottom-block .white-bg {
    background: #fff;
    color: #000;
}

.bottom-block i {
    font-size: 18px;
    margin-right: 5px;
}

.bottom-block span {
    font-size: 16px;
}

.bottom-block .block-list .sort-by .bootstrap-select.show-tick > button {
    background: none;
    border: none;
    color: #fff;
    box-shadow: none;
    height: 54px;
}

.bottom-block .block-list .sort-by .bootstrap-select.show-tick.open > button {
    border: 1px solid #ddd;
}

.bottom-block .block-list:hover .sort-by .bootstrap-select.show-tick > button {
    color: #000;
}

.bottom-block .block-list .sidebar-right-search {
    padding: 0;
    width: 90%;
    float: left;
}

.caption h4 a {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    z-index: 1;
}

.caption h4 a:hover {
    color: #ff6f00;
}

.caption .from-details span {
    float: left;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #ddd;
}

.product-layout.product-grid .caption .from-details span {
    border-right: none;
}

.caption .from-details span:last-child {
    border-right: none;
}

.caption .from-details span p {
    margin-bottom: 0;
}

.caption .from-details span p i {
    font-size: 20px;
}

.caption .from-details span p img {
    width: 20px;
    height: 20px;
}

.product-thumb .rating, .area-name-details, .from-details {
    width: 100%;
    float: left;
}

.area-name-details span {
    font-style: italic;
    font-size: 15px;
}

.from-details span p, .from-details span p label {
    font-size: 13px;
}

.from-details span p label {
    margin-bottom: 0;
}

.from-details span p img, .caption .from-details span p i {
    margin-right: 5px;
}

.product-thumb:hover {
    background: #eef7fa;
    cursor: pointer;
    box-shadow: 0 1px 1px #cfcac4;
}

.menu-page-inner {
    /*margin:15px 0;*/
}

.restaurant-inner-info .menu-page-inner {
    margin-top: 0;
}

.restaurant-inner-info .media-right {
    margin-top: 0;
}

.menu-page-inner .media-right h1 {
    margin: 0;
    font-size: 25px;
    margin-bottom: 10px;
}

.pick-up, .pick-up-two, .pick-up-three {
    /*width: 40%;*/
    float: left;
    padding: 10px 5px;
}

.pick-up {
    /*width:20%;*/
    float: left;
    padding: 10px 5px;
}

.pick-up .media-right, .pick-up-two .media-right, .pick-up-three .media-right {
    padding-left: 0;
}

.pick-up-two .pick-up-fee.media-right {
    padding-top: 15px;
}

.menu-right-page {
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
    display: block;
}

.menu-page-right {
    margin-top: 35px;
}

.menu-page-right span.status-block {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.menu-page-right span.status-block.status_Open {
    background: #4CAF50;
}

.menu-page-right span.status-block.status_Closed {
    background: #A9A9A9;
    color: #000;
}

.menu-page-left .media-right {
    /*margin-top: 20px;*/
}

.pick-up .media-right {
    line-height: 50px;
}

.tab-pane-list ul {
    list-style-type: none;
    background-color: #fff;
    padding: 0;
    /*box-shadow: 0 2px 1px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.02);
   border-radius: 2px;
    border: .5px solid rgba(0,0,0,.1);
    padding: 16px 15px;*/
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .02);
    border: .5px solid rgba(0, 0, 0, .1);

}

.category-area-name b {
    font-size: 16px;
    padding: 2px 10px;
    display: block;
    background: #ff6f00;
    color: #fff;
}

.tab-pane-list ul li {
    font-size: 16px;
    margin-bottom: 5px;
    background-color: #fff;
    padding: 5px 15px 5px 10px;
    width: 100%;
}

.menu-panel .caption {
    padding: 20px;
}

.caption .title-overlay {
    padding-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px dotted #ddd;
}

.caption .title-overlay:last-child {
    border-bottom: none;
}

.caption .title-overlay .thumbnail {
    margin-bottom: 0;
    width: 70px;
    border: none;
}

.searchbar-menu {
    margin-bottom: 15px;
    position: relative;
}

.searchbar-menu input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #cacaca;
    padding: 15px;
    font-size: 16px;
}

.searchbar-menu i {
    position: absolute;
    top: 18px;
    right: 20px;
}

.searchbar-menu input:focus {
    outline: none; /*outline: 3px solid #ff6f00;*/
}

.accordion-menu .panel-default > .panel-heading {
    background-color: transparent;
    border-color: #ddd;
}

.map {
    height: 200px;
    border: 2px solid #ff6f00;
    margin-bottom: 20px;
}

.info-section-ours {
    border-right: 1px solid #ddd;
}

.info-section-amount th, .info-section-amount td, .info-section-ours th, .info-section-ours td, .menu-page-left .media-right p {
    overflow: hidden;
    font-size: 14px;
}

.info-section-ours h3, .info-section-amount h3 {
    font-size: 18px;
    color: #ff6f00;
}

.padding-left-none {
    padding-left: 0;
}

.info-section-ours {
    margin: 0 auto;
    display: block;
}

#tab-review .no-reviews, #tab-menu .no-reviews, #tab-menu, #tab-review {
    height: 100%;
}

#tab-review .no-reviews b, #tab-menu .no-reviews b {
    top: 50px;
    left: 47%;
    position: absolute;
    text-transform: capitalize;
}

.menu-page-left .media-right p {
    margin-bottom: 0;
}

.-hotel-area-list {
    position: relative;
}

.-hotel-area-list:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
}

.-hotel-area-list img {
    /*width: 100%;*/
}

.-hotel-area-list .go-back {
    bottom: 0;
    position: absolute;
    left: 4%;
    background: rgba(0, 0, 0, 0.3);
    width: 9%;
    padding: 0;
    text-align: center;
    border-bottom: 2px solid #ff6f00;
}

.-hotel-area-list .go-back:hover, .-hotel-area-list .go-back:hover a {
    background-color: #fff;
    color: #333;
    text-decoration: none;
}

.-hotel-area-list .go-back a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    display: inline-block;
    height: 100%;
    padding: 8px 0 8px 0;
    width: 100%;
    font-size: 16px;
}

.-hotel-area-list .go-back a i {
    margin-right: 0;
    font-size: 20px;
}

.menu-item-popular h3 a {
    cursor: pointer;
    color: #444;
}

.menu-item-popular h3 {
    margin: 0;
    padding: 10px 0;
}

.menu-item-popular {
    border-bottom: 1px solid #ddd;
}

.info-menu-box .nav-tabs > li.active > a, .info-menu-box .nav-tabs > li.active > a:focus, .info-menu-box .nav-
tabs > li.active > a:hover {
    border-top: 2px solid #ff6f00 !important;
    color: #ff6f00;
    border: none;
}

.nav > li > a:focus, .nav > li > a:hover {

}

.info-menu-box ul.nav > li > a:focus, .info-menu-box ul.nav > li > a:hover {
    background-color: #fff !important;
    /*border:none;*/
}

.info-menu-box ul li a:hover {
    background-color: transparent;
}

.info-menu-box ul li a {
    font-size: 16px;
    border: none;
    color: #444;
}

.info-menu-box ul li a:hover {
    cursor: pointer;
}

.info-menu-box .nav-tabs li {
    width: 33.333%;
    text-align: center;
}

.panelClass,
.flipClass {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 0;
}

.flipClass {
    padding: 10px 0 !important;
}

.panelClass {
    display: none;
}

.flipClass a {
    font-weight: 600;
    font-size: 18px;
    color: #444;
    text-transform: uppercase;
}

.flipClass a i {
    color: #ff6f00;
    font-size: 18px;
}

.flipClass a span.chevron-right, .flipClass.open a span.chevron-down {
    display: none;
}

.flipClass.open a span.chevron-right {
    display: block;
}

.flipClass a:hover {
    cursor: pointer;
}

.info-menu-box ul.nav.nav-tabs li a img {
    margin-right: 10px;
}

.category-area-name b img {
    margin-right: 9px;
    width: 30px;
}

.restaurant-inner-info, body[class^="information-"] {
    background-color: #f9f5f1;
    /*padding-bottom: 30px;*/
}

body[class^="information-"] #content {
    background: #fff;
    box-shadow: 0 5px 15px -2px rgba(10, 16, 34, .4);
    padding-bottom: 30px;
}

.breadcrumb > li a {
    color: #333;
}

ul.breadcrumb li:last-child a {
    color: #C53332;
}

.info-menu-box {
    background-color: #fff;
    padding-bottom: 10px;
}

.panelClass {
    overflow: hidden;
}

.panelClass .caption h4 {
    font-size: 16px;
    font-weight: 600;
}

.panelClass .caption p {
    font-size: 14px;
}

.product-price button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #FF6F00;
    background-color: #FF6F00;
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    display: block;
}

span.product-price-add {
    /*display: none;*/
}

span.add-icon-add {
    position: relative;
}

span.product-price-add {
    display: none;
}

button span.add-icon-add:hover span.product-price-add {
    display: block !important;
}

.product-price-add {
    display: none;
}

.showhim:hover .product-price-add {
    display: block;
}

.showhim:hover .add-icon-add {
    display: none;
}

.add-icon-add {
    /*width: 25px;
	height: 25px;
	border-radius:50%;
	border:1px solid #00A53C;
	background-color: #00A53C;
	font-size: 25px;
	line-height: 23px;padding: 0;
	color: #fff;
    display: block;
    text-align: center;
    overflow: hidden;*/

    width: 26px;
    height: 26px;
    padding: 0;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    font-size: 25px;
    font-weight: 500;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    outline: 0;
    background-color: #eaeaea;
    background-repeat: no-repeat;
    background-position: center center;
}

.add-icon-add:hover {
    /*background-color: #bbb;*/
}

.add-icon-add a {
    /*color: #fff;*/
    color: #00A53C;
}

#button-coupon {
    padding: 6px 12px;
    margin-left: 0;
    background: #ff6f00;
    border-color: #ff6f00;
}

.cupon .panel-heading a {
    text-decoration: none;
}

.cupon .panel-heading a h4 {
    color: #20AC76;
}

.editable-buttons .editable-submit, .editable-buttons .editable-cancel {
    padding: 5px 10px;
}

.product-price-add {
    /*width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #00A53C;
    font-size: 10px;
    line-height: 6px;*/

    width: 26px;
    height: 26px;
    padding: 0;
    text-align: center;
    line-height: 26px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    outline: 0;
    background-color: #bbb;
    background-repeat: no-repeat;
    background-position: center center;
}

.product-price-add a {
    color: #fff;
}

.add-icon-add a:hover, .product-price-add a:hover {
    cursor: pointer;
}

.product-price span {
    font-size: 14px;
    font-weight: bold;
}

.product-price {
    float: right;
    /*width: auto;*/
}

h5.info-cuisines span {
    font-size: 14px;
    color: #4CAF50;
}

.ribbon.sale {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon.sale span {
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
    font-size: 18px;
    background: #ff0000;
}

.panelClass .caption .media-left {
    line-height: 90px;
    /*border-color: rgb(224, 224, 224);*/
}

.caption h4 {
    margin: 0 0 5px 0;
}

.caption .media-right p {
    margin: 0;
}

.common-home .caption .media-right p {
    display: -webkit-box;
    max-width: 100%;
    /*height: 43px;*/
    margin: 0 auto;
    font-size: 14px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right-cuisine-list {
    /*padding: 8px;*/
    /*background-color: #fff;*/
}

.right-cuisine-list .checkbox.checkbox-list.checkbox-primary {
    padding-bottom: 0;
    /*margin-bottom: 5px;
	margin-top: 16px;*/
    box-shadow: 0 2px 2px #cfcac4;
    background-color: #fff;
    padding: 10px 15px 10px 50px;
    width: 100%;
    border-radius: 3px;
}

h3.cuisine-check-list i {
    font-size: 20px;
    margin-right: 10px;
}

.searchbar-menu i {
    color: #666;
}

.category-area-name ul li a, h4.sort-order-right a {
    color: #666;
}

.right-cuisine-list .checkbox input[type="checkbox"]:hover {
    box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5);
}

.right-cuisine-list .checkbox label::after {
    top: -1px !important;
    left: -1px;
    font-size: 13px;
}

.right-cuisine-list .checkbox label::before {
    top: 2px;
}

.right-cuisine-list .checkbox label::before {
    width: 15px;
    height: 15px;
}

.right-cuisine-list .checkbox label {
    font-size: 15px;
    color: #666;
    padding-left: 0;
    /*padding-left: 10px;*/
}

.right-cuisine-list .checkbox:hover label {
    color: #ff6f00;
}

h4.sort-order-right {
    /*margin-right: 10%;*/
    margin: 0 0 10px;
}

.sort-order-right .bootstrap-select button.btn-default {
    border: none;
    background: transparent;
    background-image: none;
    color: #333;
    box-shadow: none;
    font-size: 16px;
    margin-top: -8px;
    /*width: 320px;*/
    /* background-color: #e6e6e6;
    border-color: #adadad;*/
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .bootstrap-select:not

([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    /*width: 320px!important;*/
    width: 100% !important;
}

.select-sort-filter .bootstrap-select.btn-group .dropdown-menu li {
    cursor: pointer;
    height: 40px;
    padding: 0;
    border-bottom: 1px solid #cfcac4;
    background: #fff;
}

.select-sort-filter .bootstrap-select.btn-group .dropdown-menu li a {
    line-height: 33px;
}

.select-sort-filter .bootstrap-select.btn-group .dropdown-menu li a i {
    line-height: 25px;
    font-size: 18px;
}

.select-sort-filter .bootstrap-select.btn-group .dropdown-menu li a span:before {
    font-size: 20px;
    margin-right: 10px;
    font-weight: 400;
    width: 43px;
    display: inline-block;
    text-align: center;
}

.select-sort-filter h2 {
    margin-top: -6px;
}

.sort-order-right .bootstrap-select button.btn-default span.filter-option i {
    font-size: 20px;
    font-weight: 400;
}

.sort-order-right .bootstrap-select button.btn-default span.filter-option {
    padding-left: 45px;
    color: #20ac76;
    font-size: 14px;
    margin-right: 10px;
    font-weight: 400;
    margin-left: 0;
    text-align: center;
}

.sort-order-right .bootstrap-select button.btn-default span.caret {
    border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

h4.sort-order-right:focus, .sort-order-right .bootstrap-select button.btn-default:focus,
.sort-order-right .bootstrap-select button.btn-default:hover, .sort-order-right .bootstrap-select button.btn-
default:active,
    /*.btn-group.bootstrap-select.open.dropup:focus, .btn-group.bootstrap-select.open.dropup:hover, .btn-

group.bootstrap-select.open.dropup:active {
	outline: 3px solid #ff6f00!important;
}*/
.select-city .btn-group.bootstrap-select.open.dropup:hover,
.select-city .btn-group.bootstrap-select.open.dropup:active,
.select-city .btn-group.bootstrap-select.open.dropup:focus,
.select-city .bootstrap-select button.btn-default:focus,
.select-city .bootstrap-select button.btn-default:hover,
.select-city .bootstrap-select button.btn-default:active {
    outline: 0 !important;
}

.sort-order-right span.sort-by-order {
    position: absolute;
    top: 2px;
    margin-left: 31px;
    font-size: 14px;
}

.food-fast-app {
    background-image: url('../image/food-app-banner.png');
    /*height: 400px;
    background-size: cover;*/

    /*background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 3px auto 0;
    position: relative;*/

    /*background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #464646;*/
}

.food-fast-app .position-left img {
    /*float: right;
    margin-right: 33px;*/
    margin: 0 auto;
    display: block;
}

.food-fast-app .position-right {
    margin-top: 20px;
}

.food-fast-app .position-right h2 {
    font-size: 42px;
}

.food-fast-app .position-right h4 {
    font-weight: 300;
    line-height: 1.67em;
    font-size: 26px;
    margin: 20px 0;
}

.re-views-length {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 10px 10px 0 10px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.re-views-length p {
    margin: 15px 0;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.re-views-length .author {
    font-weight: 600;
    color: #444;
    display: inline-block;
    font-size: 16px;
}

.review-rating {
    display: inline-block;
    width: 100%;
    padding-top: 5px;
}

.re-views-length .date {
    color: #727272;
}

.info-menu-box-right {
    /*border: 1px solid #ccc;*/
    /*box-shadow: 0 2px 1px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.02);*/
    background-color: white;
    padding: 0 0 20px;
    /*border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
}

.info-menu-box-right .cart-head {
    background-color: #ff6f00;
    padding: 15px;
    color: #fff;
    font-size: 20px;
    /*border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
}

.info-menu-box-right label, ul.menu-cart li {
    list-style: none;
    float: left;
    padding-right: 10px;
}

.info-menu-box-right label, ul.menu-cart li a {
    text-decoration: none;
    color: #222;
    background-color: #EAEAEA;
    padding: 4px 5px;
}

.info-menu-box-right label.active, ul.menu-cart li a.active {
    background-color: #fff;
    /* color:#ff6f00;*/
    color: #20AC76;
}

.nave-cation {
    width: 100%;
    float: left;
}

ul.menu-cart {
    padding: 7px 15px;
    width: 100%;
    float: left;
    background-color: #EAEAEA;
    margin: 0;
}

ul.menu-cart li {
    width: 50%;
    float: left;
    text-align: center;
}

ul.menu-cart li a {
    width: 100%;
    float: left;
    padding: 5px;
    font-size: 14px;
}

#cart-total {
    position: relative;
}

#cart-total i.fa-shopping-cart {
    font-size: 23px;
}

#cart-total .itemcount {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: white;
    text-align: center;
    background: #20AC76;
    font-size: 11px;

}


/*

.cart-branch-name h3{
	margin: 10px 0;
}
.quantity-adder-name{
	padding: 15px;
	margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.qty-number .input-group-addon{
	padding: 6px 3px;
}
.qty-number .input-group {
	min-width: 30px!important;
}
.qty-number.input-group span:hover{
	cursor: pointer;
}
.cart-branch-name span{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 146px;
    font-size: 14px;
}
.cart-price-list span{
	font-size: 14px;
	font-weight: bold;
}
.cart-price-list span a i{
	margin-left: 5px;
	color:#ccc;
}
.cart-price-list span a:hover i{
	-webkit-transform: scale(1.4);
    color: red;
    cursor: pointer;
}
.sub-total-price table tbody tr{
	line-height: 35px;
}
.sub-total-price table tbody tr td{
	font-size: 13px;
}
.sub-total-price table tbody tr.total-amount{
	line-height: 60px;
}
.go-to-checkout button a{
	color: #fff;
	font-size: 14px;
}
.go-to-checkout button{
	background-color: #20AC76;
	width: 100%;
	border:1px solid #20AC76;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.24), 0 0 2px 0 rgba(0,0,0,.12);
}
*/
.cart-price-deleted span a:hover i {
    -webkit-transform: scale(1.4);
    color: red;
    cursor: pointer;
}

.sub-total-price table tbody tr {
    line-height: 35px;
}

.sub-total-price table tbody tr td {
    font-size: 13px;
}

.sub-total-price table tbody tr.total-amount {
    line-height: 60px;
}

.go-to-checkout button a {
    color: #fff;
    font-size: 14px;
}

.go-to-checkout button {
    background-color: #20AC76;
    width: 100%;
    border: 1px solid #20AC76;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 2px 0 rgba(0, 0, 0, .12);
    border-radius: 0;
}

.quantity-adder-name {
    padding: 15px;
}

.quantity-adder-name .qty-incres {
    width: 10%;
    float: left;
    /*line-height: 40px;*/
    font-size: 13px;
}

.quantity-adder-name .cart-branch-name {
    width: 44%;
    float: left;
    font-size: 13px;
}

.meal-extra-name span, .meal-extra-name a {
    font-size: 13px;
}

.quantity-adder-name .qty-number {
    width: 16%;
    float: left;
    /*line-height: 35px;*/
    font-size: 13px;
}

.quantity-adder-name .cart-price-list {
    width: 24%;
    float: right;
    text-align: center;
    /*line-height: 35px;*/
}

.qty-number button.add-down.add-action, .qty-number button.add-up.add-action {
    border: 1px solid #cecece;
    margin-right: 3px;
    padding: 2px 5px;
    margin: 4px 3px;
    border-radius: 4px;
    cursor: pointer;
    background-color: transparent !important;
    float: left;
}

.qty-number button.add-down.add-action i, .qty-number button.add-up.add-action i {
    font-size: 10px;
}

.cart-price-list span {
    font-size: 13px;
    /*float: right;*/
}

.cart-price-deleted span a i {
    font-size: 17px;
    float: right;
}

.meal-extra-name {
    padding: 10px 32px;
    border-bottom: 1px solid #ccc;
}

.quantity-adder-name .cart-price-deleted {
    width: 5%;
    float: left;
}

.fa.fa-check.check-mark:before {
    display: none !important;
}

/*.btn-group.bootstrap-select.show-tick.dropup{
	width: 270px!important;
}*/

/*========================================   add-price-popup

======================================*/
.add-price-popup .modal-header {
    background-color: #F8F8F8;
    padding: 10px;
}

.add-price-popup .close {
    font-size: 30px;
    margin-top: 0;
}

.add-price-popup .modal-body {
    background-color: #fff;
}

.add-price-popup .modal-body label.control-label {
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    float: left;
    padding: 5px;
    background-color: #F8F8F8;
    border: 1px solid #e5e5e5;
}

.add-price-popup .modal-body label {
    font-size: 13px;
    line-height: 25px;
}

.add-price-popup .modal-body .form-group .checkbox label input[type=checkbox], .add-price-popup .modal-body
.form-group .radio label input[type=radio] {
    width: 17px;
    height: 17px;
    background-color: #fff !important;
}

.add-price-popup .modal-body .form-group .checkbox input[type="checkbox"]:after {

}

.add-price-popup .modal-body .form-group .checkbox label input:before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.add-price-popup .modal-body .form-group .checkbox label {
    /*padding-left: 10px;*/
}

.add-price-popup .modal-footer {
    background-color: #F8F8F8;
    text-align: center;
}

.add-price-popup .modal-footer button.btn.btn-primary {
    width: 250px;
    padding: 10px 16px;
    font-size: 18px;
    background-color: #20AC76 !important;
    border: 1px solid #20AC76 !important;
    background-image: none;
}

.add-price-popup .modal-footer button.btn.btn-primary.button-add-cart i {
    font-size: 20px;
    margin-right: 10px;
}

.add-price-popup .modal-dialog {
    width: 800px;
}

.add-price-popup .modal-body .radio, .add-price-popup .modal-body .checkbox {
    margin: 5px 0 5px 0;
    padding: 0 8px;
}

/*========================================   Register

======================================*/
.account-profile .parent .image1 {
    border: 1px solid #ddd;
    border-radius: 50%;
}

.account-profile .parent.error .image1 {
    border-color: #a94442;
}

.account-profile .parent .image2 {
    position: absolute;
    top: 60%;
    left: 38%;
    z-index: 10000;
}

.account-profile .parent .image2:focus {
    outline: none;
}

.account-profile .parent {
    margin: 0 auto;
    position: relative; /*cursor: pointer;*/
    display: block;
    width: 200px;
    height: 200px;
}

.account-profile .parent:after {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
    display: none;
}

.account-profile .parent:hover:after {
    display: block;
}

.account-profile .text-danger {
    margin-top: 15px;
}

.account-profile .parent #thumb-image .fa-spin {
    margin-top: 3px;
}

body.account-account h2 {
    margin: 50px 0;
}

ul.account-list {
    margin-top: 50px;
}

ul.account-list li {
    width: 50%;
    float: left;
    padding: 0 15px;
}

ul.account-list li a {
    background: #ff6f00;
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px 10px 12px 0;
    margin-bottom: 15px;
    text-align: center;
}

#modal-agree h2 {
    margin-top: 0;
}

.account-order-info #btn-review {
    float: right;
    margin: 30px 0;
}

.-hotel-area-list {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.-hotel-area-list .breadcrumb li {
    text-shadow: none;
}

.-hotel-area-list .breadcrumb li a, .-hotel-area-list ul.breadcrumb li:last-child a {
    color: #fff;
}

.-hotel-area-list .breadcrumb > li:after, .-hotel-area-list .breadcrumb > li:before {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.restaurant-inner-info .white-bg {
    margin-bottom: 30px;
    background: #fff;
    padding: 30px 0;
    box-shadow: 0 2px 2px #cfcac4;
}

.restaurant-inner-info .white-bg .thumbnail {
    margin-bottom: 0;
}

.text-danger {
    font-size: 13px;
}

.account-register #column-left, .account-login #column-left, .account-forgotten #column-left {
    display: none;
}

body.account-register #content, body.account-login #content, body.account-forgotten #content {
    width: 100%;
    min-height: auto;
    background: none !important;
}

.account-forgotten legend {
    border-bottom: none;
}

body[class^="account-"] {
    background: #f9f5f1;
}

body.checkout-success #content {
    background: #fff;
}

.thanku {
    display: none;
}

body.checkout-success .thanku {
    display: block;
    margin-bottom: 30px;
}

body.checkout-success h1 {
    display: none;
}

body[class^="account-"] .btn {
    border-radius: 0;
    font-size: 14px;
}

body[class^="account-"] #content {
    background: #fff;
}

body[class^="account-"] h2 {
    font-size: 21px;
}

body[class^="account-"] h1 {
    font-size: 23px;
}

body[class^="account-"] #content {
    min-height: auto;
    padding-bottom: 30px;
}

body[class^="account-"] .btn-primary, .checkout-success .btn-primary {
    background: #20ac76;
    border-color: #20ac76;
    padding: 8px 30px;
}

body[class^="account-"] .no-padding-btn .btn-primary, body[class^="account-"] .no-padding-btn .btn-danger {
    padding: 8px 10px;
}

body[class^="account-"] .btn-primary:hover, .checkout-success .btn-primary:hover {
    background: #449d44;
    border-color: #449d44;
}

body[class^="account-"] .btn-default {
    background: #ff6f00;
    color: #fff;
    border-color: #ff6f00;
    padding: 7.5px 30px;
}

body[class^="account-"] .btn-default:hover {
    background: #faa732;
    color: #fff;
    border-color: #faa732;
}

.checkout-success h1 {
    text-align: center;
    font-size: 27px;
}

.checkout-success h2 {
    font-size: 23px;
    margin-bottom: 50px;
}

.account-address td .btn-primary {
    margin: 20px 0 10px 0;
}

.account-address td .btn-danger, .account-address td .btn-primary {
    width: 100%;
}

.sidebar h3, #column-left .list-group a {
    padding-bottom: 0;
    margin-bottom: 3px;
    box-shadow: 0 2px 2px #cfcac4;
    background-color: #fff;
    padding: 10px 15px;
    width: 100%;
    border-radius: 3px;
}

.register-content-page {
    margin: 0 auto;
    display: block;
}

.account-access {
    background: #f8f6f1;
    margin-top: 80px;
    margin-bottom: 80px;
    padding: 20px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}

.privacy-policy a {
    color: #20ac76;
}

.nav-pills > li > a {
    color: #000;
}

.privacy-policy .btn.btn-primary {
    background-color: #20ac76 !important;
    background-image: none;
    width: 100%;
    margin-top: 10px;
    border: 1px solid #20ac76 !important;
    font-size: 16px;
    height: 46px;
    font-weight: 700;
}

.facebook-login button {
    padding: 10px 12px;
    border: 1px solid #2d5073;
    background-color: #3a5898;
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
}

.facebook-login button a {
    color: #fff;
    text-decoration: none;
}

.facebook-login button i {
    /*float: left;*/
    font-size: 18px;
    line-height: 24px;
    margin-right: 10px;
}

.google-login button {
    padding: 10px 12px;
    border: 1px solid #f44335;
    background-color: #f44335;
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
    height: 60px;
}

.google-login button a {
    color: #fff;
    text-decoration: none;
}

.google-login button i {
    /*float: left;*/
    font-size: 18px;
    line-height: 24px;
    margin-right: 10px;
}

/*.facebook-login .or:before{
	content: '';
    display: block;
    position: absolute;
    top: 30%;
    left: 0;
    width: 43%;
    height: 1px;
    border-top: 1px solid #e1e1e1;
}
.facebook-login .or:after{
 	content: '';
    display: block;
    position: absolute;
    top: 30%;
 	right: 0;
    width: 43%;
    height: 1px;
    border-top: 1px solid #e1e1e1;
 }*/
.facebook-login .or, .google-login .or {
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px;
}

#exTab2 {
    padding: 10px 0 20px;
}

#exTab2 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

#exTab2 ul.nav-pills {
    background-color: #eee;
}

#exTab2 .nav-pills > li {
    width: 49.5%;
    float: left;
}

#exTab2 .nav-pills > li > a {
    border-radius: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 15px;
}

.privacy-policy input.policy-check {
    float: left;
    height: 18px;
    width: 18px;
    margin-right: 10px;
}

.account-access .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 16px !important;
}

.account-access .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

.account-access .form-control .form-group.required input {
    font-size: 16px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #20ac76;
    background-color: #fff;
    border-bottom: 2px solid;
}


/*========================================   login

======================================*/
body.account-login, body.account-register, body.account-forgotten {
    background-image: url('../image/login-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.login-access {
    background: #f8f6f1;
    margin-top: 50px;
    margin-bottom: 135px;
    padding: 20px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}

.login-access a {
    color: #20ac76;
}

.login-access h2 {
    margin: 0;
}

.login-access .form-group a {
    color: #20ac76;
    float: right;
    padding: 10px 0;

}

.login-access .btn.btn-primary {
    background-color: #20ac76;
    background-image: none;
    border: 1px solid #20ac76;
    width: 100%;
    font-size: 14px;
}

/*.login-access .facebook-login .or:before{
	content: '';
    display: block;
    position: absolute;
    top: 39%;
    left: 0;
    width: 40%;
    height: 1px;
    border-top: 1px solid #e1e1e1;
}
 .login-access .facebook-login .or:after{
 	content: '';
    display: block;
    position: absolute;
    top: 39%;
 	right:0px;
    width: 40%;
    height: 1px;
    border-top: 1px solid #e1e1e1;
 }*/
.login-access .facebook-login .or {
    text-align: center;
}

.login-access button#guestLogin.btn.btn-primary {
    background-color: #FF0000 !important;
    border: 1px solid #FF0000 !important;
    width: 100%;
    font-size: 16px;
    background-image: none;
    font-size: 16px;
    height: 46px;
    font-weight: 700;
}

.login-access .btn.btn-primary {
    width: 100%;
    font-size: 16px;
    background-color: #20ac76;
    border: 1px solid #20ac76;
    background-image: none;
    font-size: 16px;
    height: 46px;
    font-weight: 700;
}

.account-forgotten .login-access .btn.btn-default {
    color: #777;
    font-size: 14px;
    background: #e7e7e7;
    border-color: #b3b3b3;
}

.account-forgotten .login-access .btn.btn-default:hover {
    color: #777;
    font-size: 14px;
    background: #e7e7e7;
    border-color: #b3b3b3;
}

.account-forgotten .login-access .btn.btn-primary {
    font-size: 14px;
    font-weight: normal;
    height: auto;
}

#exTab1 {
    padding: 0 0 20px;
}

#exTab1 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

#exTab1 ul.nav-pills {
    background-color: #eee;
}

#exTab1 .nav-pills > li {
    width: 49.5%;
    float: left;
}

#exTab1 .nav-pills > li > a {
    border-radius: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 15px;
}

.login-access .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 16px !important;
}

.login-access .form-control .form-group.required input {
    font-size: 16px;
}

/*========================================  cart

===============================================*/
.info-menu-box-right a:hover, .go-to-checkout:hover {
    cursor: pointer;
}

.cart-branch-name span .fa-star {
    color: #ff0000;
    font-size: 15px;
}

.cart-branch-name span.fa-stack {
    position: relative;
    /* display: inline-block; */
    width: 1em;
    height: 1em;
    line-height: 0em;
    vertical-align: baseline;
}

.popup-qty-popup span {
    float: left;
}

.popup-qty-popup input {
    float: left;
    width: 60px;
    /* height: 25px; */
    padding: 8px 0;
    text-align: center;
    margin-left: 10px;
    margin-top: -6px;
}

.popup-qty-popup button {
    float: left;
    width: 30px;
    height: 25px;
}

.popup-qty-price {

}

.cart-error-alert {
    margin-top: 20px;
}


/*========================================   fixed-header

======================================*/
/*#navfx.delivery-section.fixed-header, #navfx2.delivery-section.fixed-header{z-index:10000;}*/
#navfx.delivery-section.fixed-header {
    position: fixed;
    top: 20px;
    display: block;
    z-index: 1;
    border-radius: 2px;
    background-color: #fff;
    /* box-shadow: 0 2px 1px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.02);
   border: .5px solid rgba(0,0,0,.1);
    padding: 16px 15px;*/
}

#navfx2.delivery-section.fixed-header {
    width: 360px;
    position: fixed;
    top: 20px;
    display: block;
    z-index: 1;
}

#navfx3.delivery-section.fixed-header {
    width: 265px;
    position: fixed;
    top: 0;
    display: block;
    z-index: 1;
}

/*footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 250px;
}

footer > div {
    position: absolute;
    width: 100%;
}*/


/*========================================  filter

===============================================*/
ul.filter-list-group li {
    border: 1px solid #ddd;
    padding: 5px;
}

ul.filter-list-group {
    margin-top: 30px;
}

a:focus, .bootstrap-select .dropdown-toggle:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus,
.btn:active:focus, .btn:focus, .bootstrap-select .dropdown-toggle:focus, .select-city .bootstrap-select.form-control
button.btn-default:focus {
    outline: none !important;
    outline: 0 auto !important;
    outline-offset: 0 !important;
}

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


/*========================================  position: sticky;

===============================================*/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.sidebar {
    padding: 0;
    border: none;
    /*background-color: #fff;  */
}

.navbar-default.sidebar .collapse {
    padding: 0;
}

.sidebar h3, #column-left .list-group span.head {
    background: #ff6f00;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    display: block;
    box-shadow: 0 2px 2px #cfcac4;
    margin: 30px 0 5px 0;
}

.content,
.sidebar, .sidebar-cart, .sidebar-menu {
    float: left;
}

/* The sticky */
.sidebar, .sidebar-cart, .sidebar-menu {
    /*noinspection CssInvalidPropertyValue*/
    position: -webkit-sticky;
    border-radius: 0;
    position: sticky;
    top: 0;
}

.restaurant-list .sidebar {
    width: 22%;
}

.select-sort-filter {
    width: 78%;
}

.no-padding { /*padding-left: 0;padding-right: 0;*/
}

.spin-row div .fa-spin {
    margin: 0 auto;
    font-size: 50px;
    display: block;
    width: 100%;
}

.empty-para {
    padding: 30px 15px;
    background: #fff;
}

.white-bg .sidebar-right-search input {
    color: #000;
}

.white-bg .sidebar-right-search input:focus {
    outline: none;
}

#map_canvas {
    height: 500px;
    width: 500px;
    margin: 0;
    padding: 0
}

.sidebar-right-search input {
    width: 100%;
    position: relative;
    color: #fff;
    /*margin-bottom: 20px;*/
    padding-left: 30px;
    height: 55px;
    font-size: 16px;
    background: none;
    border: none;
}

.bottom-block .block-list:hover .sidebar-right-search input, .bottom-block .white-bg {
    color: #000;
    outline: none !

important;
    height: 54px; /*border:1px solid #ddd;box-shadow: 0 0 10px #ddd;*/
}

.sidebar-right-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}

.sidebar-right-search input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

.sidebar-right-search input:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}

.sidebar-right-search input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.bottom-block .block-list:hover .sidebar-right-search input::-webkit-input-placeholder, .bottom-block .white-bg
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000;
}

.bottom-block .block-list:hover .sidebar-right-search input::-moz-placeholder, .bottom-block .white-bg input::-moz-placeholder { /* Firefox 19+ */
    color: #000;
}

.bottom-block .block-list:hover .sidebar-right-search input:-ms-input-placeholder, .bottom-block .white-bg input:-ms-input-placeholder { /* IE 10+ */
    color: #000;
}

.bottom-block .block-list:hover .sidebar-right-search input:-moz-placeholder, .bottom-block .white-bg input:-moz-placeholder { /* Firefox 18- */
    color: #000;
}

.sidebar-right-search .fa-search {
    position: absolute;
    top: 18px;
    left: 10px;
}

#restaurant-list {
    margin-top: 5px;
}

.search-bar {
    padding: 0;
}

.search-bar .fa-times {
    margin: 0;
    padding: 0;
    cursor: pointer;
    line-height: 54px;
    width: 10%;
    text-align: center;
    border-left: 1px solid #ddd;
}

.width-spec {
    width: 100%;
}

.block-list {
    cursor: pointer;
}

.block-list.map-block {
    padding: 0;
}

.block-list.map-block .map-click {
    width: 80%;
    float: left;
    padding-left: 15px;
}

.block-list.map-block i.fa-times {
    width: 20%;
    float: right;
    margin: 0;
    line-height: 55px;
    text-align: center;
}

.block-list.sorting {
    padding: 0;
}

#map-content {
    padding: 30px 15px;
    background: white;
    display: none;
}

.block-list.sorting .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

/*============================================   Checkout latest

===============================================*/
.form-control {
    border-radius: 0;
}

.food-check-out .panel-default .panel-heading {
    padding: 10px 15px;
    background-color: transparent !important;
}

.food-check-out .panel-heading h4, .food-check-out .panel-heading h5 {
    margin: 0;
}

.food-check-out .panel-heading h5 a {
    color: #00903A;
    text-decoration: none;
}

.store-order-summary .store-time-open strong {
    color: #F58723;
}

.store-order-summary table {
    margin-bottom: 0;
}

.store-order-summary table tbody tr td {
    vertical-align: middle;
}

.store-order-summary table thead {
    background-color: #f5f5f5;
}

.address {
    margin-bottom: 0 !important;
}

label input[type="radio"] ~ i.fa.fa-circle-o {
    color: #c8c8c8;
    display: inline;
}

label input[type="radio"] ~ i.fa.fa-dot-circle-o {
    display: none;
}

label input[type="radio"]:checked ~ i.fa.fa-circle-o {
    display: none;
}

label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
    color: #FF7A0A;
    display: inline;
}

label:hover input[type="radio"] ~ i.fa {
    color: #FF7A0A;
}

.latest-radio input[type="radio"], .pay-cart-type input[type="radio"] {
    display: none;
}

.latest-radio label span, .pay-cart-type label span {
    display: inline-block;
    padding: 6px 12px;
    line-height: 8px;
    vertical-align: top;
    cursor: pointer;
    background-color: transparent;
}

.pay-order-code input {
    border: none;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    text-align: center;
}

.pay-order-code input:focus, .pay-order-code input:hover {
    box-shadow: none;
    outline: 0;
}

.pay-order-code .panel-body .redmme input {
    margin-right: 10px;
    height: 34px;
}

.pay-order-code .panel-body .redmme {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.pay-order-code .panel-body button, .pay-order-code .panel-body button:focus, .pay-order-code .panel-body button:hover {
    border: 1px solid #008F3C;
    background-color: #fff;
    color: #008F3C;
    outline: 0;
    box-shadow: none;
}

.pay-order-code ul li {
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 10px;
    box-shadow: 0 0 3px rgba(33, 33, 33, .2);
    transition: box-shadow .3s;
}

.final-total {
    line-height: 50px;
}

.panel-body .final-total .btn, .panel-body .final-total .btn:hover, .panel-body .final-total .btn:focus {
    border: 1px solid #008F3C;
    background-color: #008F3C;
    color: #fff;
    padding: 10px;
    border-radius: 0;
}

.final-total table {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.latest-radio .form-group .input-group.date, .latest-radio .form-group .input-group {
    margin-top: 22px;
}

.latest-radio .form-group .input-group.date {
    margin-right: 10px;
}

.latest-radio h5 {
    margin-top: 20px;
}

.table-borderless td,
.table-borderless th {
    border: 0 !important
}

.store-order-summary table tbody tr td a {
    color: #666;
}

.panel-default > .panel-heading {
    background-color: #fff;
}

.food-check-out {
    /*box-shadow: 0 0 3px rgba(33,33,33,.2);    */
}

/*============================================   Raja style

===============================================*/
.delivery-section ul li, .delivery-section ul li a {
    font-size: 13px;
    text-transform: uppercase;
}

.choices-product b, .popup-qty-popup b, .popup-qty-price b {
    font-size: 16px;
}

.popup-qty-price span.red-price b, b.red-price {
    color: #FF0000;
}


.owl-item .item img {
    /*width: 100%;
    float: left;*/
}

#restaurant-list .product-layout.product-list {
    /*margin-top: -19px;*/
}

.ribbon.new {
    position: absolute;
    left: -3px;
    top: 0;
    z-index: 75;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon.new span {
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 13px;
    transform: rotate(-43deg);
    width: 63px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#FF0000 0%, #FF0000 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 9px;
    left: -12px;

}

.ribbon.new span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #FF0000;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #FF0000;
}

.ribbon.new span::before {
    content: '';
    position: absolute;
    right: 0%;
    top: 100%;
    z-index: -1;
    border-right: 3px solid #FF0000;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #FF0000;
}

/*.ribbon.new span::after {
  content: "hi";
}*/
/*========================================  restaurant-form

===============================================*/
body.information-restaurant {
    background-image: url("../image/form-bg.jpg");
    background-attachment: fixed;
    background-size: cover;
}

body[class^="account-"] table {
    font-size: 14px;
}

body[class^="account-"] .head-bg, .head-bg {
    background: url(../image/account-bg.jpg);
    height: 300px; /*background-repeat: no-repeat;*/
    background-size: cover;
    background-position: 0 -88px;
    margin-bottom: 30px;
    /*margin-top: -50px;*/
}

.head-bg .breadcrumb > li a, .head-bg ul.breadcrumb li:last-child a {
    color: #fff;
}

.head-bg .breadcrumb > li:after, .head-bg .breadcrumb > li:before {
    border-color: #fff;
}

/*body[class^="account-"] header{background-color: #09091a;}*/
.information-restaurant #top-links a, .information-restaurant #top-links ul li.language button {
    color: #444;
}

body[class^="account-"] #top-links > li > a {
    color: #fff;
}

body[class^="account-"] #column-left .list-group span.head {
    margin-top: 0;
}

.information-restaurant #top-links > li:hover > a {
    color: #20ac76;
}

.add-hotel {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    background: #fff;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}

.add-hotel h1 {
    margin: 0;
    text-align: center;
    padding-bottom: 10px;
}

.add-hotel h6 {
    margin: 0 0 20px 0;
    background: #f5f5f5;
    padding: 20px 30px 20px;
    text-align: left;
    font-size: 21px;
}

.information-restaurant #content {
    min-height: auto;
}

.add-hotel .form-horizontal .control-label {
    text-align: left;
    margin-bottom: 5px;
}

.add-hotel input {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 0;
    height: 50px;
    padding: 0 10px;
    width: 100%;
    color: #000;
    font-family: inherit;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 100%;
}

.add-hotel button .btn.btn-primary {
    background-color: #ff6f00;
    background-image: none;
}

.add-hotel .buttons input.btn-primary, .add-hotel .buttons input.btn-primary:hover, .add-hotel .buttons input.btn-
primary:active,
.add-hotel .buttons input.btn-primary.active, .add-hotel .buttons input.btn-primary.disabled,
.add-hotel .buttons input.btn-primary[disabled] {
    background-color: #ff6f00;
    background-image: none;
    border-color: #ff6f00;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

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

carousel===================================================== */
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control {
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
    display: none;
}

/* Previous button  */
#quote-carousel .carousel-control.left {
    left: -12px;
}

/* Next button  */
#quote-carousel .carousel-control.right {
    right: -12px !important;
}

/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0;
    margin-right: -19px;
}

/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
    background: #c0c0c0;
}

#quote-carousel .carousel-indicators .active {
    background: #333333;
}

#quote-carousel img {
    /*width: 250px;
  height: 100px*/
}

/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.blockquote .span.customer-name {
    color: #ff6f00 !important;
}

.customer-review {
    margin-top: 15px;
}

.customer-review small {
    margin-bottom: 10px;
}

.customer-review p {
    line-height: 23px;
}

.testimonial {
    background-color: #fff;
}

/*==================================================== shipr-kiwis */
.slider-wrap {
    background: #f8f8f8;
    padding: 30px 0;
    background-image: url(../image/food-app-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.slider-wrap .app-btns {
    float: left;
    margin-top: 15px;
}

.slider-wrap .owl-carousel {
    background: none;
    margin-top: 50px;
}

.slider-wrap .owl-carousel .owl-wrapper-outer {
    box-shadow: none;
}

.slider-wrap .owl-carousel .img-text h2 {
    font-size: 40px;
    line-height: 50px;
    margin: 70px 0 0 0;
    display: inline-block;
    width: 80%;
}

.slider-wrap .owl-carousel .owl-prev i, .slider-wrap .owl-carousel .owl-next i {
    color: #fff;
    font-size: 30px;
    margin: 0;
    line-height: 45px;
}

.slider-wrap .owl-pagination {
    position: absolute;
    bottom: 23%;
    right: 45.5%;
    top: auto;
}

.slider-wrap .owl-controls .owl-page {
    margin: 0 3px;
}

.slider-wrap .owl-carousel .owl-buttons div {
    opacity: 0;
}

.slider-wrap .owl-carousel:hover .owl-buttons div {
    opacity: 0.5;
}

.slider-wrap .owl-carousel .owl-buttons div:hover {
    opacity: 1;
}

.slider-wrap .owl-carousel .owl-prev:hover, .slider-wrap .owl-carousel .owl-next:hover {
    background: #20ac76;
}

.slider-wrap .owl-carousel .owl-prev, .slider-wrap .owl-carousel .owl-next {
    width: 45px;
    height: 45px;
    background: #ff6f00;
    line-height: 60px;
    text-align: center;
    border-radius: 2px;
}

.slider-wrap .owl-carousel .img-text img {
    float: right;
    /*margin: 0 auto;*/
}


.shipr-kiwis {
    /*box-shadow: 0 8px 6px -6px black;*/
    padding: 50px 0;
    display: block;
    float: left;
    width: 100%;
}

.shipr-kiwis img {
    /*width: 50%;*/
    position: absolute;
    right: 0;
    top: 0;
}

.kiwis {
    position: relative;
}

.kiwis h3 {
    font-size: 30px;
    margin: 0 0 25px;
}

.kiwis p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 20px;
    width: 90%;
}

.kiwis button {
    background-color: #ff6f00;
    margin: 0 auto;
    float: none;
    display: block;
}

.kiwis button,
.kiwis .btn-default,
.kiwis .btn-default.active,
.kiwis .btn-default.focus,
.kiwis .btn-default:active,
.kiwis .btn-default:focus,
.kiwis .btn-default:hover {
    background-color: #ff6f00;
    border-color: #ff6f00;
    background-image: none;
    color: #fff;
    padding: 10px 40px;
    font-size: 18px;
}

/*====================================================   home-footer

=============================================*/
.home-footer {
    padding: 50px 0;
    background: #f7f7f7;
    display: block;
    float: left;
    width: 100%;
}

.home-footer p {
    font-size: 16px;
    line-height: 25px;
    width: 85%;
}

.home-footer .btn {
    font-size: 16px;
    margin-top: 15px;
}

.home-footer-left, .home-footer-right {
    padding: 0;
}

.home-footer-left img, .home-footer-right img, .home-footer-center img {
    width: 100%;
    height: 300px;
}

/*.home-footer-center img{
	height: 300px;
	width: 100%;
}*/
.home-footer-left, .home-footer-center, .home-footer-right {
    position: relative;
}

.home-footer-left .home-contact, .home-footer-right .home-contact {
    position: absolute;
    top: 30%;
}

.home-footer-center .home-contact {
    position: absolute;
    top: 30%;
}

.home-footer-left .home-contact strong, .home-footer-center .home-contact strong, .home-footer-right .home-contact strong {
    width: 100%;
    float: left;
    line-height: 33px;
    font-size: 22px;
    margin-bottom: 10px;
    color: #fff;
}

.home-footer-left .home-contact button, .home-footer-center .home-contact button, .home-footer-right .home-contact button {
    background-color: #ff6f00;
    border: 1px solid #ff6f00;
    background-image: none;
    color: #fff;
    padding: 10px 40px;
    font-size: 18px;
    border-radius: 30px;
}

.billing-details-left .media-left i, .billing-details-right .media-left i {
    font-size: 20px;
}

.billing-details-left, .billing-details-right {
    border: 1px dotted #ddd;
    padding: 20px 10px;
    margin-left: 40px;
    margin-bottom: 20px;
}

.billing-details-left:hover, .billing-details-right:hover {
    box-shadow: 0 2px 8px #d4d5d9;
    cursor: pointer;
}

.billing-details-left .media-right button, .billing-details-right .media-right button {
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    border-radius: 0;
}

.billing-details-left .media-right .btn-success:hover, .billing-details-left .media-right .btn-success:active, .billing-
details-left .media-right .btn-success.active {
    box-shadow: none;
}

.billing-details-top {
    box-shadow: 0 2px 8px #d4d5d9;
    padding: 20px;
    margin-bottom: 20px;
}

.details-top-left p {
    margin-bottom: 0;
}

.details-top-right a {
    font-size: 16px;
    color: #60b246;
    font-weight: 600
}

.billing-details-bottom {
    margin-bottom: 20px;
}

.details-top-right button {
    margin-left: 10px;
    font-weight: bold !important;
    font-size: 14px;
}

/*==========  checkout=*/
.checkout-checkout {
    background-color: #F5F5F5;
}

.checkout-checkout header, .common-success header, body[class^="information-"] header, .account-fb header,
body.account-google header {
    background: #09091a !important;
}

body.information-restaurant header {
    background: none;
}

.checkout-checkout #accordion .panel-default {
    box-shadow: 0 2px 4px 0 rgba(40, 44, 63, .1);
    margin: 0;
    border: none;
}

.checkout-checkout .input-group.date {
    margin-bottom: 20px;
}

.choose-date {
    margin: 10px 0;
}

.panel-title a {
    text-decoration: none;
}

.details-top-right button.btn.btn-primary, .details-top-right button.btn.btn-primary:focus,
#button-shipping-datetime.btn.btn-primary, #button-shipping-datetime.btn.btn-primary:focus,
#button-payment-method.btn.btn-primary, #button-payment-method.btn.btn-primary:focus,
#button-pickup-method.btn.btn-success, #button-pickup-method.btn.btn-success:focus {
    background-color: #20AC76;
    border: 1px solid #20AC76;
    background-image: none;
    border-radius: 0;
}

.details-top-right button.btn.btn-default, .details-top-right button.btn.btn-default:focus,
.media-billing button.btn.btn-success, .media-billing button.btn.btn-success:focus,
#button-payment-cancel.btn.btn-default, #button-payment-cancel.btn.btn-default:focus {
    background-color: #ff6f00;
    border: 1px solid #ff6f00;
    background-image: none;
    border-radius: 0;
    color: #fff;
    text-shadow: none;
}

.billing-details-left .media-right button {
    background-color: #ff6f00;
    color: #60b246;
}

.billing-details-right #button-add-address.btn.btn-success, #payment-new .btn.btn-success {
    background-color: #20AC76;
    border: 1px solid #20AC76;
    background-image: none;
    border-radius: 0;
}

.checkout-checkout #restaurant-cart {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 65px;
    background-color: #fff;
    /*padding: 10px;*/
}

.checkout-checkout #restaurant-cart .checkout-cart, .checkout-checkout #restaurant-cart .sub-total-price {
    padding: 10px;
}

.checkout-checkout #restaurant-cart .sub-total-price {
    /*padding: 0 55px;  */
}

.checkout-cart {
    height: 200px;
    overflow-y: auto;
}

.checkout-cart::-webkit-scrollbar {
    width: 5px;
    height: 2px
}

.checkout-cart::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.checkout-cart::-webkit-scrollbar-thumb {
    background-color: #36475a;
    outline: 1px solid #708090
}

.checkout-cart::-webkit-scrollbar {
    /*display: none;*/
    /*min-height: 250px;
	overflow-y: scroll;*/
}

.checkout-cart-top {
    box-shadow: 0 2px 4px 0 rgba(40, 44, 63, .1);
    padding: 5px;
}

.checkout-cart-top img {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    float: left;
    border: 1px solid rgb(229, 237, 236);
}

.checkout-cart-head {
    float: left;
    padding: 5px 10px;
}

.checkout-cart-head .store-name {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
    font-weight: 500;
    text-transform: capitalize;
}

.checkout-cart-head .area-name {
    font-size: 12px;
    color: #93959f;
}

.checkout-checkout .panel-heading {
    border-bottom: 1px solid rgb(229, 237, 236);
    background: white;
    padding: 24px;
    position: relative;
}

.checkout-checkout h4.panel-title {
    font-size: 18px;
}

.checkout-checkout h4.panel-title i {
    font-size: 20px;
    -webkit-text-stroke: 2px white;
    float: right;
    color: #333;

}

.checkbox + .checkbox, .radio + .radio {
    margin-top: 0;
}

.checkout-checkout .radio {
    margin: 0;
}

.panel-group .panel {
    border-radius: 0;
}

/*.checkout-checkout #collapse-checkout-confirm.go-to-checkout button{
	background-color: #e9ecee;
	border:1px solid #e9ecee;
	color: #333;
	box-shadow: 0 2px 4px 0 rgba(40,44,63,.1);
	font-weight: bold;
}*/
.btn.checkout-right-cart {
    background-color: rgb(189, 189, 189);
    border: 1px solid rgb(189, 189, 189);
    color: rgb(255, 255, 255);
    font-weight: 600;
}

.checkout-mobile {
    margin-right: 35px;
}

.checkout-checkout .panel-heading i {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    color: #20AC76;
    /*-webkit-text-stroke: 2px;*/
}

.radio label {
    margin-bottom: 10px;
}

.featured-top-store .product-layout.product-list {
    /*min-height: 175px;*/
    height: 167px;
    margin-bottom: 20px;
    box-shadow: 0 0 23px #ddd;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    border: none;
}

.featured-top-store .product-layout.product-list .product-thumb {
    border-bottom: none;
}

.featured-top-store .product-layout.product-list .product-thumb:hover {
    box-shadow: none;
    background: transparent;
}

.caption.featured-top-product .center-img .media-left img {
    width: 75px;
    height: 75px;
}

.caption .title-overlay .thumbnail {
    margin-bottom: 0;
}

.caption.featured-top-product .title-overlay {
    height: 115px;
    box-shadow: 0 0 23px #ddd;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 15px;
    overflow: hidden;
}

.feature-product-price {
    border-left: 1px solid #ccc;
}

.feature-product-price span {
    float: right;
    font-size: 14px;
    font-weight: bold;
}

.feature-product-price .addToCart.showhim {
    width: 100%;
}

.feature-product-price .addToCart.showhim .btn.add-icon-add {
    float: right;
}

.feature-product-price span.prepar-time-mins, .feature-product-price span.prepar-time-mins i {
    font-size: 12px;
    font-weight: normal;
}

.feature-product-price .showhim:hover .product-price-add {
    float: right;
}

.featured-top-store h3::after, .featured-top-product h3::after {
    content: '';
    display: block;
    margin: 0 auto;
    height: 40px;
    text-align: center;
    width: 30%;
    background: url(../image/menu-top.png) no-repeat center center;
}

.home-footer .media-right h3 {
    margin-top: 0;
}

.information-restaurant #top-links a {
    color: #fff;
}

#top-links .dropdown-menu a {
    color: #444;
}

.ui-timepicker-wrapper {
    width: 100px;
}

#mini-cart-total tr td:last-child {
    padding-right: 35px;
}

.-hotel-area-list .white-bg, .-hotel-area-list .menu-page-inner .media-right h1 {
    color: #fff;
}

.info-menu-box {
    position: relative;
    top: -59px;
}

.info-menu-box ul.nav.nav-tabs li.active a {
    color: #dc1c22;
    border: none;
    background-color: #fff;
}

.info-menu-box ul.nav-tabs li a {
    color: #444;
    box-sizing: border-box;
    height: 60px;
    white-space: nowrap;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: #f6f6f6;
    margin: 0;
    line-height: 55px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

.mobile-app {
    float: left;
    position: fixed;
    background: white;
    z-index: 5;
    width: 100%;
    padding: 10px;
    box-shadow: 0 10px 13px rgb(206 212 237 / 30%) !important;
}

.mobile-app-logo {
    float: left;
    margin-right: 15px;
    width: 25%;
}

.mobile-app-logo img {
    width: 100%;
    float: left;
}

.mobile-app-right {
    width: 65%;
}

.mobile-app-right h5 {
    font-family: Roboto, sans-serif;
    font-size: 20px;
}

.mobile-app-right img {
    width: 50%;
    float: left;
}

#close {
    border: 1px solid;
    width: 25px;
    height: 25px;
    float: right;
    font-size: 20px;
    border-radius: 50%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

/*.cookie-bottom {*/
/*    align-items: center;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    padding: 30px;*/
/*}*/
.cookiealert a {
    text-decoration: underline;
    color: #ffffff;
}

.cookie-bottom {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 30px;
}

button.acceptcookies {
    padding: 7px 20px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.cookie-bottom .media-left a {
    color: #FF6F00
}


.cod-popup2 .modal-content {
    border-radius: 20px;
    width: 500px;
    margin: 0 auto;
}

.cod-popup2 .modal-dialog {
    margin: 100px auto;
}

.cod-popup2 button.close {
    font-size: 30px;
}

.cod-popup2 .modal-content .modal-body .cod-popup-inner {
    padding: 50px 10px;
}

.cod-popup-inner i {
    font-size: 30px;
    margin-bottom: 15px;
}


/*========================================  responsive

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

@media (min-width: 1300px) {
    .container {
        width: 1270px;
    }
}

@media (min-width: 200px) and (max-width: 991px) {
    .panelClass .caption .media-left, .restaurant-inner-info .media-right {
        display: inline-block;
    }

    .panelClass .caption .media-left {
        margin-bottom: 15px;
    }

    .product-price {
        width: 100%;
    }

    .home-footer .btn {
        margin-bottom: 30px;
    }

    .panelClass .caption .media-left {
        width: 25%;
        float: left;
    }

    .panelClass .caption .media-right {
        width: 75%;
        float: left;
    }

    .center-img {
        width: 100%;
        float: left;
    }

    .menu-page-right {
        margin-top: 0;
    }

    .pick-up-three .media-left, .pick-up-two .media-left {
        float: left;
        width: 20%;
    }

    .pick-up-three .media-right, .pick-up-two .media-right {
        float: left;
        width: 80%;
    }

    .-hotel-area-list:before {
        height: 350px;
    }
    .-hotel-area-list {
        height: 350px !important;
    }

    #productOptions.modal {

        margin: 0 -5px;
        left: -5px;
    }

    .add-price-popup .close {
        margin-right: 20px;
    }

}

@media (min-width: 200px) and (max-width: 767px) {
    header {
        float: left;
        width: 100%;
    }

    .item blockquote {
        padding: 0;
    }

    .home-footer p {
        width: 100%;
    }

    .slider-wrap .owl-carousel {
        margin-top: 0;
    }

    .bottom-block i {
        font-size: 14px;
    }

    .restaurant-list .sidebar, .select-sort-filter {
        width: 100%;
    }

    .select-country h2 {
        font-size: 18px;
    }

    .bottom-block span {
        font-size: 14px;
    }

    .block-list.sorting .dropdown-menu {
        left: auto;
        right: 0;
    }

    .select-country button.fltr-btn {
        width: auto;
    }

    .restaurant-list .select-city input#input-address {
        font-size: 16px;
        width: 90%;
    }

    .select-city input#input-address, .select-country button#button-submit.btn-primary {
        height: 40px;
        margin-bottom: 10px;
    }

    .common-home .select-city input#input-address, .common-home .select-country button#button-submit.btn-primary {
        margin-bottom: 10px;
    }

    #button-submit {
        display: block;
        margin: 0 auto;
    }

    .slider-wrap .owl-carousel .img-text h2 {
        font-size: 16px;
        line-height: 25px;
        margin-top: 0;
        width: 100%;
    }

    .slider-wrap .owl-carousel .owl-buttons .owl-next {
        right: 0;
    }

    .slider-wrap .owl-carousel .owl-buttons .owl-prev {
        left: 0;
    }

    .slider-wrap .owl-pagination {
        bottom: -20px;
    }

    .slider-wrap .owl-carousel .img-text img {
        margin: 0 auto;
        float: none;
    }

    .slider-wrap .app-btns {
        float: none;
        width: 100%;
        text-align: center;
    }

    .slider-wrap .app-btns a {
        margin: 10px 0;
        display: inline-block;
    }

    .home-footer-left img, .home-footer-right img {
        width: auto;
    }

    .home-footer-center img {
        margin: 10px 0;
        width: 100%;
    }

    .top-home h1, .food-fast-app .position-right h2 {
        font-size: 25px;
    }

    .food-fast-app .position-right h4 {
        font-size: 16px;
    }

    .home-footer-left, .home-footer-center, .home-footer-right {
        padding: 0;
    }

    .top-home {
        font-size: 20px !important;
        height: auto;
        margin-top: 0 !important;
    }

    .hotel-area-list, body[class^="account-"] .head-bg, .head-bg {
        margin-top: 0 !important;
    }

    .-hotel-area-list {
        margin-top: -40px !important;
    }

    .top-home p {
        font-size: 18px;
        line-height: 23px;
    }

    .register-content-page .form-group.required {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .top-home .b2c-b2c {
        top: 0;
    }

    .select-country {
        padding: 20px;
    }

    .select-country .select-city { /*height: 46px;*/
    }

    .select-country button.fltr-btn { /*width: 100%;*/
    }

    .food-fast-app .position-left img {
        width: 100%;
    }

    #top-links {
        padding-top: 0;
    }

    #language .btn-group button {
        padding: 8px 0 0 0;
    }

    #language .btn-group ul.dropdown-menu {
        left: auto;
        right: 0;
    }

    .hotel-area-list .select-country {
        margin-top: 0 !important;
    }

    .navbar.navbar-default.sidebar {
        padding: 0 15px;
    }

    .pick-up, .-hotel-area-list .go-back {
        width: auto;
    }

    .menu-page-left .media-right {
        margin-top: 0;
    }

    .searchbar-menu i {
        bottom: 27px;
        top: auto;
    }

    .sidebar-menu, .sidebar {
        position: relative;
    }

    #restaurant-list .product-layout.product-list {
        margin-top: 10px;
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

    .pick-up-fee.media-right {
        padding-top: 8px;
    }

    .product-price .addToCart {
        padding-bottom: 10px;
    }

    .add-price-popup .modal-dialog {
        width: 100%;
    }

    h4.sort-order-right {
        margin-bottom: 0;
    }

    .sidebar button.navbar-toggle, .sidebar button.navbar-toggle:hover, .sidebar button.navbar-toggle:focus {
        position: relative;
        float: right;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: #ff6f00;
        background-image: none;
        padding: 9px 10px;
        border-width: 1px;
        border-style: solid;
        border-color: transparent;
        border-image: initial;
        border-radius: 0;
    }

    .sidebar button.navbar-toggle i {
        color: #fff;
    }

    #list-cuisine {
        margin-top: 15px;
    }

    .caption .from-details span p {
        margin-bottom: 2px;
    }

    .menu-right-page {
        margin-top: 0;
    }

    .info-menu-box-right {
        padding: 0 0 0;
    }

    #restaurant-cart p.text-center {
        margin: 10px;
    }

    .go-to-checkout {
        margin-bottom: 10px;
    }

    .product-list .product-thumb .media-right.caption {
        padding: 10px 10px;
    }

    .feature-product-price {
        border: none;
    }

    .caption.featured-top-product .title-overlay {
        height: auto;
    }

    .feature-product-price {
        float: right;
    }

    .feature-product-price span {
        float: left;
        line-height: 35px;
        margin-right: 5px;
    }

    .feature-product-price .addToCart.showhim {
        width: auto;
    }

    .home-footer .media-left {
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .home-footer .media-right {
        width: 100%;
        float: left;
    }

    .sidebar-right-search input {
        font-size: 14px;
    }

    #tab-review .no-reviews, #tab-menu .no-reviews, #tab-menu, #tab-review {
        height: auto;
    }

    ul.account-list li, .thanku img {
        width: 100%;
    }

    .billing-details-left, .billing-details-right {
        margin-left: 0;
    }

    .ui-timepicker-wrapper {
        width: 100px !important;
    }

    footer {
        margin-top: 20px;
    }

    body[class^="account-"] .head-bg, .head-bg {
        background-position: 0;
        margin-bottom: 0;
    }

    .breadcrumb {
        width: 100%;
        float: left;
        margin: 0 0;
    }

    .info-menu-box {
        top: 0;
    }

    .caption .title-overlay .thumbnail {
        border: none;
    }

    .caption .title-overlay {
        padding: 15px;
        margin-top: 0;
    }

    .caption .from-details span {
        margin-right: 4px;
        padding-right: 4px;
    }

    .cookie-bottom {
        padding: 0 !important;
        display: block !important;
    }

    .cookie-bottom img {
        float: left;
    }

    .checkout-checkout #restaurant-cart {
        margin-top: 30px;
    }

    .modal.cod-popup2 {
        padding-right: 0 !important;
    }

    .cod-popup2 .modal-content {
        width: 100%;
    }
}


@media (min-width: 768px) and (max-width: 1200px) {
    header {
        float: left;
        width: 100%;
    }

    .top-home {
        font-size: 20px !important;
        height: auto;
        margin-top: 0 !important;
    }

    .hotel-area-list, body[class^="account-"] .head-bg, .head-bg, .-hotel-area-list {
        margin-top: 0 !important;
    }

    #language .btn-group ul.dropdown-menu {
        left: auto;
        right: 0;
    }

    .pick-up {
        width: auto;
    }

    .select-country {
        padding: 30px 12px;
    }

    .caption .from-details span:nth-child(2) {
        margin-bottom: 2px;
    }

    .product-list .product-thumb .caption {
        /*min-height: 0;*/
        margin-left: 0;
        padding: 0 0 10px;
    }

    .home-footer .media-left {
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .home-footer .media-right {
        width: 100%;
        float: left;
    }

    .product-thumb .image img {
        width: 100px;
    }

    .product-list .product-thumb .media-right.caption {
        padding: 10px 10px;
    }

    ul.account-list li {
        width: 100%;
    }

    .pick-up-three .media-left, .pick-up-two .media-left {
        width: auto;
    }

    .billing-details-left, .billing-details-right {
        margin-left: 0;
    }

    body[class^="account-"] .head-bg, .head-bg {
        background-position: 0;
        margin-bottom: 0;
    }

    .caption.featured-top-product .title-overlay {
        height: auto;
    }

    .feature-product-price {
        border: none;
        float: right;
    }

    .restaurant-list .sidebar {
        width: auto;
        float: left;
    }

    .select-sort-filter {
        width: 73%;
    }
}


@media (min-width: 200px) and (max-width: 320px) {
    .sort-order-right .bootstrap-select button.btn-default {
        width: 250px;
        margin-left: 68px;
    }

    .pick-up-two, .pick-up-three {
        width: 100%;
        padding: 5px 5px;
    }

    .sort-order-right span.sort-by-order {
        position: absolute;
        top: 12px;
        margin-left: 70px;
        font-size: 14px;
    }

    .product-list .product-thumb .caption {
        padding: 0 10px;
    }

    .from-details span p {
        font-size: 12px;
    }

    .caption .from-details span p i {
        font-size: 15px;
    }

    .caption .from-details span p img {
        width: 15px;
        height: 15px;
    }


}

@media (min-width: 200px) and (max-width: 414px) {
    .info-menu-box ul li a {
        font-size: 14px;
    }

    .product-layout.product-list .product-thumb .media-left.image {
        /*margin: 45px 0;*/
    }

    .pick-up-two, .pick-up-three {
        width: 100%;
    }

    .pick-up-fee.media-right {
        vertical-align: middle;
    }

    .info-menu-box .nav > li > a {
        padding: 6px 6px;
    }

    .breadcrumb > li {
        padding: 0 13px;
    }

}

@media (max-width: 767px) {
    .menu-page-left img {
        width: 80px;
        padding-left: 10px;
        height: auto;
    }

    .menu-page-left .media-right h1 {
        font-size: 15px !important;
    }

    .menu-page-left .media-right p {
        font-size: 12px;
    }

}


.-hotel-area-list {
    margin-top: -50px;
    /*z-index: -1;*/
}


#language button.dropdown-toggle img {
    width: 25px;
    height: 15px;
}


.header-wrap {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    margin: 0 auto;
    background:#FF6F00;
    align-items: center;
}
.header-wrap::after, .header-wrap::before{
    display: none;
}

.header-left .logo {
    width: 50px;
    display: block;
}
.header-right{
    display: flex;
    align-items: center;
    gap: 15px;
}
.header-right a{
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

.header-right .icon-login{
    width: 32px;
    border-radius: 50%;
    background: #fff;
    padding: 3px;
}

.checkout-summary{
    position: sticky;
    top: 0;
}

.footer {
    padding: 30px 0;
}
.footer .container {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 980px) {
    .footer .container {
        flex-direction: column;
        gap: 45px;
    }
}
.footer .container div {
    flex-grow: 1;
}
@media (min-width: 980px) {
    .footer .container div {
        max-width: 25%;
    }
}
.footer .container h3 {
    font-weight: 600;
    margin-bottom: 15px;
}
.footer .container ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.footer .container a {
    color: #eee;
}
.footer .container a:hover {
    text-decoration: underline;
}
.footer .container p {
    color: #aaa;
}

.footer ul{
    list-style-type: none;
    padding: 0;
}
.footer h3{
    color: inherit;
    font: inherit;
    font-size: 1.6rem;
    font-weight: 600;
}

#view_cart{
    position: fixed;
    bottom: 0;
    background: #000;
    border-radius: 21px;
    font-size: 125%;
    padding: 15px;
    min-width: 70%;
    left: 50%;
    translate: -50% -50%;
    border: 0;
    font-weight: 600;
}