/*------------------------------------------------------------------
[Master Stylesheet]

Project: Laboom - Restaurant HTML Template
Version: 1.2
Last change: March 23, 2018
Assigned to: SK Themes
Primary use: Restaurant 
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Typography
2. Typography
3. Header
4. Slider
5. Main Menu
6. Chef
7. Food Hours
8. Client
9. Instagram
10. Footer
11. Map Address
12. Menu Page
13. Gallery Page
14. Blog List With Sidebar
15. Shop Single
16. Shop Cart
17. Shop Checkout
18. Login & Register
19. Contact
20. 404 Page
21. FAQ
22. Terms & Condition
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Color codes]

Background: #ffffff
Content: #7a7676
Header h1 to h6: #383848
Footer: #20202f

a (standard): #e4b95b
a (hover): #383848
a (active): #383848
a (focus): #383848
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Typography]

Body copy: 16px/26px Source Sans Pro, Graviola-Regular, QuicksandBook, jey;
Headers: 15px/42px Source Sans Pro, Graviola-Regular, QuicksandBook, jey;
Input, textarea: 14px 14px/42px Source Sans Pro, Graviola-Regular, QuicksandBook, jey;
Sidebar heading: 18px 14px/42px Source Sans Pro, Graviola-Regular, QuicksandBook, jey;
-------------------------------------------------------------------*/


/* cyrillic */

/* @font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/pEbpp8gu02JrI5SDG9jj6g.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}



 

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/sZoRRDfBcJL9e6dHdMU_Tg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}



 

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/-A4eIjQkAwKL411pgtQ4VA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}



 

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    src: local('Exo 2 Medium'), local('Exo2-Medium'), url(https://fonts.gstatic.com/s/exo2/v4/hJNWOADMCBRrv6g6rvmDLRTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}



 

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    src: local('Exo 2 Medium'), local('Exo2-Medium'), url(https://fonts.gstatic.com/s/exo2/v4/LIOVoUZaNfvKcnPK2sqyzhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
 */










 
/* @font-face {
    font-family: 'jey';
    src: url('../fonts/jey.eot?#iefix') format('embedded-opentype'),
    url('../fonts/jey.woff') format('woff'),
    url('../fonts/jey.ttf') format('truetype'),
    url('../fonts/jey.svg#jey') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff2') format('woff2'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
 */


/*------------------------------------------------------------------
[1. Body ]
------------------------------------------------------------------*/

body {
    margin: 0px;
    padding: 0px;
    /*line-height: 26px;*/
    font-size: 16px;
/*    font-family: 'Source Sans Pro', sans-serif;*/
    
     /*   font-family: "Lato", Helvetica, Arial, sans-serif; */

     font-family: 'Open-Sans', sans-serif;
    font-weight: 400;
    color: #7a7676;
}



/*------------------------------------------------------------------
[2. Typography ]
------------------------------------------------------------------*/

html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    outline: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block;
}

nav ol,
ul {
    list-style: none;
}

ul,
ol {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul li,
ol li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

body ul.list,
body ol.list,
body ul.list li,
body ol.list li {
    list-style: outside none disc;
    margin: 0 0 0 5px;
}

ul.list li,
ol.list li {
    margin-left: 10px;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

blockquote {
    color: #959393;
    font-size: 16px;
    font-style: italic;
    line-height: 26px;
    border-left: 2px solid #e4b95b;
    padding: 15px 20px;
}

a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
    text-decoration: none;
    color: #DC4C46;
}

a:hover,
a:focus {
    color: inherit;
}

a:hover,
a:active,
a:focus {
    outline: none;
    text-decoration: none;
}

ins {
    background-color: #e4b95b;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #e4b95b;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
    outline: none;
}

img {
    max-width: 100%;
}

table {
    width: 100%;
}

tr td,
tr th {
    padding: 5px 10px;
    border: 1px solid #797979;
}

section:after,
section:before {
    clear: both;
    content: "";
    display: table;
}

section {
    clear: both;
    padding: 0;
    position: relative;
}

section.home-icon {
   
    
    padding: 10px 0 70px;
}
}

::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #8a8a8a;
}

:-moz-placeholder {
    opacity: 1 !important;
    color: #8a8a8a;
}

::-moz-placeholder {
    opacity: 1 !important;
    color: #8a8a8a;
}

:-ms-input-placeholder {
    opacity: 1 !important;
    color: #8a8a8a;
}



/* Header Title */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #383848;
    line-height: normal;
    margin: 0 0 16px 0;
    font-weight: 700;
    font-family: 'Open-Sans', sans-serif;
   /* font-family: 'Quicksand', sans-serif;*/
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}



/*------------------------------------------------------------------
[3. Header ]
------------------------------------------------------------------*/

.heade-xs {
    color: #201d1d;
    font-weight: 400;
   
    font-size: 15px;
    margin-bottom: 10px !important;
}

p {
    margin: 0 0 25px 0;
}

.btn-black {
    width: auto;
    display: inline-block;
    border: none;
    box-shadow: none;
    background: black;
    background-size: 100% auto;
    font-size: 16px;
    font-family: 'Quicksand', sans-serif;
    color: #ffffff;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    min-width: 195px;
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-transform: uppercase;
}

.btn-black:hover {
    color: #ffffff;
    background: #d2a749;
    background-size: 100% auto;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.btn-black:focus {
    color: #ffffff;
}

.btn-main {
    width: auto;
    display: inline-block;
    border: none;
    box-shadow: none;
    background: #DC4C46;
    background-size: 100% auto;
    font-size: 16px;
    font-family: 'Quicksand', sans-serif;
    color: #ffffff;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    min-width: 195px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-transform: uppercase;
}

.btn-main:hover {
    color: #ffffff;
    background:#d2a749;
    background-size: 100% auto;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.btn-main:focus {
    color: #ffffff;
}

.btn-big {
    font-size: 26px;
    height: 70px;
    line-height: 70px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

.btn-common {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-align: center;
    width: auto;
    display: inline-block;
    border: none;
    box-shadow: none;
    font-family: 'Quicksand', sans-serif;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-common:focus {
    color: #ffffff;
}

.btn-medium {
    height: 50px;
    line-height: 48px;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    padding: 0px 35px;
    min-width: 170px;
    border: 2px solid #c7a17a;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    box-shadow: none;
    background: transparent;
    color: #e4b95b;
    font-size: 16px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-weight: 700;
}

.btn-dark-coffee {
    background: #372727;
    color: #ffffff;
    border-color: #372727;
}

.btn-skin {
    background: #c7a17a;
    border-color: #c7a17a;
    color: #ffffff;
}

.btn-skin:hover {
    background: #e4b95b;
    color: #ffffff;
    border-color: #e4b95b;
}

.btn-primary-gold {
    background: #e4b95b;
    color: #ffffff;
    border-color: #e4b95b;
    border-radius: 3px;
    font-weight: 700;
    font-family: inherit !important;
    box-shadow: 1px 1px 2px 1px black;
}
 

.btn-primary-gold:hover {
    background: #c7a17a;
    border-color: #c7a17a;
    color: #ffffff;
}

.btn-shadow {
    -webkit-box-shadow: 0 0 20px 0 #dddcd9;
    -moz-box-shadow: 0 0 20px 0 #dddcd9;
    -ms-box-shadow: 0 0 20px 0 #dddcd9;
    -o-box-shadow: 0 0 20px 0 #dddcd9;
    box-shadow: 0 0 20px 0 #dddcd9;
}

.radius-none {
    border-radius: 0px !important;
}

.button-default {
    display: inline-block;
    width: auto;
    padding: 0px 35px;
    min-width: 170px;
    height: 42px;
    border: 2px solid #f4f2ed;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 39px;
    box-shadow: none;
    background: transparent;
    color: #959393;
    font-size: 16px;
    font-family: 'QuicksandBook-Regular';
    font-weight: normal;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.button-default:hover {
    background: #20202f none repeat scroll 0 0;
    color: #ffffff;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="number"] {
    height: 50px;
    width: 100%;
    border: 2px solid #e5e5ee;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 15px;
    padding: 0 30px;
    margin-bottom: 13px;
    outline: none;
    box-shadow: 0 1px 3px 0 #e6ebf1;
}

.build-title {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.build-title h6 {
    color: #9a9a9a;
    font-weight: 400;
   
    font-size: 15px;
}

.icon-default {
    position: absolute;
    left: 50%;
    top: -59px;
    width: 254px;
    background: url('../images/pattern-white.png') no-repeat center center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 59px;
    z-index: 30;
    text-align: center;
    padding: 20px 0 0 0;
}

.btn-primary-gold {
 

    background: #e4b95b;
    color: #ffffff;
    border-color: #e4b95b;
    border-radius: 3px;
    font-weight: 700;
    font-family: inherit !important;
}

.btn-large {
    height: 55px;
    line-height: 55px;
    padding: 0 50px;
}

.icon-black {
    background: url('../images/pattern-black.png') no-repeat center center;
}

.icon-skeen {
    background: url('../images/pattern-skeen.png') no-repeat center center;
}

.icon-gold {
    background: url('../images/pattern-gold.png') no-repeat center center;
}

.icon-dark {
    background: url('../images/pattern-dark.png') no-repeat center center;
}

.banner-bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

 
body main .txt-default {
    color: #DC4C46;
}

.website{

    width: 139px;
    border-radius: 3px !important;
    margin: 10px 0px !important;
    font-size: 15px;
    border: none;
    height: 46px;
    display: inline-flex;
   
    font-size: 14px !important;
    align-items: center;
}
 

.restaurant-icon-19:before {
    content: '\e812';
    /* font-size: 25px; */
    /* width: 25px; */
    /* height: 50px; */
    font-size: 40px;
    padding-left: 0px;
    padding-right: 1px;
}

.invert .build-title h2 {
    color: #DC4C46;
}

.invert .build-title h6 {
    color: black;
}

.invert-black h1,
.invert-black h2,
.invert-black h3,
.invert-black h4,
.invert-black h5,
.invert-black h6,
.invert-black {
    color: black;
}

.bg-prim {
    background-color: #e4b95b;
}

body main .bg-skeen {
    background-color: #f4f2ed;
}



/* Reset Classes For Whole Site */

.pad-top-remove {
    padding-top: 0px !important;
}

.pad-bottom-remove {
    padding-bottom: 0px !important;
}

.v-pad-remove {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.v-pad-small {
    padding: 50px 0;
}

.top-pad-xsmall {
    padding-top: 40px;
}

body main .home-small-pad {
    padding-bottom: 100px;
}

.text-primary {
    color: #e4b95b;
}

.text-white {
    color: #ffffff;
}

.bg-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.Banner-Bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.input-fields {
    border: 2px solid #f4f2ed;
    width: 100%;
    height: 50px;
    padding: 0 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    background: transparent;
    margin-bottom: 20px;
}

label {
    font-weight: normal;
    color: #20202f;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="email"],
input[type="number"] {
    height: 50px;
    width: 100%;
    border: 2px solid #e5e5ee;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 3px;
    padding: 0 30px;
    margin-bottom: 13px;
    outline: none;
    background: #e6e6e6;
    border: 1px solid black;
    color: black;
    box-shadow: 1px 2px 3px 0px;
}

textarea {
    height: 145px;
    padding: 13px 24px;
    width: 100%;
    border: 2px solid #e5e5ee;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    margin-bottom: 29px;
    resize: none;
    outline: none;
    width: 100%;
    /* text-align: center; */
    /* height: 50px; */
    border-radius: 5px;
    vertical-align: middle;
    margin-bottom: 10px;
    border-radius: 5px;
    background: #e6e6e6;
    border: 1px solid black;
    color: black;
    box-shadow: 1px 2px 3px 0px;
}



/* Class support For verticall and Horizontal Spacing */

.ex-margin-bottom {
    margin-bottom: 70px;
}

.margin-top-10 {
    margin-top: 10px;
}

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

.margin-left-10 {
    margin-left: 10px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

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

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

.margin-right-20 {
    margin-right: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-left-50 {
    margin-left: 50px;
}

.margin-right-50 {
    margin-right: 50px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-left-60 {
    margin-left: 60px;
}

.margin-right-60 {
    margin-right: 60px;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-bottom-70 {
    margin-bottom: 70px;
}

.margin-left-70 {
    margin-left: 70px;
}

.margin-right-70 {
    margin-right: 70px;
}

.margin-top-80 {
    margin-top: 80px;
}

.margin-bottom-80 {
    margin-bottom: 80px;
}

.margin-left-80 {
    margin-left: 80px;
}

.margin-right-80 {
    margin-right: 80px;
}



/* Back To Top Arrow */

.top-arrow {
    position: fixed;
    bottom: 50px;
     
    width: 40px;
    height: 40px;
    right: 30px;
    display: none;
    z-index: 99;
    background-size: 40px 40px;
}



/* Loader */

#pre-loader {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9999;
}

#pre-loader .loader-holder:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin: 0 0 0 -5px;
    overflow: hidden;
    vertical-align: middle;
    width: 1px;
}

#pre-loader .loader-holder {
    height: 400px;
    left: 50%;
    margin: -200px 0 0 -200px;
    position: absolute;
    top: 50%;
    white-space: nowrap;
    width: 400px;
}

#pre-loader .loader-holder .frame {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

#pre-loader img {
    display: inline-block;
    margin: 0 0 45px;
}

.alert-dismissible label {
    display: block;
}

.header-part {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.header-part .container {
    position: relative;
}

.header-top {
    float: left;
    width: 100%;
    position: relative;
    background: #e4b95b;
    padding: 15px 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.header-top-inner {
    float: left;
    width: 100%;
    position: relative;
}

.header-top-left {
    float: left;
    width: auto;
   
}

.header-top-left a {
    color: #ffffff;
    display: inline-block;
    width: auto;
    margin-right: 15px;
    vertical-align: bottom;
}

.header-top-left a:last-child {
    margin-right: 0px;
}

.top-cell {
    font-size: 18px;
}

.top-cell span {
    padding-left: 10px;
    vertical-align: bottom;
}

.top-email {
    font-size: 14px;
}

.header-top-right {
    float: right;
    width: auto;
    vertical-align: middle;
}

.social-top {
    display: inline-block;
    width: auto;
}

.social-top ul,
.social-top li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.social-top li {
    display: inline-block;
    width: auto;
    margin-right: 18px;
    vertical-align: middle;
}

.social-top li a {
    display: block;
    font-size: 14px;
}

.header-top-right .social-top li a {
    color: #ffffff;
}

.language-menu {
    display: inline-block;
    width: auto;
   
    font-size: 13px;
    background: #383848;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    position: relative;
}

.language-menu a {
    color: #ffffff;
    display: block;
}

.language-menu ul,
.language-menu li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.language-menu ul {
    right: 0;
    position: absolute;
    top: 64px;
    width: 100%;
    background: #e4b95b;
    display: none;
    padding: 20px 18px;
    min-width: 135px;
    z-index: 32;
    font-size: 13px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
}

.language-menu>ul:after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e4b95b;
    right: 44px;
    position: absolute;
    top: -8px;
    content: "";
}

.language-menu li {
    display: block;
    vertical-align: middle;
}

.language-menu li .fa {
    margin-right: 12px;
    font-size: 15px;
}

.language-menu .current-lang {
    padding: 4px 25px;
}

.language-menu .fa-caret-down {
    padding-left: 17px;
    color: #e4b95b;
    font-size: 16px;
}

.header-bottom {
    float: left;
    width: 100%;
    background: #383848;
    position: relative;
    border-bottom: 6px solid #1b1b29;
}

.menu-main {
    float: left;
    width: 40%;
   
}

.menu-main ul,
.menu-main li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.menu-main li {
    float: left;
    width: auto;
    font-size: 15px;
    margin-right: 25px;
    position: relative;
}

.menu-main li:last-child {
    margin-right: 0px;
}

.menu-main li a {
    display: block;
    position: relative;
    padding: 15px 0 15px 15px;
    color: #ffffff;
}

.menu-main>ul>li>a:before {
    content: "•";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #e4b95b;
    left: 0px;
}



/* Just Conform */

.drop-nav-arrow {
    display: none;
}

.menu-main li.mega-menu {
    position: static;
}

.mega-title {
    color: #20202f;
    font-size: 18px;
    
    display: block;
    margin-bottom: 25px;
}

.mega-position {
    float: right;
    margin-right: -40px;
    margin-bottom: -40px;
    position: relative;
    bottom: -8px;
    margin-top: -100px;
}

.mega-preview {
    position: relative;
    z-index: 1;
}

.mega-position img {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
}



/*.menu-main ul > li.mega-menu .drop-nav:before{
    position: absolute;
    border-bottom: 12px dashed #ffffff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 60px;
    content: "";
    display: inline-block;
}*/

.menu-main ul>li.mega-menu:hover>a:before {
    position: absolute;
    border-bottom: 12px dashed #ffffff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    top: 83px;
    left: 50%;
    content: "";
    display: inline-block;
    margin-left: -6px;
}

.menu-main li.mega-menu .drop-nav {
    min-width: 200px;
    background: #ffffff;
    padding: 40px;
    width: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 100%;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    color: #9e9eab;
    z-index: 99;
    display: none;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(147, 109, 29, 0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(147, 109, 29, 0.3);
    -ms--webkit-box-shadow: 0px 3px 5px 0px rgba(147, 109, 29, 0.3);
    -o--webkit-box-shadow: 0px 3px 5px 0px rgba(147, 109, 29, 0.3);
    box-shadow: 0px 3px 5px 0px rgba(147, 109, 29, 0.3);
    margin-top: 32px;
}

.menu-main ul>li:hover>.drop-nav {
    display: block;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(147, 109, 29, 0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(147, 109, 29, 0.3);
    -ms--webkit-box-shadow: 0px 3px 5px 0px rgba(147, 109, 29, 0.3);
    -o--webkit-box-shadow: 0px 3px 5px 0px rgba(147, 109, 29, 0.3);
    box-shadow: 0px 3px 5px 0px rgba(147, 109, 29, 0.3);
}

.header-near .menu-main li.mega-menu .drop-nav {
    margin-top: 18px;
}

.header-near .menu-main li.has-child .drop-nav {
    margin-top: 18px;
}

.header-near .search-box {
    top: 62px;
}

.header-near .cart-wrap {
    padding-top: 18px;
}

.header-near .menu-main ul>li.mega-menu:hover>a:before {
    top: 69px;
}

.header-near .menu-main ul>li.has-child:hover>a:after {
    top: 62px;
}

.menu-main li.mega-menu .drop-nav:after {
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    top: -34px;
    width: 100%;
}

.menu-main li.mega-menu .drop-nav li a {
    padding-bottom: 0px;
    padding-left: 24px;
    margin-bottom: 12px;
    color: #9e9eab;
}

.menu-main li .drop-nav li a {
    color: #ffffff;
}

.menu-main li.mega-menu .drop-nav li {
    padding-left: 0px;
}

.menu-main li.mega-menu .drop-nav li a {
    padding-top: 0px;
}

.menu-main li.mega-menu .drop-nav li a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
}

.drop-mega-part {
    font-size: 15px;
   
    font-weight: normal;
}

.menu-main li .drop-nav li {
    margin: 0px;
    width: auto;
    display: block;
    float: none;
    padding-left: 28px;
}

.drop-mega-part {
    display: inline-block;
    width: 100%;
}

.menu-main li.has-child .drop-nav li a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
   
}

.drop-has-child>a:after {
    content: "\f101";
    font-family: 'FontAwesome';
    position: absolute;
    right: 12px;
}

.menu-main li.has-child .drop-nav {
    min-width: 200px;
    position: absolute;
    left: 0px;
    top: 100%;
    color: #372727;
    background: #e4b95b;
    z-index: 99;
    padding: 25px 0px 25px 0px;
    font-size: 15px;
   
    font-weight: normal;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    display: none;
    margin-top: 34px;
          

}

.menu-main li.has-child .drop-nav:after {
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    top: -34px;
    width: 100%;
}

.menu-main li.has-child .drop-nav .drop-nav {
    top: -25px;
    left: 100%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(147, 109, 29, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(147, 109, 29, 0.3);
    -ms--webkit-box-shadow: 0px 0px 5px 0px rgba(147, 109, 29, 0.3);
    -o--webkit-box-shadow: 0px 0px 5px 0px rgba(147, 109, 29, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(147, 109, 29, 0.3);
}

.menu-main li.has-child .drop-nav li a {
    padding-bottom: 10px;
    padding-left: 24px;
    padding-top: 0px;
}



/*.menu-main ul > li.has-child > ul.drop-nav:before{
    position: absolute;
    border-bottom: 12px dashed #e4b95b;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 35px;
    content: "";
    display: inline-block;
}*/

.menu-main ul>li.has-child:hover>a:after {
    position: absolute;
    border-bottom: 12px dashed #e4b95b;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    top: 78px;
    left: 50%;
    content: "";
    display: inline-block;
    margin-left: -6px;
}

.menu-icon {
    float: right;
    width: auto;
    display: none;
}

.menu-icon a {
    display: inline-block;
    height: 24px;
    width: 30px;
    margin-top: 20px;
    margin-left: 20px;
    position: relative;
    z-index: 9999;
}

.menu-icon a span {
    background: #ffffff none repeat scroll 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    float: left;
    height: 3px;
    margin: 0 0 5px;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.menu-icon a span:after {
    background: #959393 none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.menu-icon a span.bar-1:after {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.menu-icon a span.bar-2:after {
    -webkit-transition: all 0.5s ease 0.15s;
    -moz-transition: all 0.5s ease 0.15s;
    -ms-transition: all 0.5s ease 0.15s;
    -o-transition: all 0.5s ease 0.15s;
    transition: all 0.5s ease 0.15s;
}

.menu-icon a span.bar-3:after {
    -webkit-transition: all 0.5s ease 0.25s;
    -moz-transition: all 0.5s ease 0.25s;
    -ms-transition: all 0.5s ease 0.25s;
    -o-transition: all 0.5s ease 0.25s;
    transition: all 0.5s ease 0.25s;
}

.menu-icon a:hover span:after {
    width: 100%;
}

.menu-icon a.open span:after {
    width: 100%;
    background: #ffffff;
}

.menu-icon a.open .bar-1 {
    -webkit-transform: rotate(-45deg) translate(-7px, 4px);
    -moz-transform: rotate(-45deg) translate(-7px, 4px);
    -ms-transform: rotate(-45deg) translate(-7px, 4px);
    -o-transform: rotate(-45deg) translate(-7px, 4px);
    transform: rotate(-45deg) translate(-7px, 4px);
}

.menu-icon a.open .bar-2 {
    opacity: 0;
}

.menu-icon a.open .bar-3 {
    -webkit-transform: rotate(45deg) translate(-7px, -4px);
    -moz-transform: rotate(45deg) translate(-7px, -4px);
    -ms-transform: rotate(45deg) translate(-7px, -4px);
    -o-transform: rotate(45deg) translate(-7px, -4px);
    transform: rotate(45deg) translate(-7px, -4px);
}



/*Just Conform*/

.logo {
    float: left;
    width: 20%;
    text-align: center;
}

.logo>a {
    left: 50%;
    position: absolute;
    top: -58px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 138px;
    z-index: 30;
}

.header-info {
    float: right;
    width: 40%;
    position: relative;
    padding: 15px 0 13px 0;
}

.header-info-inner {
    float: right;
    width: auto;
}

.header-collect {
    display: inline-block;
    width: auto;
    margin-right: 32px;
    font-size: 15px;
   
    vertical-align: middle;
}

.header-collect a {
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
}

.header-collect img {
    margin-right: 15px;
}

.search-part {
    display: inline-block;
    width: auto;
    margin-left: 8px;
    vertical-align: middle;
}

.search-part>a {
    background: url('../images/icon-zoom.png') no-repeat right 0;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: bottom;
}

.search-part.active>a {
    background: url('../images/close.png') no-repeat right 0;
}

.search-box {
    position: absolute;
    top: 70px;
    right: 0px;
    width: 100%;
    background: #e4b95b;
    height: 50px;
    color: #ffffff;
   
    font-size: 14px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    display: none;
    z-index: 30;
}

.search-box input[type="text"] {
    width: 100%;
    height: 50px;
    background: #e4b95b;
    color: #ffffff;
   
    font-size: 14px;
    border: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    padding: 0 64px 0 34px;
}

.search-box ::-webkit-input-placeholder {
    color: #ffffff !important;
}

.search-box :-moz-placeholder {
    color: #ffffff !important;
}

.search-box ::-moz-placeholder {
    color: #ffffff !important;
}

.search-box :-ms-input-placeholder {
    color: #ffffff !important;
}

.search-box input[type="submit"] {
    background: none;
    width: 28px;
    height: 28px;
    border: none;
    box-shadow: none;
    background: url('../images/icon-zoom.png') no-repeat right 0;
    position: absolute;
    right: 30px;
    margin-top: 11px;
    top: 0px;
}

.modal-backdrop.in {
    opacity: 0.8;
}

.modal-backdrop {
    background-color: #21202f;
}

.modal .close {
    height: 42px;
    width: 42px;
    position: absolute;
    top: -1px;
    right: 0;
    background: #333 url(../images/close.png) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    background-size: 18px 18px;
    text-indent: -10000px;
    z-index: 999;
    border: 3px solid #DC4C46;
}
 
.modal {
    text-align: center;
    padding: 0!important;
    max-width:670px;
    width:auto;
    }
    
    .modal:before {
    content: '';
    display:  inline;
    height: 100%;
    vertical-align: middle;
 
    }
    
    .modal-dialog {
    /* display: inline; */
    text-align: left;
    vertical-align: middle;
    }
    
.modal-dialog {
  
   max-width:850px;
    width:auto;
  
}
    .close_new{
        position: absolute;
        right: -3px;
        top: -6px;
        background: none;
        border: none;
        z-index: 9;
    }

    .close_new2{
        position: absolute;
        right: 0px;
        top: -10px;
        background: none;
        border: none;
        z-index: 9;
        padding: 4px 0;
    }
 
body.modal-open {
    overflow: inherit;
    padding-right: 0 !important;
}
 

.modal-body {
    padding: 3px 6px 5px;
    min-height:326px;
}

.modal-content {
    box-shadow: none !important;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.table-title {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
}

.booktable .jq-selectbox {
    margin-bottom: 30px;
}

.booktable input[type="text"],
.booktable input[type="email"] {
    margin-bottom: 30px;
}

.booktable .btn-big {
    width: 100%;
    margin-top: 14px;
}

.booktable .jq-selectbox__dropdown {
    top: 55px !important;
}

.book-sm {
    display: none;
}


.closeButtonCart{

    border:none;
    height: 30px;
    width: 30px;
    position: absolute;
     top: -1px; 
    right: 0;
    background: #DC4C46 url('../images/close.png') no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    background-size: 18px 18px;
    text-indent: -10000px;
    z-index: 1;
}

#basketShow{

    height: 20px;
}

.cart-wrap:before {
    height: 22px;
    position: absolute;
    left: 0px;
    width: 100%;
    top: -22px;
    content: "";
    display: inline-block;
}

 

.cart-wrap {
    position: absolute;
    top: 100%;
    right: 0px;
    width: auto;
    padding-top: 25px;
    z-index: 99;
    display: none;
    max-width:376px;
    
   
}

.shop-cart:hover .cart-wrap {
    display: inline-block;
} 

.shop-cart:hover .cart-blog:before {
    position: absolute;
    border-bottom: 8px dashed #ffffff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: 0;
    right: 35%;
    content: "";
    display: inline-block;
    margin-top: -8px;
    margin-left: -8px;
    z-index: 99;
}

.cartMainButtons{

    height: 36px;
    line-height: 36px;
    min-width: 163px;
    /* max-width: 80px; */
    width: 100%;
    /* display: table-cell; */
}

.cart-blog {
    background: #ffffff;
    min-width: 320px;
    padding: 0 5px;
    color: #20202f;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    position: relative;
    z-index: 99;
}

.cartpopupitems{
    padding: 5px 15px 5px 13px;
    position: relative;
    max-height: max-content;
    overflow-y: auto;
  
    max-height: 491px;
    overflow-x: hidden;

    height: -webkit-fill-available; 
    height: -moz-available; 
    height: stretch;
    height: -webkit-min-content;
}

.cart-item {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 7px;
    border-bottom: 1px solid #d1c4c4;
    width: 100%;
    margin-top: 0px;
    padding-bottom: 3px;
    padding-left: 0;
    padding-right: 0;
    min-height: 60px;
}

.cart-item:last-child {

    border:none !important;
}

.cart-item-left {
    display: table-cell;
    width: 66px;
    vertical-align: middle;
}

.cart-item-right {
    padding-left:2px;
    display: table-cell;
    vertical-align: middle;
  
}

.cart-blog h6 {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    font-weight: 600;
 
}

.cart-blog span {
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    font-weight: 600;
    font-family: 'Open-Sans', sans-serif
   
}

.delete-icon {
    position: absolute;
    right: 18px;
    width: 12px;
    height: 15px;
    background: url('../images/delete.png') no-repeat center center;
    margin-top: 5px;
    cursor: pointer;
  
}

.itemOptions{
    font-size: 13px;
    height: unset;
    margin: 0px;
    text-align: left !important;
    padding-left: 8px;
    font-family: 'Open-Sans', sans-serif;
    font-weight: 100;
    display: inline-flex;
    padding: 0px 10px;

}
 

 .delete-item{

     margin-bottom:15px;
 }

 
.subtotal {
    display: inline-block;
    width: 100%;
}

.subtotal h6 {
    margin-bottom: 0px;
}

.subtotal span {
    text-align: right;
    float: right;
}

.cart-btn {
    text-align: center;
    /* display: inline-block; */
    display:flex;
    width: 100%;
}

.view,
.checkout {
    min-width: inherit;
    padding-left: 35px;
    padding-right: 35px;
}

.view {
    margin-right: 13px;
}

.checkout {
    margin-left: 13px;
}




/* Main part */

.main-part {
    float: left;
    width: 100%;
    position: relative;
    background: #f4f2ed;
}



/*------------------------------------------------------------------
[4. Slider ]
------------------------------------------------------------------*/

.home-slider {
    padding: 0px;
}

.home-slider .tp-bullets {
    display: none !important;
}

.tparrows.preview1:after {
    display: none !important;
}

.tp-leftarrow {
    width: 50px;
    height: 50px;
    background: url('../images/arrow-left.png') no-repeat center center !important;
}

.tp-leftarrow:hover {
    background: url('../images/arrow-left-active.png') no-repeat center center !important;
}

.tp-rightarrow {
    width: 50px;
    height: 50px;
    background: url('../images/arrow-right.png') no-repeat center center !important;
}

.tp-rightarrow:hover {
    background: url('../images/arrow-right-active.png') no-repeat center center !important;
}

.tp-caption span {
    color: #e4b95b;
}

.tp-caption i {
    font-weight: 300;
    font-style: normal;
}

.button-white {
    display: inline-block !important;
    width: 225px !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    font-size: 18px !important;
    text-align: center !important;
    padding: 12px 15px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
    border-radius: 30px !important;
    line-height: normal !important;
    text-transform: uppercase;
}

.button-white.radius-none {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
}

.button-white:hover {
    background: #e4b95b !important;
    border-color: #e4b95b !important;
}

.itemNames{
    font-size: 15px;
    /* height: 27px; */
 
    margin-top: 6px !important;
    margin-bottom: 7px !important;
    min-width: 120px;
    max-height: 18px;
}

 
 
.menuImage{
    
    margin-left:9px;
}

/* Dishes Part */

.product-blog {
    text-align: center;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    padding: 0 50px;
}

.product-blog strong {
    font-size: 18px;
    padding-left:0;
    font-family: 'Quicksand', sans-serif;
}

.product-blog p {
    margin-bottom: 8px;
}

        @media (max-width: 991px){
            
            .slick-slide img {
    display: inline-block;
    margin-bottom: 1px;
    width:60%;
}

}

.slick-slide img {
    display: inline-block;
    margin-bottom: 1px;
   
}
 

.dishes .slick-slider {
    position: inherit;
}

.slick-prev:before,
.slick-next:before {
    display: none;
}

.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
    background: url('../images/arrow-black-left.png') no-repeat center center;
    width: 34px;
    height: 32px;
z-index:1;
}

.slick-next,
.slick-next:hover,
.slick-next:focus {
    background: url('../images/arrow-black-right.png') no-repeat center center;
    width: 34px;
    height: 32px;
}

.icon-top-left {
    position: absolute;
    top: 120px;
    left: 34px;
}

.icon-bottom-left {
    position: absolute;
    top: 60%;
    left: 95px;
}

.icon-top-right {
    position: absolute;
    top: 180px;
    right: 120px;
}

.icon-bottom-right {
    position: absolute;
    top: 80%;
    right: 63px;
}



/* Isotop Style Here... */
 

.portfolioFilter {
    display: inline-block;
    width: 100%;
    text-align: center;
   
    margin-bottom: 0;
}

.portfolioFilter a {
    display: inline-block;
    width: 122px;
    text-align: center;
    padding: 2px 1px 2px 1px;
    color: #ffffff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}


 
 

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.galleryportfolio {
    display: inline-block;
    width: 100%;
    text-align: center;
   
    margin-bottom: 78px;
}

.galleryportfolio a {
    display: inline-block;
    width: auto;
    text-align: center;
    padding: 13px 36px;
    color: #20202f;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

 
.galleryportfolio a.current {
    background: #20202f;
    color: #ffffff;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}



/*------------------------------------------------------------------
[5. Main Menu ]
------------------------------------------------------------------*/

.menu-wrapper {
    display: inline-block;
    width: 100%;
}

.menu-list {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 135px;
    margin-bottom: 25px;
}

.menu-list-product {
    left: 0;
    max-width: 105px;
    position: absolute;
}

.menu-list h5 {
    border-bottom: 1px dashed #cccccc;
    color: #20202f;
    font-size: 20px;
    padding-bottom: 14px;
    padding-right: 60px;
    position: relative;
    font-weight: 700;
    margin-bottom: 10px;
}

.menu-list h5 span {
    color: #e4b95b;
    position: absolute;
    right: 0;
    top: 0;
}

.btn-outer {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}



/*------------------------------------------------------------------
[6. Chef ]
------------------------------------------------------------------*/

.chef-blog {
    float: left;
    width: 100%;
    position: relative;
    border: 2px solid #f4f2ed;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
}

.chef-inner {
    float: left;
    width: 100%;
    position: relative;
}

.chef-member {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -100px;
}

.chef-member img {
    display: inline-block !important;
    width: auto !important;
}

.chef-info {
    float: left;
    width: 100%;
    background: #f4f2ed;
    padding: 13px 25px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-bottom-left-radius: 15px;
    -ms-border-bottom-left-radius: 15px;
    -o-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-bottom-right-radius: 15px;
    -ms-border-bottom-right-radius: 15px;
    -o-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative;
}

.chef-info h3,
.chef-info h4,
.chef-info h5,
.chef-info h6,
.chef-info p,
.chef-info span,
.chef-info span,
.chef-info a {
    position: relative;
    z-index: 2;
}

.chef-slider {
    margin-top: 15px;
    font-size: 15px;
}

.chef-slider.owl-carousel .owl-stage-outer {
    padding-top: 100px;
    padding-bottom: 30px;
}

.chef-blog h5 {
    margin-bottom: 2px;
}

.chef-part .icon-bottom-left {
    top: inherit;
    bottom: 65px;
}

.owl-theme .owl-nav .owl-prev {
    background: url("../images/arrow-black-left.png") no-repeat center center;
    float: left;
    height: 50px;
    left: -120px;
    width: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-indent: -10000px;
    position: absolute;
}

.owl-theme .owl-nav .owl-prev:hover {
    background: url("../images/arrow-left-active.png") no-repeat center center;
}

.owl-theme .owl-nav .owl-next {
    background: url("../images/arrow-black-right.png") no-repeat center center;
    float: left;
    height: 50px;
    right: -120px;
    width: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-indent: -10000px;
    position: absolute;
}

.owl-theme .owl-nav .owl-next:hover {
    background: url("../images/arrow-right-active.png") no-repeat center center;
}

.chef-blog .social-top {
    width: 100%;
    margin-top: 3px;
    display: none;
    z-index: 5;
}

.chef-info:before {
    border: 2px solid #20202f;
    -webkit-border-bottom-left-radius: 16px;
    -moz-border-bottom-left-radius: 16px;
    -ms-border-bottom-left-radius: 16px;
    -o-border-bottom-left-radius: 16px;
    border-bottom-left-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    -moz-border-bottom-right-radius: 16px;
    -ms-border-bottom-right-radius: 16px;
    -o-border-bottom-right-radius: 16px;
    border-bottom-right-radius: 16px;
    content: "";
    height: 100%;
    left: -0.6%;
    position: absolute;
    top: 0;
    width: 101.4%;
    z-index: 1;
    display: none;
}

.chef-blog .social-top a {
    color: #ffffff;
}

.chef-blog .social-top a:hover {
    color: #e4b95b;
}

.chef-blog:hover {
    border-color: #20202f;
    color: #ffffff;
}

.chef-blog:hover h5 {
    color: #e4b95b;
}

.chef-blog:hover .chef-info {
    background: #20202f;
}

.chef-blog:hover .social-top {
    display: block;
}

.chef-blog:hover .chef-info:before {
    display: block;
}



/*------------------------------------------------------------------
[7. Food Hours ]
------------------------------------------------------------------*/

.food-blog {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 70px 0 0 0;
    overflow-x: hidden;
}

.food-blog-inner {
    float: left;
    width: 100%;
    position: relative;
   
    color: #ffffff;
    text-align: center;
}

.food-blog-inner h2 {
    color: #ffffff;
    margin: 12px 0 10px 0;
}

.food-blog .row {
    margin-right: -80px;
    margin-left: -80px;
}

.food-blog .col-xs-12 {
    padding-left: 80px;
    padding-right: 80px;
}

.food-item {
    display: inline-block;
    width: auto;
    position: relative;
}

.food-item:after {
    position: absolute;
    top: 59px;
    right: 100%;
    background: url('../images/line.png') no-repeat center center;
    height: 2px;
    width: 180px;
    content: "";
    margin-right: 29px;
    background-size: 100% 2px;
}

.food-mxs:first-child .food-item:after {
    display: none;
}

.food-item-inner {
    display: table-cell;
    vertical-align: bottom;
    height: 90px;
}



/* Feature Blog Part */

.feature-img {
    display: inline-block;
    position: relative;
    width: 100%;
    float: left;
}

.feature-blog .item,
.feature-blog .owl-item {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.feature-blog .item .feature-img img {
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    -ms-border-top-left-radius: 20px;
    -o-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-top-right-radius: 20px;
    -ms-border-top-right-radius: 20px;
    -o-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
}

.date-feature {
    background: #20202f none repeat scroll 0 0;
    border-radius: 17px;
    color: #ffffff;
    font-family: "Quicksand", sans-serif;
    font-size: 24px;
    font-weight: 700;
    height: 78px;
    padding: 12px 5px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    width: 78px;
    z-index: 1;
}

.date-feature small {
    color: #ffffff;
    display: block;
    font-size: 18px;
    margin-top: 8px;
}

.feature-info {
    display: inline-block;
    padding: 20px 25px;
    width: 100%;
    background: #ffffff;
    float: left;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -ms-border-bottom-left-radius: 20px;
    -o-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-bottom-right-radius: 20px;
    -ms-border-bottom-right-radius: 20px;
    -o-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.feature-info span {
    color: #e4b95b;
    margin-right: 25px;
    font-size: 15px;
    vertical-align: middle;
}

.feature-info span .icon-user:before,
.feature-info span .icon-comment:before {
    display: none;
}

.icon-user {
    background: url('../images/user.png') no-repeat center center;
    width: 17px;
    height: 22px;
    vertical-align: middle;
    font-weight: normal;
    display: inline-block;
    margin-right: 6px;
}

.icon-comment {
    background: url('../images/comment.png') no-repeat center center;
    width: 23px;
    height: 21px;
    vertical-align: middle;
    font-weight: normal;
    display: inline-block;
    margin-right: 6px;
}

.icon-more {
    background: url('../images/more-arrow.png') no-repeat center center;
    width: 17px;
    height: 11px;
    vertical-align: middle;
    font-weight: normal;
    display: inline-block;
    margin-left: 14px;
}

.feature-info h5 {
    color: #20202f;
    letter-spacing: 1px;
    margin: 10px 0;
}

.feature-info p {
    margin-bottom: 10px;
}



/*------------------------------------------------------------------
[8. Client ]
------------------------------------------------------------------*/

.client .build-title {
    margin-bottom: 12px;
}

.client-say {
    text-align: center;
}

.client-say .item img {
    display: inline-block;
    width: auto;
}

.client-say .item h5 {
    margin-bottom: 10px;
}

.client-say .owl-theme .owl-dots .owl-dot span {
    background: #eae7de;
}

.client-say .owl-theme .owl-dots .owl-dot.active span,
.client-say .owl-theme .owl-dots .owl-dot:hover span {
    background: #e4b95b;
    width: 35px;
}

.client-metro .owl-theme .owl-dots .owl-dot.active span,
.client-metro .owl-theme .owl-dots .owl-dot:hover span {
    background: #eae7de;
}

.client-metro .item {
    background: #ffffff;
    padding: 70px 25px 10px 25px;
}

.client-metro .item img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: 10px solid #f4f2ed;
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.client-metro .owl-carousel .owl-stage-outer {
    padding-top: 50px;
}



/* Feature List */

.feature-list-icon {
    display: inline-block;
    width: auto;
    vertical-align: bottom;
}

.feature-icon-table {
    display: table-cell;
    vertical-align: bottom;
    height: 88px;
}

.feature-list h5 {
    margin: 20px 0 10px;
}



/*------------------------------------------------------------------
[9. Instagram ]
------------------------------------------------------------------*/

.gallery-slider {
    float: left;
    width: 100%;
    padding: 0 70px;
}

.gallery-slider a>img {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

.gallery-overlay {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    padding: 20px;
    text-align: center;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.gallery-overlay-inner {
    position: relative;
    background: url('../images/gradient-bg.png') no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    font-size: 42px;
    color: #ffffff;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

.gallery-overlay-inner i {
    display: table-cell;
    vertical-align: middle;
}

.gallery-slider .item:hover .gallery-overlay {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    z-index: 1;
}

.gallery-slider .owl-theme .owl-nav .owl-prev {
    left: -60px;
}

.gallery-slider .owl-theme .owl-nav .owl-next {
    right: -60px;
}



/*------------------------------------------------------------------
[10. Footer ]
------------------------------------------------------------------*/

body {
  overflow-x: hidden;
}
.footer-part {
    float: left;
    width: 100%;
    background: #121215;
    position: relative;
    padding: 40px 20px 40px 20px;
    color: #f6f0f2;
    border-bottom: 8px solid #DC4C46;
    font-size: 15px;
}

#newSiteAndApps{

    background: white;
    border: 2px solid white;
    border-radius: 4px;
    padding: 20px;
    color: black;
    height: 283px;
    padding-top: 7px;
    padding-bottom: 2px;
    display: flex;
    align-items: center;
}
.footer-part h1,
.footer-part h2,
.footer-part h3,
.footer-part h4,
.footer-part h5,
.footer-part h6 {
    color: #e4b95b;
}

.footer-inner {
    float: left;
    width: 100%;
    margin: 0 0 55px 0;
}

.footer-part a {
    color: #f6f0f2;
}

.footer-part a:hover {
    color: #f6f0f2;
}

.footer-info {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.footer-info p {
    margin: 0px;
    color:white;
}

.footer-info h3 {
    margin-bottom: 32px;
}

.copy-right {
    float: left;
    width: 100%;
    color: #5c5c6e;
}

.copy-right a {
   /*  color: #5c5c6e; */
}

.copy-right a:hover {
    color: #bdbdd3;
}

.social-round {
    display: inline-block;
    width: auto;
    text-align: center;
}

.social-round ul,
.social-round li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.social-round li {
    display: inline-block;
    width: auto;
    margin-right: 18px;
}

.social-round li a {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #383848;
    line-height: 50px;
    font-size: 16px;
    color: #5c5c6e;
}

.copyright-before {
    margin-top: 12px;
}

.copyright-after .social-round {
    float: right;
}

.icon-find {
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 254px;
    background: url('../images/find-us.png') no-repeat center center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 59px;
    z-index: 30;
    text-align: center;
    padding: 10px 0 0 0;
}

.icon-find span {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #ffffff;
   
    margin-top: -4px;
}

.location-footer-map {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 32;
    height: 101.8%;
    display: none;
}

.location-footer-map.location-open {
    display: block;
}

.location-footer-map iframe {
    width: 100% !important;
    height: 100%;
    float: left;
}

.icon-find-location {
    position: absolute;
    left: 50%;
    top: -59px;
    position: absolute;
    left: 50%;
    width: 254px;
    background: url('../images/pattern-dark.png') no-repeat center center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 59px;
    z-index: 30;
    text-align: center;
    padding: 10px 0 0 0;
}

.icon-find-location span {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
   
    margin-top: -4px;
    top: -5px;
    position: relative;
}

.icon-find-location img {
    max-width: 22px;
}



/* Home Page 2 Style */

.wrapper-spacer {
    padding: 60px 70px;
    float: left;
    width: 100%;
}

.home-ride,
.home-ride .tp-banner-container,
.home-ride .tp-banner,
.home-ride .tp-banner li,
.home-ride .tp-bgimg,
.home-ride .slotholder {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.header-part.header-on {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 138px;
}

.header-on .header-bottom {
    background: transparent;
    border-bottom: none;
}

.header-on .logo>a {
    top: -35px;
}

.on-scroll {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 50px;
    z-index: 30;
    text-align: center;
}

.content-middle {
    width: 615px;
    margin: 0 auto;
}

.invert .build-white h2 {
    color: #ffffff;
}

.invert .build-white h6 {
    color: #b9b7b2;
}

.portfolioFilter-inner.portfolioFilter-sample {
    box-shadow: none !important;
}

.portfolioFilter .portfolioFilter-sample a.current {
    background: #c4993a;
    color: #ffffff;
}

.portfolioContainer-sample .menu-list h5 {
    color: #ffffff;
}

.radius-part {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.feature-label .feature-img {
    width: 36%;
}

.feature-label .feature-img img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.feature-label .date-feature small {
    margin-top: 0px;
}

.feature-label .feature-info {
    width: 64%;
    background: transparent;
    padding: 26px 25px;
}

.feature-label .owl-item {
    background: #f4f2ed;
}

.feature-label .feature-info span {
    color: #383848;
}

.feature-label .icon-user {
    background: url('../images/user1.png') no-repeat center center;
}

.feature-label .icon-comment {
    background: url('../images/comment1.png') no-repeat center center;
}

.feature-label .date-feature {
    background: #e4b95b;
}

.feature-label .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 65px;
}

.feature-primary {
    color: #20202f;
}

.feature-primary .build-title h6 {
    color: #ffffff;
}

.feature-primary .feature-icon-table img {
    filter: brightness(0) invert(1);
}

.chef-slote .chef-blog {
    border-color: transparent;
}

.chef-slote .chef-inner {
    background: #ffffff;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
}

.chef-slote .chef-info {
    background: #20202f;
    color: #ffffff;
}

.chef-slote .chef-blog h5 {
    color: #e4b95b;
}

.gallery-slider.gallery-uniq {
    padding-left: 0px;
    padding-right: 0px;
}



/*------------------------------------------------------------------
[11. Map Address ]
------------------------------------------------------------------*/

.map-address {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.map-address-inner {
    float: left;
    width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.map-address-inner img,
.map-address-inner iframe {
    width: 100% !important;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -ms-border-bottom-left-radius: 20px;
    -o-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-bottom-right-radius: 20px;
    -ms-border-bottom-right-radius: 20px;
    -o-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.map-top {
    float: left;
    width: 100%;
    background: #20202f;
    padding: 50px 0;
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    -ms-border-top-left-radius: 20px;
    -o-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-top-right-radius: 20px;
    -ms-border-top-right-radius: 20px;
    -o-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
}

.map-bottom {
    float: left;
    width: 100%;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -ms-border-bottom-left-radius: 20px;
    -o-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-bottom-right-radius: 20px;
    -ms-border-bottom-right-radius: 20px;
    -o-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.address-blog {
    float: left;
    width: auto;
    color: #ffffff;
    padding-right: 10%;
}

.address-blog:last-child {
    padding-right: 0px;
}

.address-blog a {
    color: #ffffff;
}

.address-blog h3 {
    color: #e4b95b;
    margin-bottom: 3px;
}



/* Footer Part Round */

.footer-round {
    background: #f4f2ed;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 30px 0;
    margin: 0;
    float: left;
    width: 100%;
    color: #20202f;
}

.footer-round a {
    color: #20202f;
}

.footer-round-left {
    float: left;
    width: 45%;
    text-align: left;
    margin-top: 45px;
}

.footer-round-middle {
    float: left;
    width: auto;
}

.footer-round-right {
    float: right;
    width: 39%;
    text-align: left;
    margin-top: 45px;
}

.footer-round .social-top {
    float: right;
}




/* Home Page 3 Style */

.wrapper-spacer-bg {
    background: #20202f;
    padding-left: 0px;
    padding-right: 0px;
}

.wrapper-spacer-bg .header-on .logo>a {
    top: 0px;
}

.wrapper-spacer-bg .header-part.header-on {
    top: 0px;
}

.wrapper-spacer-bg .home-slider {
    padding-left: 70px;
    padding-right: 70px;
}

.wrapper-spacer-bg .home-slider .home-slider-target {
    float: left;
    width: 100%;
    position: relative;
}

.wrapper-spacer-bg h1,
.wrapper-spacer-bg h2,
.wrapper-spacer-bg h3,
.wrapper-spacer-bg h4,
.wrapper-spacer-bg h5,
.wrapper-spacer-bg h6 {
    color: #e4b95b;
}

.wrapper-spacer-bg .heade-xs {
    color: #f6f0f2;
}

.wrapper-spacer-bg .table-title .heade-xs {
    color: #9a9a9a;
}

.wrapper-spacer-bg .table-title h2 {
    color: #383848;
}

.wrapper-spacer-bg .modal-body .jq-selectbox__select {
    border-color: #e5e5ee;
}

.wrapper-spacer-bg .jq-selectbox__select {
    border-color: #383848;
}

.wrapper-spacer-bg .jq-selectbox__select-text {
    color: #636375;
}

.wrapper-spacer-bg .table-part.booktable input[type="text"],
.wrapper-spacer-bg .table-part.booktable input[type="password"],
.wrapper-spacer-bg .table-part.booktable input[type="search"],
.wrapper-spacer-bg .table-part.booktable input[type="tel"],
.wrapper-spacer-bg .table-part.booktable input[type="email"],
.wrapper-spacer-bg .table-part.booktable input[type="number"] {
    background: transparent;
    color: #636375;
    border-color: #383848;
}

.wrapper-spacer-bg .portfolioFilter-inner,
.wrapper-spacer-bg .portfolioFilter a.current {
    background: none;
}

.wrapper-spacer-bg .portfolioFilter a,
.wrapper-spacer-bg .portfolioFilter-inner {
    border-radius: 0px !important;
}

.wrapper-spacer-bg .portfolioFilter a.current {
    color: #e4b95b;
}

.wrapper-spacer-bg .portfolioFilter a {
    color: #f6f0f2;
}

.wrapper-spacer-bg .chef-slote .chef-info {
    background: #383848;
}

.wrapper-spacer-bg .owl-theme .owl-nav .owl-prev {
    background: url("../images/arrow-left.png") no-repeat center center;
}

.wrapper-spacer-bg .owl-theme .owl-nav .owl-next {
    background: url("../images/arrow-right.png") no-repeat center center;
}

.wrapper-spacer-bg .owl-theme .owl-nav .owl-prev:hover {
    background: url("../images/arrow-left-active.png") no-repeat center center;
}

.wrapper-spacer-bg .owl-theme .owl-nav .owl-next:hover {
    background: url("../images/arrow-right-active.png") no-repeat center center;
}

.wrapper-spacer-bg .chef-slote .chef-inner {
    background: #151521;
}

.wrapper-spacer-bg .chef-slote .chef-inner:hover {
    background: #e4b95b;
}

.wrapper-spacer-bg .chef-slote .chef-inner:hover .chef-info {
    background: #d2a748;
}

.wrapper-spacer-bg .chef-slote .chef-inner:hover h5 {
    color: #20202f;
}

.wrapper-spacer-bg .build-title h6 {
    color: #f6f0f2;
}

.wrapper-spacer-bg .feature-label .feature-info span {
    color: #f6f0f2;
}

.wrapper-spacer-bg .feature-label .owl-item {
    background: #151521;
}

.wrapper-spacer-bg .feature-info {
    color: #f6f0f2;
}

.wrapper-spacer-bg .feature-label .icon-user {
    background: url("../images/user1.png") no-repeat center center;
}

.wrapper-spacer-bg .feature-label .icon-comment {
    background: url("../images/comment1.png") no-repeat center center;
}

.wrapper-spacer-bg .owl-theme .owl-dots .owl-dot.active span,
.wrapper-spacer-bg .owl-theme .owl-dots .owl-dot:hover span {
    background: #e4b95b;
}

.wrapper-spacer-bg .owl-theme .owl-dots .owl-dot span {
    background: #383848;
}

.wrapper-spacer-bg .feature-list h5,
.wrapper-spacer-bg .feature-list {
    color: #f6f0f2;
}

.footer-mix {
    float: left;
    width: 100%;
    padding: 90px 0 0;
    color: #f6f0f2;
    position: relative;
}

.footer-mix:before {
    position: absolute;
    left: 4%;
    width: 92%;
    height: 1px;
    background: #383848;
    content: "";
    top: 40px;
}

.footer-mix a {
    color: #f6f0f2;
}

.footer-mix a:hover {
    color: #e4b95b;
}

.footer-mix .social-top {
    float: right;
}

.footer-round-right .social-top li:last-child {
    margin-right: 0px;
}



/* Home Page 4 Style */

.header-part.header-transparent {
    top: 0px;
}

.header-part.header-transparent .logo>a {
    top: -25px;
    left: 0px;
    transform: none !important;
}

.header-part.header-transparent .menu-main {
    float: right;
}

.header-transparent .logo {
    position: relative;
    text-align: left;
}

.header-transparent .header-info {
    width: auto;
    margin-left: 35px;
}

.header-transparent .header-bottom {
    padding: 40px 0;
}

.tp-caption i.text-on-slider {
    font-weight: 400 !important;
}

.booktable-none .jq-selectbox__select {
    border-radius: 0px !important;
}

.booktable-none input[type="text"],
.booktable-none input[type="password"],
.booktable-none input[type="search"],
.booktable-none input[type="tel"],
.booktable-none input[type="email"],
.booktable-none input[type="number"] {
    border-radius: 0px !important;
}

.dishes-special {
    float: left;
    width: 100%;
    padding: 180px 0;
}

.dishes-special .build-title h6 {
    color: #f6f0f2;
}

.dishes-filter .portfolioFilter-inner {
    background: transparent;
    border-radius: 0px !important;
    box-shadow: none !important;
}

.dishes-filter .portfolioFilter {
    background: rgba(32, 32, 47, 0.85);
}

.dishes-filter .portfolioFilter a {
    border-radius: 0px !important;
    color: #ffffff;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
}

.dishes-filter .portfolioFilter a.current {
    background: transparent;
    color: #e4b95b;
}

.dishes-filter .portfolioFilter a.current:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    content: "";
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.dishes-filter .menu-wrapper {
    margin-top: -76px;
}

.feature-extra .feature-blog .feature-img img,
.feature-extra .feature-blog .item,
.feature-extra .feature-blog .owl-item,
.feature-extra .feature-info,
.feature-extra .date-feature {
    border-radius: 0px;
}

.feature-extra .date-feature small {
    margin-top: 0px;
}

.feature-extra .owl-theme .owl-nav .owl-prev {
    background: url(../images/direction-left.png) no-repeat center center;
}

.feature-extra .owl-theme .owl-nav .owl-prev:hover {
    background: url(../images/direction-left-active.png) no-repeat center center;
}

.feature-extra .owl-theme .owl-nav .owl-next {
    background: url(../images/direction-right.png) no-repeat center center;
}

.feature-extra .owl-theme .owl-nav .owl-next:hover {
    background: url(../images/direction-right-active.png) no-repeat center center;
}

.food-extra .food-blog {
    margin-top: 0px;
}

.map-fix {
    padding: 0px;
}

.map-fix img,
.map-fix iframe {
    width: 100% !important;
}

.instagram-trail a>img,
.instagram-trail .gallery-overlay-inner {
    border-radius: 0px !important;
}

.instagram-trail .owl-theme .owl-nav .owl-prev {
    background: url(../images/direction-left.png) no-repeat center center;
}

.instagram-trail .owl-theme .owl-nav .owl-prev:hover {
    background: url(../images/direction-left-active.png) no-repeat center center;
}

.instagram-trail .owl-theme .owl-nav .owl-next {
    background: url(../images/direction-right.png) no-repeat center center;
}

.instagram-trail .owl-theme .owl-nav .owl-next:hover {
    background: url(../images/direction-right-active.png) no-repeat center center;
}

.footer-form {
    float: left;
    width: 100%;
    position: relative;
    color: #f6f0f2;
    font-size: 15px;
   
}

.footer-form a {
    color: #f6f0f2;
}

.footer-form-top {
    float: left;
    width: 100%;
    position: relative;
    padding: 45px 0 28px 0;
}

.footer-form-left {
    float: left;
    width: auto;
}

.footer-form-left h3 {
    color: #e4b95b;
}

.footer-form-left p:last-child {
    margin-bottom: 0px;
}

.footer-form-top h3 {
    margin: 0 0 20px 0;
}

.footer-form-top p {
    margin: 0 0 14px 0;
}

.footer-form-top a {
    display: block;
}

.footer-form-middle {
    float: left;
    width: 100%;
    color: #636375;
}

.footer-form-middle .btn-main {
    width: 100%;
    height: 59px;
    line-height: 59px;
    font-size: 18px;
    text-transform: inherit;
}

.footer-form-middle input[type="text"],
.footer-form-middle input[type="email"],
.footer-form-middle input[type="password"],
.footer-form-middle input[type="search"],
.footer-form-middle textarea {
    border-radius: 0px !important;
    margin-bottom: 20px;
    padding-left: 24px;
    padding-right: 24px;
}

.footer-form-middle h3 {
    text-align: center;
}

.footer-form-middle textarea {
    height: 144px;
    padding: 19px 24px;
}

.footer-form-right {
    float: right;
    width: auto;
    text-align: right;
}

.footer-form-right .social-top {
    float: right;
    width: auto;
}

.footer-form-right .social-top li:last-child {
    margin-right: 0px;
}

.footer-form-right .social-top li a {
    color: #5c5c6e;
}

.footer-form-right .social-top li:hover a {
    color: #bdbdd3;
}

.footer-xs {
    float: left;
    width: 100%;
    position: relative;
}

.footer-xs-left {
    float: left;
    width: 30%;
}

.footer-xs-middle {
    float: left;
    width: 40%;
    background: #ffffff;
    padding: 25px 65px 45px 65px;
    margin-top: -200px;
}

.footer-xs-right {
    float: left;
    width: 30%;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.footer-form-bottom {
    float: left;
    width: 100%;
    background: #20202f;
    padding: 27px 0;
    text-align: center;
}



/* Home Page 5 Style */

.header-expert .header-bottom {
    border-bottom: none;
    background: none;
    padding: 19px 0;
}

.header-expert .menu-main li a {
    color: #383848;
}

.header-expert .search-part>a {
    background-image: url("../images/icon-zoom-blue.png");
}

.header-expert .search-part.active>a {
    background-image: url("../images/close-blue.png");
}

.header-expert .header-collect a {
    color: #383848;
}

.header-expert .search-box {
    top: 76px;
}

.dishes-expand .slick-prev {
    background: url('../images/arrow-black-left.png') no-repeat center center;
    width: 50px;
    height: 50px;
}

.dishes-expand .slick-prev:hover,
.dishes-expand .slick-prev:focus {
    background: url('../images/arrow-left-active.png') no-repeat center center;
}

.dishes-expand .slick-next {
    background: url('../images/arrow-black-right.png') no-repeat center center;
    width: 50px;
    height: 50px;
}

.dishes-expand .slick-next:hover,
.dishes-expand .slick-next:focus {
    background: url('../images/arrow-right-active.png') no-repeat center center;
}

.menu-return .portfolioFilter-inner {
    box-shadow: none !important;
    background: none !important;
}

.menu-return .portfolioFilter a {
    color: #ffffff;
}

.menu-return .portfolioFilter a span {
    display: block;
    margin-bottom: 5px;
}

.menu-return .portfolioFilter a.current {
    background: transparent;
    color: #e4b95b;
}

.footer-inset {
    color: #5e5e75;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 24px;
    padding-bottom: 25px;
}

.footer-inset a {
    color: #5e5e75;
}

.footer-inset p a {
    display: block;
}

.footer-inset a:hover {
    color: #bdbdd3;
}

.footer-inset h1,
.footer-inset h2,
.footer-inset h3,
.footer-inset h4,
.footer-inset h5,
.footer-inset h6 {
    color: #ffffff;
}

.footer-inset .social-top li {
    margin-right: 14px;
}

.footer-inset .social-top li:last-child {
    margin-right: 0px;
}

.footer-inset .social-top a {
    font-size: 16px;
}

.footer-action {
    padding-bottom: 0px;
    border-bottom: none;
}

.footer-inset-copyright {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #5e5e75;
    font-size: 13px;
    background: #12121d;
    padding: 22px 0;
}

.equal-inset {
    float: left;
    width: 100%;
}



/*------------------------------------------------------------------
[12. Menu Page ]
------------------------------------------------------------------*/

.breadcrumb-part {
    padding: 0px;
    height: 345px;
}

.breadcrumb-inner {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    text-align: center;
}

.breadcrumb-inner h2,
.breadcrumb-inner h3 {
    color: #ffffff;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.breadcrumb-inner a {
    display: inline-block;
    width: auto;
    color: #ffffff;
}

.breadcrumb-inner a:after {
    content: "-";
    padding: 0 8px 0 10px;
}

.breadcrumb-inner a:last-child:after {
    display: none;
}

.breadcrumb-inner span {
    display: inline-block;
    width: auto;
    color: #e4b95b;
}

.discount-part {
    padding: 55px 0 110px 0;
}

.discount-part h2 {
    font-weight: 300;
}

.discount-part h2 span {
    color: #e4b95b;
    font-size: 60px;
    font-weight: 700;
}

.discount-part .heade-xs {
    margin: 0;
}

.discount-left {
    float: left;
    width: 100%;
    padding-top: 50px;
}

.discount-right {
    float: left;
    width: 100%;
}

.menu-sector-blog {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 0 0 85px 0;
}

.menu-sector-img {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}

.menu-sector-title {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.menu-sector-inner {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 85px 0 0 0;
}

.menu-sector-list {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 25px 0;
}

.menu-sector-list h6 {
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 25px;
    padding-right: 60px;
    position: relative;
}

.menu-sector-list h6 span {
    color: #e4b95b;
    position: absolute;
    right: 0;
    top: 0;
}

.discount-partial {
    padding: 50px 0;
    margin: 0 0 180px 0;
}

.discount-partial .discount-right {
    margin-bottom: -130px;
}

.discount-partial .discount-left {
    padding-top: 0px;
}

.menu-sector-dessert .menu-sector-list h6 {
    border-bottom: none;
    padding-bottom: 0;
    padding-right: 60px;
}

.menu-sector-dessert .menu-sector-list {
    margin-bottom: 15px;
    height: auto !important;
}

.menu-round {
    float: left;
    width: 100%;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    background: #ffffff;
    margin-bottom: 30px;
}

.menu-round-img {
    float: left;
    width: 100%;
    -webkit-border-radius: 17px 17px 0px 0px;
    -moz-border-radius: 17px 17px 0px 0px;
    -ms-border-radius: 17px 17px 0px 0px;
    -o-border-radius: 17px 17px 0px 0px;
    border-radius: 17px 17px 0px 0px;
}

.menu-round-img img {
    -webkit-border-radius: 17px 17px 0px 0px;
    -moz-border-radius: 17px 17px 0px 0px;
    -ms-border-radius: 17px 17px 0px 0px;
    -o-border-radius: 17px 17px 0px 0px;
    border-radius: 17px 17px 0px 0px;
}

.menu-round-info {
    float: left;
    width: 100%;
    -webkit-border-radius: 0px 0px 17px 17px;
    -moz-border-radius: 0px 0px 17px 17px;
    -ms-border-radius: 0px 0px 17px 17px;
    -o-border-radius: 0px 0px 17px 17px;
    border-radius: 0px 0px 17px 17px;
    padding: 24px 30px;
}

.menu-round-info h5 {
    margin: 0px;
    position: relative;
    padding-right: 80px;
}

.menu-round-info h5 span {
    color: #e4b95b;
    position: absolute;
    right: 0px;
    top: 0px;
}

.service-track {
    display: inline-block;
    width: 100%;
}

.service-track-inner {
    float: left;
    width: 100%;
    height: 283px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    background: #ffffff;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    overflow: hidden;
}

.service-track-inner h3 {
    font-size: 30px;
    margin: 0px;
    line-height: normal;
    text-transform: uppercase;
}

.service-track-inner h3 span {
    color: #e4b95b;
    display: block;
}

.service-track-info {
    float: left;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
}

.service-track-overlay {
    color: #ffffff;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    background-color: #e4b95b;
    z-index: 1;
    height: 100%;
    padding: 20px 15px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.service-track-inner:hover .service-track-overlay {
    top: 0px;
}

.service-track-overlay h3,
.service-track-overlay h4,
.service-track-overlay h5 {
    color: #ffffff;
}

.service-track-overlay h3 span,
.service-track-overlay h4 span,
.service-track-overlay h5 span {
    color: #ffffff;
}

.service-track-overlay a {
    color: #ffffff;
}

.service-track-overlay h3 {
    margin: 15px 0 10px 0;
}

.service-track-overlay p {
    margin: 0px;
}

.service-port {
    display: inline-block;
    width: 100%;
    margin: 0 0 95px 0;
}

.service-port-outer .service-port:last-child {
    margin-bottom: 0px;
}

.service-port-prev {
    float: left;
    width: 100%;
    position: relative;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    border: 2px solid #f4f2ed;
}

.service-port-prev img {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    width: 100%;
    position: relative;
    top: -20px;
    left: -20px;
}

.service-port-next {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 55px;
}

.service-port.even .service-port-left {
    float: right;
}

.partner-part img {
    width: auto !important;
    display: inline-block !important;
}

.partner-part {
    padding: 70px 0 120px 0;
}

.partner-part .item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.partner-part .item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}



/*------------------------------------------------------------------
[13. Gallery Page ]
------------------------------------------------------------------*/

.gallery-royal {
    display: inline-block;
    width: 100%;
}

.gallery-megic-blog {
    float: left;
    width: 100%;
    position: relative;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    color: #ffffff;
    margin: 0 0 30px 0;
}

.gallery-megic-blog h1,
.gallery-megic-blog h2,
.gallery-megic-blog h3,
.gallery-megic-blog h4,
.gallery-megic-blog h5,
.gallery-megic-blog h6,
.gallery-megic-blog p {
    margin: 0px;
    color: #ffffff;
}

.gallery-megic-inner {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    padding: 20px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.gallery-megic-out {
    display: table;
    width: 100%;
    position: relative;
    height: 100%;
    background: rgba(228, 185, 91, 0.90);
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

.gallery-megic-detail {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 15px;
}

.gallery-megic-blog img {
    width: 100%;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

.gallery-megic-detail span {
    font-size: 16px;
}

.gallery-megic-blog:hover .gallery-megic-inner {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    z-index: 1;
}

.gallery-pagination {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-family: 'QuicksandBold-Regular';
    font-size: 13px;
    color: #959393;
    margin-top: 40px;
}

.gallery-pagination-inner {
    display: inline-block;
    width: auto;
}

.gallery-pagination ul,
.gallery-pagination li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.gallery-pagination li {
    display: inline-block;
    width: auto;
    margin-right: 18px;
    text-align: center;
}

.gallery-pagination li:last-child {
    margin-right: 0px;
}

.gallery-pagination li a {
    display: block;
    padding: 0px;
    border: 2px solid #f4f2ed;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
    width: 52px;
    height: 52px;
    line-height: 50px;
    color: #959393;
}

.gallery-pagination li .pagination-prev,
.gallery-pagination li .pagination-next {
    text-transform: uppercase;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -o-border-radius: 28px;
    border-radius: 28px;
    padding: 0 30px;
    width: auto;
}

.gallery-pagination li:hover a,
.gallery-pagination li.active a {
    background: #20202f;
    color: #ffffff;
}

.pagination-prev .fa {
    margin-right: 6px;
}

.pagination-next .fa {
    margin-left: 6px;
}

.mesonay-megic img,
.mesonay-megic .msrItem {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    margin: 0px;
}



/*------------------------------------------------------------------
[14. Blog List With Sidebar ]
------------------------------------------------------------------*/

.blog-left-section {
    background-color: #f4f2ed;
    padding: 38px 28px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

.blog-left-section h5 {
    color: #383848;
    text-align: left;
}

.blog-left-section .list li {
    color: #e4b95b;
    margin-top: 10px;
}

.blog-left-section .list li a {
    color: #7a7676;
    display: block;
    padding-left: 10px;
}

.blog-left-section small {
    color: #7a7676;
    font-size: 14px;
}

.blog-left-section h6 {
    color: #20202f;
    font-size: 16px;
    margin-bottom: 12px;
}

.blog-left-section p {
    margin-bottom: 12px;
}

.blog-common-wide {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}

.blog-left-search input[type="text"] {
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    border: none;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
    padding: 10px 60px 10px 40px;
    font-size: 16px;
    margin: 0px;
}

.blog-left-search input[type="submit"] {
    font-family: 'FontAwesome';
    background: none;
    border: none;
    font-size: 22px;
    font-weight: 300;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    padding: 0 20px;
}

.recent-blog-list {
    display: inline-block;
    margin-bottom: 22px;
    width: 100%;
}

.blog-recent-post .recent-blog-list:last-child {
    margin-bottom: 0px;
}

.popular-tag {
    text-align: center;
}

.popular-tag a {
    display: inline-block;
    width: auto;
    padding: 0 20px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #7a7676;
    min-width: 88px;
    background: #ffffff;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    margin: 0 5px 15px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #7a7676;
}

.popular-tag a:hover {
    background: #20202f;
    color: #ffffff;
}

.tag-btn {
    display: inline-block;
    width: auto;
    padding: 0 20px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #7a7676;
    min-width: 88px;
    background: #f4f2ed !important;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    margin: 0 9px 15px 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #7a7676 !important;
}

.tag-btn:hover {
    background: #20202f !important;
    color: #ffffff !important;
}

.tag-btn:last-child {
    margin-right: 0px;
}

.best-deal-blog {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    margin-bottom: 35px;
}

.best-deal-blog p {
    margin: 0px;
}

.best-deal-left {
    float: left;
    max-width: 111px;
}

.best-deal-right {
    margin-left: 130px;
}

.best-deal-right p {
    color: #20202f;
}

.best-deal-right strong {
    color: #e4b95b;
}

.best-deal-blog:last-child {
    margin-bottom: 0px;
}

.blog-right-listing {
    display: inline-block;
    width: 100%;
    margin: 0 0 30px 0;
}

.blog-right-listing .feature-img img {
    width: 100%;
}

.blog-right-listing .feature-info {
    padding-left: 0px;
    padding-right: 0px;
}

.blog-right-listing .feature-info h5 {
    margin: 15px 0;
}

.blog-right-listing .feature-info p {
    margin-bottom: 20px;
}

.blog-right-listing .button-default {
    height: 50px;
    line-height: 47px;
}

.blog-common-wide:last-child {
    margin-bottom: 0px;
}

.blog-main-full .blog-right-listing .feature-info {
    padding-top: 40px;
}

.blog-main-full .date-feature {
    top: inherit;
    bottom: -40px;
    right: 90px;
}

.blog-main-2col .blog-right-listing .feature-info {
    padding-top: 65px;
}

.blog-main-2col .date-feature {
    top: inherit;
    bottom: -40px;
    right: inherit;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #e4b95b;
}

.blog-list-outer .feature-img {
    float: left;
    width: 50%;
    padding-right: 15px;
}

.blog-list-outer .feature-info {
    float: left;
    width: 50%;
    padding-top: 0px;
    padding-left: 15px;
}

.blog-list-outer .date-feature {
    right: inherit;
    left: 20px;
}

.read-arrow {
    background: url('../images/learn-arrow.png') no-repeat right center;
    padding-right: 34px;
}

.blog-single {
    color: #959393;
    font-size: 15px;
}

.blog-single blockquote {
    font-size: 15px;
    font-style: italic;
    border: 2px solid #f4f2ed;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    padding: 20px 55px 20px 95px;
    position: relative;
}

.blog-single blockquote .quote {
    position: absolute;
    left: 30px;
    top: 30px;
    font-size: 90px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    color: #e4b95b;
    font-style: normal;
}

.ul-list {
    margin-left: 25px;
}

.ul-list li {
    padding-left: 25px;
    position: relative;
}

.ul-list li:before {
    content: "•";
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 18px;
    color: #e4b95b;
}

.share-tag {
    display: inline-block;
    width: 100%;
    margin: 25px 0;
}

.share-tag h5 {
    font-size: 18px;
    display: inline-block;
    margin-right: 10px !important;
    color: #20202f;
}

.share-tag .social {
    display: inline-block;
    width: auto;
}

.social li {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

.social li:last-child {
    margin-right: 0px;
}

.social li a {
    display: block;
    width: 40px;
    border: 2px solid #f4f2ed;
    height: 40px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    line-height: 39px;
    color: #959393;
}

.social li:hover a {
    color: #ffffff;
}

.social li.social-facebook:hover a {
    background: #3B5998;
    border-color: #3B5998;
}

.social li.social-tweeter:hover a {
    background: #1DA1F2;
    border-color: #1DA1F2;
}

.social li.social-instagram:hover a {
    background: #FBAD50;
    border-color: #FBAD50;
}

.social li.social-dribble:hover a {
    background: #DD3E7B;
    border-color: #DD3E7B;
}

.social li.social-google:hover a {
    background: #3A7CEC;
    border-color: #3A7CEC;
}

.plain-btn {
    display: inline-block;
    width: auto;
    border: 2px solid #f4f2ed;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    padding: 10px 35px;
    font-size: 13px;
    color: #959393 !important;
    text-transform: uppercase;
}

.plain-btn .icon-left-4 {
    margin-right: 22px;
}

.comment-blog {
    display: inline-block;
    width: 100%;
}

.comment-blog h3 {
    font-size: 25px;
    color: #20202f;
}

.comment-inner-list {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.comment-inner-list h5 {
    font-size: 18px;
    color: #20202f;
    margin-bottom: 10px;
    padding-right: 34%;
}

.comment-img {
    float: left;
    max-width: 115px;
}

.comment-info {
    margin-left: 145px;
    position: relative;
}

.comment-date {
    position: absolute;
    font-size: 14px;
    color: #e4b95b;
    right: 0px;
    top: -2px;
    width: 32%;
    text-align: right;
}

.comment-blog form {
    margin-top: 36px;
}

.comment-review-tab .comment-blog textarea {
    border: none;
    background-color: #ffffff;
}

.comment-review-tab .comment-blog input[type="text"],
.comment-review-tab .comment-blog input[type="password"],
.comment-review-tab .comment-blog input[type="search"],
.comment-review-tab .comment-blog input[type="tel"],
.comment-review-tab .comment-blog input[type="email"],
.comment-review-tab .comment-blog input[type="number"] {
    background-color: #ffffff;
    border: none;
}

.submit-btn {
    height: 50px;
    width: auto;
    background-color: #c66d55;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
    padding: 0 30px;
    text-align: center;
    min-width: 225px;
    font-size: 16px;
    display: inline-block;
    line-height: 50px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.submit-btn:hover {
    color: #ffffff;
    background: #20202f;
}

.cart-overlay-wrap {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100.1%;
    background: rgba(228, 185, 91, 0.9);
    top: 0px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.shop-main-list:hover .cart-overlay-wrap {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    z-index: 1;
}

.cart-overlay {
    position: absolute;
    left: 0px;
    width: 100%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.shop-cart-btn {
    line-height: 40px;
    width: auto;
    min-width: 152px;
    background-color: #372727;
    color: #ffffff;
    height: 40px;
    display: inline-block;
    text-align: center;
   
    text-transform: uppercase;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

.shop-product {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.shop-product img {
    width: 100%;
}

.shop-main-list h5 {
    font-size: 18px;
    color: #20202f;
    margin: 0 0 10px 0;
}

.shop-main-list h5 strong {
    color: #e4b95b;
}

.shop-main-list {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;
}



/*------------------------------------------------------------------
[15. Shop Single ]
------------------------------------------------------------------*/

.shop-single p {
    margin: 20px 0;
}

.slick-shop img {
    width: 100%;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

.slick-shop-thumb {
    padding: 0 30px;
    margin-top: 25px;
}

.slick-shop-thumb img {
    width: 100%;
}

.slick-shop-thumb .slick-slide {
    margin: 0 12px;
}

.slick-shop-thumb .slick-current {
    position: relative;
}

.slick-shop-thumb .slick-current:before {
    position: absolute;
    border: 2px solid #e4b95b;
    content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

.star-review-collect {
    display: inline-block;
    width: 100%;
}

.star-rating {
    float: left;
    margin-right: 15px;
    position: relative;
    font-family: 'icomoon';
    font-size: 1em;
    height: 1em;
    line-height: 1em;
    overflow: hidden;
    top: 4px;
    width: 5.4em;
}

.star-rating:before {
    color: #e5e5e5;
    content: "SSSSS";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}

.star-rating span.star-rating-customer:before {
    color: #e4b95b;
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}

.star-rating .star-rating-customer {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    text-shadow: none;
    top: 0;
}

.star-review span.star-review-customer {
    background: rgba(0, 0, 0, 0) url("../images/star.png") repeat-x scroll left 0;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 80px;
    margin-bottom: -3px;
}

.star-review span.star-review-customer a {
    float: left;
    height: 0;
    left: 0;
    overflow: hidden;
    padding-top: 16px;
    position: absolute;
    top: 0;
    width: 16px;
}

.star-review span.star-review-customer a.star-1 {
    width: 16px;
    z-index: 10;
}

.star-review span.star-review-customer a.star-2 {
    width: 32px;
    z-index: 9;
}

.star-review span.star-review-customer a.star-3 {
    width: 48px;
    z-index: 8;
}

.star-review span.star-review-customer a.star-4 {
    width: 64px;
    z-index: 7;
}

.star-review span.star-review-customer a.star-5 {
    width: 80px;
    z-index: 6;
}

.star-review span.star-review-customer a:hover {
    background: rgba(0, 0, 0, 0) url("../images/star.png") repeat-x scroll left -32px;
}

.comment-blog .star-review span.star-review-customer {
    background: rgba(0, 0, 0, 0) url("../images/star.png") repeat-x scroll left -16px;
    margin-left: 15px;
}

.review-text {
    margin-left: 10px;
    color: #e4b95b;
}

.price-textbox {
    display: inline-block;
    width: auto;
    position: relative;
    max-width: 170px;
    text-align: center;
    color: #372727;
}

.price-textbox input {
    text-align: center;
    color: #372727;
    margin: 0px;
}

.price-textbox input::-webkit-input-placeholder {
    text-align: center;
}

.price-textbox input:-moz-placeholder {
    text-align: center;
}

.price-textbox input::-moz-placeholder {
    text-align: center;
}

.price-textbox input:-ms-input-placeholder {
    text-align: center;
}

.fa-shopping-bag {
    margin-right: 15px;
}

.shop-single .social-wrap {
    margin-bottom: 20px;
}

.shop-single .share-tag {
    margin: 35px 0;
}

.shop-single .filter-btn {
    margin-left: 18px;
}

.minus-text {
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

.plus-text {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}



/* General Tab Style */

.comment-review-tab {
    margin: 125px 0 0 0;
    background: #f4f2ed;
}

.tab-part {
    float: left;
    width: 100%;
    margin-top: -58px;
}

.tab-inner {
    display: inline-block;
    width: 100%;
}

.tab-part .tab-content {
    padding: 70px 0 60px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.tab-part .nav-tabs {
    text-align: center;
}

.tab-part .nav-tabs>li {
    float: none;
    display: inline-block;
    font-family: 'QuicksandBook-Regular';
    font-size: 18px;
}

.tab-part .nav-tabs>li>a {
    margin-right: 0px;
    padding: 16px 47px;
    border: none;
    color: #20202f;
    -webkit-border-radius: 17px 17px 0 0;
    -moz-border-radius: 17px 17px 0 0;
    -ms-border-radius: 17px 17px 0 0;
    -o-border-radius: 17px 17px 0 0;
    border-radius: 17px 17px 0 0;
}

.tab-part .nav-tabs>li.active>a,
.tab-part .nav-tabs>li.active>a:hover,
.tab-part .nav-tabs>li.active>a:focus {
    border: none;
    color: #20202f;
    background: #f4f2ed;
}

.tab-part .nav>li>a:hover,
.tab-part .nav>li>a:focus {
    background: #f4f2ed;
}

.tab-part .review-text {
    margin-left: 0px;
    margin-right: 10px;
    color: #959393;
}

.tab-part .comment-blog .form p {
    text-align: center;
}

.tab-part .tab-content .title {
    margin-bottom: 30px;
}

.tab-part .tab-content h3 {
    margin-bottom: 0px;
}

.tab-part .comment-blog form {
    margin-top: 0px;
}

.shop-single .slick-slide img {
    margin: 0px;
}

.shop-single .slick-prev {
    left: 0px;
    z-index: 1;
}

.shop-single .slick-next {
    right: 0px;
    z-index: 1;
}

.shop-single .slick-prev,
.shop-single .slick-prev:hover,
.shop-single .slick-prev:focus {
    background: rgba(0, 0, 0, 0) url("../images/slider-arrow-left-black.png") no-repeat scroll center center;
    height: 13px;
    width: 20px;
    background-size: 20px 13px;
}

.shop-single .slick-next,
.shop-single .slick-next:hover,
.shop-single .slick-next:focus {
    background: rgba(0, 0, 0, 0) url("../images/slider-arrow-right-black.png") no-repeat scroll center center;
    height: 13px;
    width: 20px;
    background-size: 20px 13px;
}

.filter-btn {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    display: inline-block;
    width: auto;
    min-width: 110px;
    height: 50px;
    line-height: 50px;
    background: #e4b95b;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    padding: 0 50px;
}

.filter-btn:hover {
    color: #ffffff;
    background: #372727;
}

.related-product {
    padding-bottom: 135px;
}

.related-img {
    float: left;
    width: 100%;
    position: relative;
}

.related-info {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin: 20px 0 0 0;
}

.related-info a {
    color: #383848;
}

.related-info h6 {
    margin: 0 0 10px 0;
}

.related-info a strong {
    color: #e4b95b;
}

.comment-review-tab .nav-tabs {
    border-bottom: 1px solid #f4f2ed;
}



/*------------------------------------------------------------------
[16. Shop Cart ]
------------------------------------------------------------------*/

.checkout-wrap {
    text-align: center;
    padding: 91px 11px 0px 15px;
    
}

ul.checkout-bar {
    /* height: 15px; */
}

ul.checkout-bar li {
    color: #333e48;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative;
    font-family: 'QuicksandBook-Regular';
    display: inline-block;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    width: 19%;
    cursor: pointer;
}

ul.checkout-bar li:before {
    background: #ffffff;
    border: 2px solid #FFF;
    border-radius: 50%;
    line-height: 45px;
    height: 45px;
    position: absolute;
    text-align: center;
    top: -65px;
    width: 45px;
    z-index: 9;
    font-family: 'Quicksand', sans-serif;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

ul.checkout-bar li.active {
    font-family: 'Quicksand', sans-serif;
}

ul.checkout-bar li.done-proceed:before,
ul.checkout-bar li.active:before {
    background: #e4b95b;
    z-index: 9;
    color: #ffffff;
    border-color: #e4b95b;
}

.checkout-bar li:after {
    -webkit-animation: myanimation 3s 0;
    background-color: #ffffff;
    content: "";
    height: 5px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -45px;
    z-index: 0;
}

.checkout-bar li.done-proceed:after {
    -webkit-animation: myanimation 3s 0;
    background-color: #e4b95b;
    content: "";
    height: 5px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -45px;
    z-index: 0;
}

body main .checkout-bar li:last-child:after {
    display: none;
}

ul.checkout-bar li:nth-child(1):before {
    content: "1";
}

ul.checkout-bar li:nth-child(2):before {
    content: "2";
}

ul.checkout-bar li:nth-child(3):before {
    content: "3";
}

ul.checkout-bar li:nth-child(4):before {
    content: "4";
}

ul.checkout-bar li:nth-child(5):before {
    content: "5";
}

ul.checkout-bar li:nth-child(6):before {
    content: "6";
}

.shop-cart-list {
    display: inline-block;
    width: 100%;
    padding: 30px 34px;
    background-color: #ffffff;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

table.shop-cart-table {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 18px;
    position: relative;
    width: 100%;
}

table.shop-cart-table th,
table.shop-cart-table td {
    padding: 18px 0;
}

table.shop-cart-table td {
    padding: 26px 0;
}

table.shop-cart-table thead {
    color: #ffffff;
}

table.shop-cart-table th {
    background-color: #372727;
}

table.shop-cart-table thead th:first-child {
    padding-left: 38px;
    border-top-left-radius: 17px;
    -webkit-border-top-left-radius: 17px;
    -moz-border-top-left-radius: 17px;
    -ms-border-top-left-radius: 17px;
    -o-border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
    -moz-border-bottom-left-radius: 17px;
    -ms-border-bottom-left-radius: 17px;
    -o-border-bottom-left-radius: 17px;
}

table.shop-cart-table thead th:last-child {
    padding-right: 38px;
    border-top-right-radius: 17px;
    -webkit-border-top-right-radius: 17px;
    -moz-border-top-right-radius: 17px;
    -ms-border-top-right-radius: 17px;
    -o-border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
    -webkit-border-bottom-right-radius: 17px;
    -moz-border-bottom-right-radius: 17px;
    -ms-border-bottom-right-radius: 17px;
    -o-border-bottom-right-radius: 17px;
}

table.shop-cart-table tbody {
    color: #372727;
}

table.shop-cart-table tbody th {
    display: none;
}

.product-cart {
    display: table-cell;
    vertical-align: middle;
    padding-right: 38px;
}

.product-cart-title {
    display: table-cell;
    vertical-align: middle;
}

table.shop-cart-table strong {
    color: #c7a17a;
    display: block;
}

table.shop-cart-table tr td,
table.shop-cart-table tr th {
    border: none;
}

table.shop-cart-table del {
    color: #e1dfda;
    display: block;
    font-family: 'QuicksandBook-Regular';
    font-weight: 400;
}

table.shop-cart-table .shop-cart-close {
    position: absolute;
    right: 0px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 35px;
}

.product-cart-detail {
    display: inline-block;
    width: 100%;
}

.product-cart-detail input {
    margin: 0px;
}

.cupon-part {
    display: inline-block;
    width: auto;
    margin-right: 20px;
}

.cart-total {
    float: right;
    width: 100%;
    padding: 30px 50px;
    background-color: #ffffff;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    margin-top: 45px;
    max-width: 460px;
    color: #372727;
    font-size: 18px;
}

.cart-total small {
    font-size: 15px;
    float: left;
    color: #959393;
}

.cart-total-title {
    display: inline-block;
    width: 100%;
    margin-bottom: 55px;
    text-align: center;
}

.cart-total h5 {
    margin: 0px;
    font-size: 22px;
}

.product-cart-total {
    display: inline-block;
    width: 100%;
    margin-bottom: 18px;
}

.product-cart-total span,
.grand-total span {
    float: right;
}

.grand-total {
    display: inline-block;
    width: 100%;
    margin: 19px 0 45px;
}

.grand-total h5 span {
    color: #c7a17a;
}

.proceed-check {
    display: inline-block;
    width: 100%;
}

.proceed-check .btn-medium {
    width: 100%;
}

.order-complete-box {
    display: inline-block;
    width: 100%;
    padding: 65px 25px 55px;
    text-align: center;
    background: #ffffff;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

.order-complete-box .btn-primary-gold {
    text-transform: inherit;
}

.order-complete-box p {
    margin: 50px 0;
}

.track-oder {
    display: inline-block;
    width: 100%;
    padding: 65px 25px 55px;
    text-align: center;
    background: #ffffff;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

.track-oder-inner {
    display: inline-block;
    width: auto;
    text-align: left;
}

.track-oder-inner h3 {
    font-size: 28px;
    line-height: 36px;
    color: #1b1b29;
    margin: 0px;
}

.track-oder-inner h3 span {
    color: #eae7de;
    font-weight: 400;
}

.clock-track-icon {
    display: table-cell;
    vertical-align: middle;
}

.track-status {
    display: table-cell;
    vertical-align: middle;
    padding-left: 65px;
}

.addressinf{
    margin-top: 20px !important;
    margin-bottom: 13px !important;
}

/*------------------------------------------------------------------
[17. Shop Checkout ]
------------------------------------------------------------------*/

.shop-checkout-left {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 35px 30px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.shop-checkout-left h6 {
    font-size: 18px;
}

.shop-checkout-left h6 a {
    font-weight: 700;
    color: #20202f;
}

.form-checkout {
    margin-top: 45px;
}

.form-checkout label {
  /*   color: #959393; */
  color:black;
}

.form-checkout label {
   /*  margin-bottom: 29px; */

   margin-bottom:6px;
   margin-top:6px;
  
}

.form-checkout h5 {
    color: #20202f;
    font-size: 17px;
    margin-bottom: 29px;
    font-weight:700;
}

.shop-checkout-right {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 15px 30px 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.shop-checkout-right h5 {
    color: #20202f;
    font-size: 18px;
    text-align: center;
    margin: 0 0 5px 0;
}

.shop-checkout-right h6 {
    color: #372727;
    font-weight: 700;
    margin: 0px;
}

.shop-checkout-right h6 span {
    float: right;
}

.shop-checkout-row,
.shop-checkout-title {
    display: inline-block;
    width: 100%;
}

.shop-checkout-row {
    padding-bottom: 10px;
    padding-top:10px;
    border-bottom: 1px solid #e0e0e0;
}

.shop-checkout-title {
    padding-bottom: 0px;
}

.shop-checkout-row p {
    margin: 0px 0 5px 0;
}

.shop-checkout-row p span {
    min-width: 160px;
    display: inline-block;
}

.shop-checkout-right small {
    float: right;
    font-size: 14px;
    color: #959393;
}

.shop-checkout-right a {
    color: #372727;
}

.checkout-total {
    display: inline-block;
    width: 100%;
    padding: 7px 0;
    border-bottom: 1px solid #e0e0e0;
}

.shop-checkout-box .checkout-total:last-child {
    border-bottom: none;
}

.shop-checkout-right .price-big {
    font-size: 22px;
    color: #e4b95b;
    font-weight: 700;
}

.shop-checkout-box {
    display: inline-block;
    width: 100%;
    margin: 0 0 50px 0;
}

.shop-checkout-box:last-child {
    margin-bottom: 0px;
}

.payment-mode {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.payment-mode label {
    margin-right: 30px;
    vertical-align: middle;
}

.payment-mode img {
    margin-top: -10px;
    margin-right: 15px;
}

.checkout-terms {
    display: inline-block;
    width: 100%;
    margin: 50px 0 30px 0;
}

.checkout-button {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.checkout-button .button-default {
    width: 100%;
    font-weight: 700;
}

.select-dropbox {
    margin-bottom: 29px;
}



/*------------------------------------------------------------------
[18. Login & Register ]
------------------------------------------------------------------*/

.form-common {
    float: left;
    width: 100%;
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 60px 45px;
}

.form-common h3 {
    margin-bottom: 0px;
}

.register-form .button-default-submit {
    width: 100%;
    background: #c7a17a;
    height: 60px;
    font-size: 22px;
    color: #ffffff;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    margin: 10px 0 15px 0;
}

.register-form .button-default-submit:hover {
    background: #e4b95b;
}

.register-wrap p {
    margin: 25px 0 0 0;
}

.form-common a {
    color: #20202f;
}

.form-common label {
    font-weight: normal;
}

.login-form .button-default-submit {
    width: 100%;
    background: #20202f;
    border-color: #20202f;
    height: 60px;
    font-size: 22px;
    color: #ffffff;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    margin: 30px 0 30px 0;
}

.login-form .button-default-submit:hover {
    background: #e4b95b;
    border-color: #e4b95b;
}

.divider-login {
    display: inline-block;
    width: 100%;
    position: relative;
}

.divider-login hr {
    border-top: 1.5px solid #cccccc;
}

.divider-login span {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0 24px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ffffff;
}

.form-common .btn-change {
    height: 60px;
    width: 100%;
    color: #ffffff;
    padding: 0 20px;
    line-height: 60px;
    margin-top: 15px;
}

.form-common .facebook-btn {
    background: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}

.form-common .facebook-btn:hover {
    color: #ffffff;
}

.form-common .tweeter-btn {
    background: #1da1f2;
    border-color: #1da1f2;
}

.form-common .tweeter-btn {
    color: #ffffff;
}

.btn-change .fa {
    margin-right: 5px;
}

.login-register .title {
    display: inline-block;
    margin-bottom: 50px;
    width: 100%;
}

.contact-map {
    padding: 0px;
}



/*------------------------------------------------------------------
[19. Contact ]
------------------------------------------------------------------*/

.contact-part iframe,
.contact-part .map {
    width: 100% !important;
    margin-bottom: 45px;
}

.contact-blog-row {
    float: left;
    width: 100%;
    border: 2px solid #f4f2ed;
    padding: 25px 45px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    color: #20202f;
    text-align: center;
    min-height: 212px;
    margin-bottom: 70px;
}

.contact-blog-row a {
    color: #20202f;
}

.contact-icon {
    display: block;
    min-height: 65px;
}

.contact-blog-row p {
    margin: 45px 0 0 0;
}

.contact-part .submit-btn {
    float: right;
}

.co-title {
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin-bottom: 13px;
    font-family: 'Quicksand', sans-serif;
}

.time-list li {
    margin-bottom: 8px;
}

.time-list li span {
    display: inline-block;
    width: auto;
}

.time-list .week-name {
    min-width: 180px;
}

.contact-part address {
    margin-bottom: 50px;
    color: #20202f;
}

.contact-part address a {
    color: #20202f;
}

.contact-part address a:hover {
    color: #e4b95b;
}

.contact-part .title {
    display: inline-block;
    margin-bottom: 50px;
    width: 100%;
}



/*------------------------------------------------------------------
[20. 404 Page ]
------------------------------------------------------------------*/

.error-404 {
    position: fixed;
    left: 0px;
    height: 100%;
    width: 100%;
    top: 0px;
    z-index: 1;
}

.error-404-inner {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    color: #ffffff;
    line-height: 36px;
    padding: 0 15px;
    margin-top: 5%;
    font-family: 'QuicksandBook-Regular';
}

.error-404-inner h2,
.error-404-inner p {
    margin: 0px;
}

.error-404-inner h2 {
    color: #ffffff;
}

.error-404-inner h2 {
    margin-bottom: 8px;
}

.error-404-inner a {
    color: #e4b95b;
    font-family: 'QuicksandBook-Regular';
    text-decoration: underline;
}

.error-404-title {
    display: inline-block;
    width: 100%;
    color: #e4b95b;
    font-size: 200px;
    margin-bottom: 40px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}



/*------------------------------------------------------------------
[21. FAQ ]
------------------------------------------------------------------*/

.accordion-part .panel-default {
    border: none;
    box-shadow: none;
}

.accordion-part.panel-group .panel-heading+.panel-collapse>.panel-body,
.accordion-part.panel-group .panel-heading+.panel-collapse>.list-group {
    border: none;
}

.accordion-part .panel-heading {
    padding: 0px;
    background: transparent;
}

/* .accordion-part .panel-title {
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
} */

.accordion-part .panel-title a {
    display: block;
    padding: 13px 36px 13px 34px;
    color: #372727;
    border: 2px solid #f4f2ed;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 14px;
    position: relative;
}

.accordion-part .panel-title a:after {
    content: "\f107";
    position: absolute;
    right: 28px;
    top: 50%;
    font-family: 'FontAwesome';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion-part .panel-title a[aria-expanded="true"] {
    background-image: linear-gradient(to right, #dcae3b 0%, #deda97 51%, #dcae3b 100%);
}

.accordion-part .panel-title a[aria-expanded="true"]:after {
    content: "\f106";
}

.accordion-part .panel-body {
    padding: 28px 34px;
}



/* Team Page */

.team-page .chef-blog {
    margin-top: 170px;
}

body main .team-page {
    padding-bottom: 70px;
}

.team-work {
    padding-top: 0px;
    padding-bottom: 180px;
}

.wide-grid-item,
.big-grid-item {
    width: 50%;
    float: left;
    padding: 15px;
}

.small-grid-item {
    width: 25%;
    float: left;
    padding: 15px;
}



/*------------------------------------------------------------------
[22. Terms & Condition ]
------------------------------------------------------------------*/

.terms-left {
    float: left;
    width: 100%;
    padding-right: 50px;
}

.terms-left h5 {
    color: #20202f;
}

.terms-left p:last-child {
    margin-bottom: 0px;
}

.terms-right {
    float: left;
    width: 100%;
    background: #383848;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    color: #ffffff;
}

.terms-right ul {
    padding: 18px 0;
}

.terms-right li {
    display: block;
    width: 100%;
}

.terms-right li a {
    display: block;
    width: 100%;
    padding: 11px 30px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    color: #ffffff;
}

.terms-right li.active a,
.terms-right li:hover a {
    background: #e4b95b;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    margin-left: -15%;
    width: 115%;
    padding: 11px 30px 11px 68px;
}




/* Team Single */

.team-single-left {
    float: left;
    width: 100%;
    border: 2px solid #f4f2ed;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.team-single-blog {
    display: inline-block;
    width: auto;
    margin-top: -70px;
}

.team-single-info {
    display: inline-block;
    width: 100%;
    margin: 70px 0;
}

.team-single-right h3 {
    font-size: 30px;
    margin-bottom: 8px;
}

.team-single-right h6 {
    font-weight: 400;
    color: #e4b95b;
    font-family: 'Source Sans Pro', sans-serif;
    margin-bottom: 10px;
}

.team-single-right p {
    margin-bottom: 10px;
}

.team-single-right p a {
    color: #aaaaac;
}

.team-single-right p a:hover {
    color: #e4b95b;
}

.team-single-right .social-top {
    margin-top: 18px;
}

.team-single-right .social-top a {
    color: #20202f;
}

.team-single-right .social-top a:hover {
    color: #e4b95b;
}

.team-award {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.anna-form-inner {
    display: inline-block;
    width: 100%;
    padding: 0 15%;
    margin-top: 20px;
}

.anna-form-inner input[type="text"],
.anna-form-inner input[type="email"],
.anna-form-inner input[type="password"],
.anna-form-inner input[type="search"],
.anna-form-inner input[type="tel"],
.anna-form-inner textarea {
    border-color: #ffffff;
}

.datepicker.dropdown-menu {
    z-index: 9999;
}

.datepicker td,
.datepicker th {
    border: none;
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding-top: 0px;
    padding-bottom: 0px;
}

.client.banner-bg.invert.invert-black .icon-black {
    background: url('../images/pattern-black-sketch.png') no-repeat center center;
}

.funkyradio-success > input {
      position: absolute;
      top: -9999px;
      left: -9999px;
      opacity: 0;
    }
    
    .funkyradio-success > label > .label-box {
      display: flex;
      align-self: center;
      position: relative;
      height: 17px;
      width: 17px;
      margin: 0 20px;
      /* border: 2px solid #DC4C46; */
      border: 2px solid #181918;
      border-radius: 2px;
      cursor: pointer;
	  left:-16px;
    }


    .fa-trash-o:before{
        
        font-size: 30px;
        float: right;
        color: #e70e64;
        margin-top: 0px;
        margin-right: 5px;
        
        margin-top: 4px;
    }

   .wrapfmodals{
 
     
   
}
    
    .funkyradio-success > label > .label-text {
      display: flex;
      align-self: center;
      position: relative;
      cursor: pointer;
     /*  padding: 8px; */
     padding:6px 0px 5px 0px;
     /*  border-left: 1px solid #ecf0f1; */
       margin-left: -32px;
       color: white;
       text-align:left;
    }
    .funkyradio-success > label > .label-text:after {
      
      display: block;
      width: 0%;
      height: 2px;
      background-color: #000;
      position: absolute;
      top: 50%;
      left: 7.5%;
      transform: translateY(-50%);
      transition: width 100ms ease-in-out;
    }
    .funkyradio-default {
   display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: fit-content;
    min-width: 119px;
    max-width: 500px;
  
    border-radius: 2px;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
    list-style: none;
    overflow: hidden;    }
    .funkyradio-default .funkyradio-success {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #333;
      position: relative;
    }
    .funkyradio-default .funkyradio-success:last-child {
      border: 0;
    }
    .funkyradio-success > input:checked + label {
      background-color: #333;
    }
    .funkyradio-success > input:checked + label .label-box {
      background-color: #DC4C46;
    }
    .funkyradio-success > input:checked + label .label-box:after {
        content: '';
        display: block;
        position: absolute;
        top: -3px;
        left: 4px;
        width: 5px;
        height: 12px;
        border: solid #000;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        margin-top: 2px;
        margin-right: 1px;
    }
    .funkyradio-success > input:checked + label .label-text:after {
      width: 85%;
    }

  .btn {
    transition: .3s ease-out;
    text-transform: uppercase;
    letter-spacing: 0em;
    font-size: 12px;
    font-weight: 700;
    border-width: 3px;
    padding: 10px 27px;
    border-radius: 10px;
}
 td, th {
     
    padding: 0;
}
.table > tbody > tr > td{
    
    padding:12px;
}
 
.table > thead tr th {
    
    padding-bottom:12px;
    padding-top:6px;
    text-decoration: underline;
}

.modalMenuDetails{

     padding-left: 1px;
    padding-right: 0;
    padding-top: 2px;
    padding-bottom: 5px;    
}

 

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
   /*  padding: 3px 6px 3px 6px; */
   padding: 2px 3px 2px 3px;
    line-height: 1.42857143;
    vertical-align: top;
    border:none;
}

tr td, tr th {
    font-size:11px;
    padding: 5px 10px;
   border:none;
}

.sub-header{
    font-size:16px;
    margin-bottom:4px;
    text-align: center;
}

.foodName{
    
    text-align: center;
}

.mobileResponsive{

    border-bottom:1px solid #20202f;
 
}

@media screen and (max-width: 767px) {
    
    table.shop-cart-table td.mobileResponsive {
        display: none;
       
    }

    table.shop-cart-table tr.responsiveTr {
      margin-bottom: 10px;
      
       
    }
    
    
}

 section.pizzaOffer{

    padding:0;
 }

 .containerBox {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
     border:2px solid black;
     width:190px;
     border-radius:50px;
     margin-left:6px;
    
}

 
 
.ker  {
 
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
     border:2px solid black;
    width:20px;
    height: 24px;
    bottom:4px;
    right:1px;
     border-radius:50px;

}

 

.ker-checkbox {
	top: -2px;
	left:-2px;
	vertical-align: middle;
	width: 20px;
	height: 24px;
	margin: 0 5px 0 0;
	border: 2px solid #f4f2ed;
	border-radius: 3px;
	cursor: pointer;
	float:left;
	border-radius:50px;
	background:gray;
}
.ker-checkbox.checked .jq-checkbox__div {
	line-height: 14.5px;
	text-align: center;
	font-size: 13px;
	height: 19px;
    vertical-align: middle;
				color: #fff;
				background:#5cb85c;
}

.ker-checkbox.checked .jq-checkbox__div:before{
	content: "\f00c";
	font-family: 'FontAwesome';
}

.wrapDiv{

    border: 2px solid #e5e5ee; 
    padding: 0 12px; 
    border-radius: 50px;
    line-height: 46px;
}

.toppingTrigger{

    width:auto;
    margin:0 auto;
   
   border-radius: 50px;
}

.toppingTrigger2{

    
    border-radius: 50px;
    
 }

 .panel-body{

    padding:5px;
 }

 .priceP{

    text-align:center;
    font-size:10px;
    margin :0;
    margin-bottom:4px;
 }

 .itemOptions{

    font-size:12px;
    padding-left:8px;
 
 }

 .headersLog{
     color:#201d1d;
 }

 .thin-icon-facebook:before {
    content: '\e967';
    font-size: 25px;
    font-weight: 100;
    margin-right: 20px;
    color:white;
}

.icon-basket-general {
  
    margin-right:3px;
   
} 

.basketClass{
    font-size: 14px;
    color: white;
    color: #45a94e;
}

.shop-cardt{

    display:flex;
    align-items:center;
    margin-top:-8px !important;
}

.cartclass{
    margin:0px;
}

.thin-icon-cartShop:before {
    content: '\e837';
    font-size: 32px;
    font-weight: 600;
    margin-right: 3px;
    color: #45a94e;
}

.thin-icon-cartShop2:before {
    content: '\e837';
    font-size: 32px;
    font-weight: 600;
    margin-right: 3px;
    color: #577386;
}
 
 .cartTotal{

    margin-top:10px;
 
 }

 .terms{
    font-size: 12px;
    text-align: center;
    color: #201d1d;
 }

 .userButtons{

   background:#e4b95b;
    border:none;
 }
 
 .modal{

    margin:0 auto;
 }

 .myButtons{

    padding: 6px 1px 4px 20px;
    width: 150px;
    height: 50px;
 }

 .driverClass{
     
 }

 .containBoxes {
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 138px;
    line-height: 45px;
    color: #e5e5ee;
    background: gray;
    background: green;
    border-radius: 3px;
    background: #e6e6e6;
    border: 1px solid black;
    color: black;
    box-shadow: 1px 2px 3px 0px;
    font-family: 'Open-Sans';
    box-shadow: 1px 2px 1px 1px;
    
}

.formInputs {

    text-align: left;
    font-weight: 450;
    font-size:12px;
    margin-left:20px;
 
}


.form-checkout h5 {
    color: #20202f;
    font-size: 17px;
     margin-bottom: 8px; 
}

.orderNumberClass{

    padding-bottom:20px;
    text-align: center;
    font-weight:400;
    font-size:14px;

}

.logoFormat{

    margin-bottom:1px;
}

.ozelHeader{

font-size:15px;
text-align: center;
margin:15px;
 

}

 

a:hover{

    cursor: pointer;

}

.titleModa{

    border-radius: 50px;
}

.orderTable{


        /* background: white; */
        border: 3px solid;

        border-radius: 50px;
        width: 100%;
        margin-top: 40px;
        text-align: center;


}


/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
 .StripeElement {
    margin-bottom: 10px;
    background-color: white;
    height: 53px;
    padding: 16px 12px;
    border-radius: 4px;
   /*  border: 1px solid transparent; */
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    border: 1px solid black;
    box-shadow: 2px 3px 2px 1px;
    margin-bottom: 14px;
  
    margin-top: 10px !important;
}
  
  .StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
  }
  
  .StripeElement--invalid {
    border-color: #fa755a;
  }
  
  .StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
  }


 

  @media (max-width: 1190px){
.rd-navbar-static .rd-navbar-inner {
  
    padding: 18px 3px 2px 0px;
    text-align: left;
    align-items: center;
    height:90px;
}

.rd-navbar-static .rd-navbar-nav > li {
    padding-left: 7px;
    padding-right: 11px;
    font-size:10px;
}

.rd-navbar-static .rd-navbar-nav>li>a {
    font-size:10px !important;
    color: white;
}
}

@media(max-width: 1650px) {
    .icon-bottom-left {
        left: 20px;
    }

    .icon-top-right {
        right: 20px;
    }
}

@media(max-width: 1475px) {
    .icon-bottom-left,
    .icon-bottom-right {
        top: inherit;
        bottom: 50px;
    }

    .icon-bottom-right {
        right: 34px;
    }
}

@media(max-width: 1400px) {
    .owl-theme .owl-nav .owl-prev {
        left: -60px;
    }

    .owl-theme .owl-nav .owl-next {
        right: -60px;
    }
}

@media(max-width: 1350px) {
    .wrapper-spacer {
        padding: 30px;
    }

    .wrapper-spacer-bg .home-slider {
        padding-left: 15px;
        padding-right: 15px;
    }

    .gallery-slider.gallery-uniq {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media(max-width: 1300px) {
    .chef-part .icon-bottom-left {
        bottom: 40px;
        top: inherit;
        max-width: 40px;
    }

    .owl-theme .owl-nav .owl-prev,
    .owl-theme .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }

    .wrapper-spacer-bg .owl-theme .owl-nav .owl-prev,
    .wrapper-spacer-bg .owl-theme .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }

    .wrapper-spacer-bg .owl-theme .owl-nav .owl-prev:hover,
    .wrapper-spacer-bg .owl-theme .owl-nav .owl-next:hover {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }

    .owl-theme .owl-nav .owl-prev:hover,
    .owl-theme .owl-nav .owl-next:hover {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }

    .owl-theme .owl-nav .owl-prev {
        left: -25px;
    }

    .owl-theme .owl-nav .owl-next {
        right: -25px;
    }
}

@media(max-width: 1200px) {
    .menu-main li {
        margin-right: 9px;
    }

    .header-collect {
        margin-right: 18px;
    }

    .food-item:after {
        width: 140px;
        margin-right: 25px;
    }

    .social-round li {
        margin-right: 10px;
    }

    .product-blog {
        padding: 0 25px;
    }

    .slick-prev {
        left: 20px;
    }

    .slick-next {
        right: 20px;
    }

    .wrapper-spacer {
        padding: 20px;
    }

    .wrapper-spacer-bg .home-slider {
        padding-left: 20px;
        padding-right: 20px;
    }

    .address-blog {
        padding-right: 6%;
    }

    .gallery-slider.gallery-uniq {
        padding-left: 50px;
        padding-right: 50px;
    }

    .feature-label .feature-info span {
        margin-right: 10px;
    }

    .header-transparent .header-info {
        margin-left: 20px;
    }

    .header-transparent .logo {
        width: 16%;
    }

    .service-port-next {
        margin-top: 30px;
    }

    .shop-single .filter-btn {
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .chef-blog .social-top li {
        margin-right: 10px;
    }
}

@media(min-width: 992px) {
    .sticky-fixed {
        position: fixed !important;
        left: 0px !important;
        top: 0px !important;
        background: #383848;
    }

    .sticky-fixed .logo>a {
        width: 73px !important;
        top: 0px !important;
    }

    .sticky-fixed .header-bottom {
        padding: 0px !important;
    }

    .header-expert.sticky-fixed {
        background: #F6F3EC;
    }

    .sticky-fixed .header-top {
        display: none;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }
}

@media(min-width: 992px) and (max-width: 1200px) {
    .chef-col {
        width: 33.33%;
    }
}

@media(max-width: 991px) {

    /* Header Part */
    .hidden-body {
        overflow: hidden;
    }

    .menu-main {
        position: fixed;
        right: -100%;
        height: 100%;
        overflow-y: scroll;
        background: #222222;
        top: 0;
        z-index: 999;
        width: 100%;
        padding: 150px 0 25px 0;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        overflow-x: hidden;
    }

    .drop-mega-part p {
        margin: 0px;
    }

    .header-expert .menu-main li a {
        color: #ffffff;
    }

    .menu-main.open {
        right: 0px;
    }

    .menu-main li .drop-nav li a,
    .menu-main li.mega-menu .drop-nav li a {
        color: #ffffff;
    }

    .menu-main li {
        width: 100%;
    }

    .menu-main li.mega-menu {
        position: relative;
    }

    .menu-main ul>li.has-child:hover>a:after{
        display: none;
    }

    .menu-main li a {
        padding: 10px 15px;
        padding-right: 45px;
    }

    .menu-main ul>li.open>.drop-nav-arrow {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .drop-nav-arrow {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 14px 15px;
        font-size: 24px;
        cursor: pointer;
        color: #ffffff;
    }

    .drop-has-child>a::after {
        display: none;
    }

    .menu-main li.has-child .drop-nav .drop-nav {
        left: inherit;
        top: inherit;
        border: none;
    }

    .logo {
        position: relative;
        z-index: 9999;
    }

    .menu-main li.mega-menu .drop-nav,
    .menu-main li.has-child .drop-nav {
        position: inherit;
        right: inherit;
        top: inherit;
        background: inherit;
        padding: 0px 0 0 30px;
        min-width: 100%;
        display: none;
    }

    .menu-main ul>li:hover>.drop-nav {
        display: none;
    }

    .menu-main li .drop-nav a,
    .menu-main li.mega-menu .drop-nav {
        color: #ededed;
    }

    .mega-title {
        margin-bottom: 15px;
        margin-top: 15px;
        color: #c19942;
        font-size: 16px;
    }

    .menu-main ul>li.mega-menu:hover>a:before,
    .menu-main ul>li.has-child:hover>a:before {
        display: none;
    }

    .mega-position {
        bottom: 0;
        margin-bottom: 0;
        margin-right: 0;
        float: left;
    }

    .menu-icon {
        display: block;
    }

    .menu-main ul>li.has-child>ul.drop-nav:before,
    .menu-main li.has-child .drop-nav:after {
        display: none;
    }

    .menu-main ul>li.mega-menu>ul.drop-nav:before,
    .menu-main li.mega-menu .drop-nav:after {
        display: none;
    }

    .menu-main li.mega-menu .drop-nav,
    .menu-main li.has-child .drop-nav {
        margin-top: 0px;
    }

    .menu-main li .drop-nav li {
        padding-left: 0px;
    }

    .menu-main li .drop-nav li a {
        padding-top: 10px !important;
    }

    .mega-position {
        display: none;
    }

    .menu-main ul>li:hover>.drop-nav,
    .menu-main ul>li>.drop-nav {
        box-shadow: none !important;
    }

    .menu-main>ul>li>a:before {
        display: none;
    }

    /* Header End */
    .social-round li a {
        width: 35px;
        height: 35px;
        line-height: 33px;
        font-size: 14px;
    }

    .owl-theme .owl-nav .owl-prev {
        left: -10px;
    }

    .owl-theme .owl-nav .owl-next {
        right: -10px;
    }

    .food-blog .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .food-blog .col-xs-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .food-item:after {
        margin-right: 20px;
        width: 60px;
    }

    .menu-list h5 {
        font-size: 17px;
    }

    .portfolioFilter a {
       
 
    padding-right: 0;
    padding-left: 0;
    padding-left: 0;
    width: 88px;
    font-size: 12px;
}
 
 
}
    }

    .icon-top-right,
    .icon-top-left {
        top: 20px;
    }

    .product-blog {
        padding: 0 15px;
    }

    .top-cell {
        font-size: 14px;
    }

    .social-top li {
        margin-right: 13px;
    }

    .modal .close {
        right: -1px;
   top: 0px;
    }

    .header-info {
        float: left;
    }

    .header-info-inner {
        float: left;
    }

    .menu-main {
        float: right;
    }

    .search-part {
        display: none;
    }

    .header-collect {
        margin-right: 10px;
    }

    .header-collect a>img {
        max-width: 25px;
        margin-right: 6px;
    }

    .book-table.header-collect img {
        position: relative;
        top: -3px;
    }

    .book-md {
        display: none;
    }

    .book-sm {
        display: block;
        float: right;
        padding: 15px 0 13px;
    }

    .feature-info {
        padding: 15px;
    }

    .cart-wrap {
        left: 1;
        margin-right: 20px;
        /* right: inherit; */
    }

    .shop-cart:hover .cart-blog:before {
        right: inherit;
        left: 55px;
    }

    .cart-blog {
      /*   padding-left: 20px;
        padding-right: 20px; */
    }

    /* Footer Round */
    .wrapper-spacer {
        padding: 15px 5px;
    }

    .wrapper-spacer-bg .home-slider {
        padding-left: 5px;
        padding-right: 5px;
    }

    .header-part.header-on {
        top: 60px;
    }

    .address-blog {
        width: 50%;
        padding-right: 5%;
    }

    .gallery-slider.gallery-uniq {
        padding-left: 65px;
        padding-right: 65px;
    }

    .footer-round-right {
        width: 35%;
    }

    .footer-xs-middle {
        padding: 25px 15px 30px;
    }

    .footer-xs-left {
        padding-right: 15px;
    }

    .footer-form {
        font-size: 13px;
    }

    .footer-xs-right {
        padding-left: 15px;
    }

    .footer-form-top h3 {
        font-size: 19px;
    }

    .header-transparent .header-info {
        margin-left: 0px;
    }

    .header-transparent .logo {
        text-align: center;
        float: none;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .header-part.header-transparent .logo>a {
        left: 50%;
        -webkit-transform: translateX(-50%) !important;
        -moz-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        -o-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    }

    .header-part.header-transparent {
        top: 30px;
    }

    .header-transparent .header-bottom {
        padding: 0px;
    }

    .header-expert .header-bottom {
        padding: 15px 0;
    }

    .header-part.header-expert {
        top: 0px;
    }

    .header-part.header-expert .logo>a {
        top: -15px;
    }

    .header-expert .menu-icon a span {
        background: #383848;
    }

    .service-port-next {
        margin-top: 0px;
    }

    .comment-img {
        max-width: 90px;
    }

    .comment-info {
        margin-left: 110px;
    }

    .blog-list-outer .feature-img {
        width: 100%;
        padding-right: 0px;
    }

    .blog-list-outer .feature-info {
        padding-left: 0px;
        width: 100%;
        padding-top: 15px;
    }

    .payment-mode img {
        margin: 15px 0;
    }

    .product-cart {
        padding-right: 15px;
    }

    .btn-medium {
        padding-right: 20px;
        padding-left: 20px;
    }

    .form-common {
        padding-left: 15px;
        padding-right: 15px;
    }

    .time-list .week-name {
        min-width: 130px;
    }

    .contact-blog-row {
        padding: 15px;
    }

    .contact-icon {
        margin-top: 20px;
    }

    .contact-blog-row p {
        margin-top: 25px;
    }

    .wide-grid-item,
    .big-grid-item,
    .small-grid-item {
        padding: 7px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .address-blog {
        margin: 15px 0;
    }

    .map-top {
        padding: 35px 0;
    }

    .feature-label .feature-img,
    .feature-label .feature-info {
        width: 100%;
    }

    .gallery-pagination li {
        margin-right: 5px;
    }

    .gallery-pagination li .pagination-prev,
    .gallery-pagination li .pagination-next {
        padding: 0 20px;
    }

    .share-tag .social {
        width: 100%;
    }

    .share-tag h5 {
        width: 100%;
        margin-right: 0px;
    }

    .food-blog-inner h2 {
        font-size: 30px;
    }
}

@media(min-width: 768px) and (max-width: 1200px) {
    .share-tag .social li {
        margin-right: 0px;
    }

    .share-tag .tag-btn {
        margin-right: 5px;
        min-width: 62px;
        padding: 0 7px;
    }

    .comment-inner-list h5 {
        padding-right: 50%;
    }

    .comment-date {
        width: 48%;
    }
}

table.shop-cart-table th,
table.shop-cart-table td {
    display: block;
    padding: 10px;
}

table.shop-cart-table tr {
    border: 1px solid #372727;
    display: block;
    border-top: none;
}

table.shop-cart-table tr:first-child {
    border-top: 2px solid #372727;
}

table.shop-cart-table td {
    border-bottom: 1px solid #372727;
}


table.shop-cart-table thead {
    display: none;
}

table.shop-cart-table thead { table-layout: fixed; width:100%; } 

table.shop-cart-table thead th:first-child {
    border-radius: 0px;
    padding-left: 10px;
}

table.shop-cart-table thead th:last-child {
    border-radius: 0px;
    padding-left: 10px;
}

table.shop-cart-table .shop-cart-close {
    border: none;
    transform: none !important;
    position: inherit;
    margin: 0px;
}

table.shop-cart-table tbody th {
    display: block;
    color: #ffffff;
    margin-bottom: 10px;
}

@media(min-width: 767px) {
.shop-cart-list {

    width: 60%;
}

}
@media(max-width: 767px) {


    .profileSection{

        margin-top: 80px;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 19px;
    }

    h6 {
        font-size: 17px;
    }

    .menu-main {
        padding-top: 95px;
    }

    .header-top {
        padding-top: 5px;
    }

    .header-info,
    .book-sm,
    .icon-top-right,
    .icon-top-left,
    .icon-bottom-left,
    .icon-bottom-right {
        display: none;
    }

    .logo>a {
        top: -15px;
        width: 80px;
        left: 0px !important;
        -webkit-transform: translateX(0px) !important;
        -moz-transform: translateX(0px) !important;
        -ms-transform: translateX(0px) !important;
        -o-transform: translateX(0px) !important;
        transform: translateX(0px) !important;
    }

    .header-transparent .logo {
        left: 0px !important;
        -webkit-transform: translateX(0px) !important;
        -moz-transform: translateX(0px) !important;
        -ms-transform: translateX(0px) !important;
        -o-transform: translateX(0px) !important;
        transform: translateX(0px) !important;
    }

    .header-part.header-transparent .logo>a {
        left: 0px !important;
        -webkit-transform: translateX(0px) !important;
        -moz-transform: translateX(0px) !important;
        -ms-transform: translateX(0px) !important;
        -o-transform: translateX(0px) !important;
        transform: translateX(0px) !important;
        top: -14px;
    }

    .drop-mega-part {
        font-size: 14px;
    }

    .wrapper-spacer-bg .header-part.header-on {
        top: 20px;
    }

    .wrapper-spacer-bg .header-on .logo>a {
        top: -10px;
    }

    .menu-icon a {
        margin-top: 16px;
    }

    .header-top-left,
    .header-top-right {
        width: 100%;
        text-align: center;
    }

    .language-menu ul {
        text-align: left;
    }

    .language-menu ul {
        z-index: 99999;
    }

    .hidden-body .header-top {
        display: none;
    }

    .hidden-body .header-bottom {
        margin-top: 20px;
    }

    .food-item:after {
        display: none;
    }

    .feature-info span {
        margin-right: 15px;
    }

    .copy-right {
        text-align: center;
    }

    .footer-inner {
        margin-bottom: 20px;
    }

    .copyright-before {
        margin-bottom: 20px;
    }

    .copyright-after {
        margin-bottom: 40px;
    }

    .tparrows.preview1,
    .tparrows.preview1:after {
        background-size: 40px 40px !important;
    }

    .button-white {
        font-size: 15px !important;
        padding: 8px 15px !important;
        width: 180px !important;
    }

    .footer-xs-left{
        width: 100%;
        padding-right: 0px;
    }

    .footer-xs-middle{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .footer-xs-right{
        width: 100%;
        position: inherit;
        padding-left: 0px;
    }

    .footer-form-left{
        width: 100%;
        text-align: center;
    }

    .footer-form-right{
        width: 100%;
        text-align: center;
    }

    .footer-form-right .social-top{
        width: 100%;
    }

    /* Footer Round */
    .wrapper-spacer,
    .wrapper-spacer-bg .home-slider {
        padding: 0px;
    }

    .home-ride,
    .home-ride .tp-banner-container,
    .home-ride .tp-banner,
    .home-ride .tp-banner li,
    .home-ride .tp-bgimg,
    .home-ride .slotholder {
        border-radius: 0px !important;
    }

    .header-part.header-on {
        top: 50px;
    }

    .header-on .logo>a {
        top: -10px;
    }

    .header-part.header-on {
        top: 20px;
    }

    .hidden-body .header-on .header-bottom {
        margin-top: 0px;
    }

    .content-middle {
        width: 100%;
        float: left;
    }

    .radius-part,
    .map-address-inner,
    .map-top,
    .map-bottom,
    .map-address-inner img,
    .map-address-inner iframe {
        border-radius: 0px !important;
    }

    .feature-label .feature-img {
        width: 100%;
    }

    .feature-label .feature-info {
        width: 100%;
    }

    .gallery-slider.gallery-uniq {
        padding-left: 70px;
        padding-right: 70px;
    }

    .address-blog {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 25px;
    }

    .address-blog:last-child {
        margin-bottom: 0px;
    }

    section {
        padding:0;
    }

    .footer-round {
        margin-top: 15px;
    }

    .footer-round {
        border-radius: 0px !important;
    }

    .footer-round-left,
    .footer-round-middle,
    .footer-round-right {
        width: 100%;
        margin-top: 0px;
        text-align: center;
    }

    .footer-round-left,
    .footer-round-middle {
        margin-bottom: 20px;
    }

    .footer-round-right .social-top {
        float: none;
    }

    .map-top {
        padding: 20px 0;
        text-align: center;
    }

    .footer-mix {
        padding-bottom: 30px;
    }

    .dishes-expand .slick-prev,
    .dishes-expand .slick-prev:focus,
    .dishes-expand .slick-prev:hover,
    .dishes-expand .slick-next,
    .dishes-expand .slick-next:focus,
    .dishes-expand .slick-next:hover {
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
    }

    .dishes-expand .slick-prev {
        left: 5px;
    }

    .dishes-expand .slick-next {
        right: 5px;
    }

    .product-blog {
        padding: 0 35px;
    }

    .header-expert .header-bottom {
        padding: 0px;
    }

    .header-part.header-expert {
        position: absolute;
        top: 20px;
    }

    .header-expert .menu-icon a span {
        background: #ffffff;
    }

    .hidden-body .header-expert .header-bottom {
        margin-top: 0px;
    }

    .footer-inset .social-top {
        margin-bottom: 25px;
    }

    .equal-inset {
        height: auto !important;
    }

    .service-track-inner{
        margin-bottom: 20px;
    }

    .discount-left {
        padding: 0 0 50px 0;
    }

    .copyright-after .social-round {
        float: none;
    }

    .service-port-next {
        margin-top: 30px;
    }

    .service-port-prev img {
        left: 0px;
        top: 0px;
    }

    .pagination-prev span,
    .pagination-next span {
        display: none;
    }

    .gallery-pagination li .pagination-prev,
    .gallery-pagination li .pagination-next {
        width: 40px;
        height: 40px;
        padding: 0px;
        text-align: center;
        line-height: 38px;
    }

    .gallery-pagination li a {
        width: 40px;
        height: 40px;
        line-height: 38px;
    }

    .pagination-prev .fa,
    .pagination-next .fa {
        margin: 0px;
    }

    .gallery-pagination li {
        margin-right: 10px;
    }

    .blog-left-section {
        margin-bottom: 30px;
    }

    .blog-single blockquote {
        padding: 20px 15px 20px 60px;
    }

    .blog-single blockquote .quote {
        left: 5px;
    }

    .share-tag .tag-btn {
        margin: 0 5px 15px 0;
        min-width: 62px;
        padding: 0 12px;
    }

    .share-tag .social li {
        margin-right: 0px;
    }

    .plain-btn {
        padding: 10px 15px;
    }

    .comment-inner-list h5 {
        padding-right: 0px;
    }

    .comment-date {
        position: inherit;
        width: 100%;
        display: inline-block;
        top: inherit;
        right: inherit;
        text-align: left;
    }

    .blog-left-section.blog-righted {
        margin-top: 50px;
    }

    .shop-checkout-right {
        margin-top: 50px;
    }

    ul.checkout-bar li {
        width: 23.5%;
        font-size: 10px;
    }

    .checkout-wrap-more ul.checkout-bar li {
        width: 19%;
        font-size: 8px;
    }

    .shop-checkout-left,
    .shop-checkout-right {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slick-shop-thumb {
        margin-bottom: 25px;
    }

    .price-textbox input {
        width: 100%;
    }

    .price-textbox {
        max-width: 100%;
        width: 100%;
    }

    .shop-single .filter-btn {
        width: 100%;
        margin-left: 0px;
    }

    .tab-part .nav-tabs>li>a {
        padding-left: 15px;
        padding-right: 15px;
    }

    

    .product-cart-detail .btn-medium {
        width: 100%;
        margin-top: 15px;
    }

    .cupon-part {
        margin: 15px 0 0;
        width: 100%;
    }

    .shop-cart-list {
        padding-left: 15px;
        padding-right: 15px;
    }

    .register-wrap {
        margin-top: 50px;
    }

    .track-oder-inner h3 {
        font-size: 18px;
        line-height: normal;
    }

    .track-status {
        padding-left: 30px;
    }

    .track-oder {
        padding: 35px 15px 30px;
    }

    .clock-track-icon {
        min-width: 80px;
    }

    .error-404-title {
        font-size: 80px;
        margin-bottom: 10px;
        line-height: 50px;
    }

    .error-404-title img {
        max-width: 70px;
    }

    .error-404 {
        float: left;
        width: 100%;
        padding: 15px 0 20px 0;
    }

    .error-404-inner {
        font-size: 13px;
        line-height: normal;
        margin-top: 22%;
    }

    .contact-part .form {
        margin-bottom: 50px;
    }

  /*   .accordion-part .panel-title a {
        padding-left: 20px;
    } */

    .accordion-part .panel-body {
        padding-bottom: 20px;
    }

    .terms-left {
        padding-right: 0px;
        margin-bottom: 30px;
    }

    .terms-right li.active a,
    .terms-right li:hover a {
        margin-left: 0px;
        width: 100%;
        padding: 11px 30px;
    }

    section.home-icon {
        padding-bottom: 14px;
    }

    .anna-form-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .team-single-right {
        margin-top: 40px;
    }

    .team-single-right h3 {
        font-size: 24px;
    }

    .wide-grid-item,
    .big-grid-item,
    .small-grid-item {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .galleryportfolio a {
        font-size: 15px;
        padding: 7px 10px;
    }

    .galleryportfolio {
        margin-bottom: 40px;
    }
}

 
.slick-prev{
    z-index:1;
    }

 

.footer-inner{
  margin:0;
}

.flickity{
  cursor:auto;
}

.btn-default{
    color: white;
}

.modal-content{
    margin-top: 8px !important;
    margin-bottom: 100px !important;
  }
  .modal-body {
    padding: 2px 0px 3px 5px;
  }

  .modal-dialog {
    text-align: center;
    vertical-align: middle;
  }

#seperateSauce1{
    color:green;
}

.itemOffers{
    height:40px;
}

.fa-icon-minusItem:before {
  content: '\f146';
  font-size: 34px;
  font-weight: 100;
  margin-right: 3px;
  color: #c50202;
}
 

.stepNumbers{

  color:green;
  font-weight:700;  
}

.fa-icon-steps:before {
    /* content: '\f164'; */
    content: '\f14a';
    font-size: 38px;
    font-weight: 100;
    margin-right: 3px;
    color: #45a94e;
    margin-left:4px;
}

 

.fa-icon-steps{
    
    margin-left: 30px;
    
}

.steps{
    margin-bottom:20px;
    display: flex;
}

.seperateInfo{
    text-align: center;
    color: green;
    font-size: 13px;
    /* padding-left: 2px; */
    padding-right: 11px;
    width: min-content;
    /* min-width: 113px; */
    height: 32px;
    min-width: max-content;
    padding-left: 0px;
    padding-right: 2px;
}

 
.explainP {
    padding-left: 1px;
    padding-right: 1px;
    /* height: 37px; */
    line-height: 15px;
    font-weight: 700;
    align-items: flex-start;
    align-self: center;
    display: inline-flex;
    text-align: center;
    overflow-y: auto;
    color: #515151;
    font-family: 'Open-Sans';
    text-align: center;
    padding: 0 3px;
    height: 48px;
    text-align: center;
    max-height: 51px;
    margin-right:-8px;
     
}
.wrapItems a{

    margin-top:5px;
}


.wrapItems{
    margin-bottom: 4px !important;
}
 
p{
height:40px;
margin:0;
font-size: 12px;
font-family: 'Source Sans Pro', sans-serif;
}

.txt-default{
    font-family: 'Source Sans Pro', sans-serif;
}
.modal-md{
    margin-top:5px;
    margin-left:1px;
    margin-bottom: 1px;
}

.wrapincs{
    margin-right: 43px !important;
    display: flex;
    align-items: center;
    align-self: inherit;
    border: 2px solid #333333;
    border-radius: 18px;
    background: #333333;
}

 

.fa-minus-square:before{
 
    font-size: 27px;
    float: right;
    color: #ffc107;
    content: "\f068";

}

.fa-plus-square:before{
	font-size: 27px;
	float: right;
	color: #ffc107;
	content: "\f067";
}

.amountItem {
    margin-bottom: 0 !important;
    width: 22px !important;
    border-radius: 0px !important;
    font-size: 19px;
    height: 39px !important;
    font-weight: 700;
    box-shadow: none !important;
    padding: 0px !important;
    border-radius: 0px;
    /* border: none; */
    border: none !important;
    margin-right: 2px;
    margin: 0px 10px;
    background: none;
    color: white;
    background: none !important;
    color: white !important;
}

 

.wrapButtons{
    display: inline-flex;
    vertical-align: middle;
}

.fa-minus-square:before, .fa-plus-square:before {
    font-size: 24px;
    float: right;
    /* color: black; */
}
strong {
    font-weight: bold;
    /* page-break-after: always; */
    display: block;
    color: black;
}

      .flickity-prev-next-button.previous {
    left: 1px;
    margin-left: -5px;
}

.flickity-prev-next-button.next {
    right: 1px;
    margin-right: -5px;
   
}

.flickity-button-icon {
    fill: black;
}

.flickity-button {
    background: white;
}
 
 
.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333
}
 
 
.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.offerHeaders{

    height: 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.watermark
{
 position:fixed;
 
 
 opacity:0.1;
 z-index:9;
 color:white;
}

 

 

.adefault{
  color: black !important;
  box-shadow: none !important;
  width: auto !important;
  min-width: auto !important;
}

.saladclass{
  background: none !important;
  border: none !important;
  color: black !important;
}

 
 
 
 .modal-footer{
    padding: 2px 5px 3px 5px;
 }

 .modal-content{
 
   
        border: 2px solid #919191;
        border-radius: 18px 3px 18px 3px;
        /* border-bottom: none; */
        /* border-top: none; */

        border-style: groove;
        border-width: 2px;
        border-top-color: #ff3f05;
        border-left-color: #ff3f05;
        border-right-color: white;
        border-bottom-color: white;
    
 }

 .footerButtons{
    border-radius: 5px !important;
 }

 
 .modal-header{
     padding:8px;
 }

 .pizzaRow  .label-text {
    padding: 6px 0px 3px 0px !important;
 }
 
 
 .foodName{
    line-height: 0.9;
    font-size: 22px;
    /* font-family: "Changa One", cursive; */
    font-weight: 50;
    padding: 7px 5px;
    color: #e9e9e9;
    font-weight: 500;
 }

 .modal-backdrop ~ .modal-backdrop
 {
     z-index : 1051 ;
 }
 .modal-backdrop ~ .modal-backdrop ~ .modal-backdrop
 {
     z-index : 1052 ;
 }
 .modal-backdrop ~ .modal-backdrop ~ .modal-backdrop ~ .modal-backdrop
 {
     z-index : 1053 ;
 }
 
.storeButton {
	float: none;
	display: none;
}

.wrapperCenter {
	text-align: center;
}

.menuBar .menuBar-icon:before {
    vertical-align: middle;
    padding-right: 5px;
    min-width: 45px;
    line-height: 20px;
    display: inline-block;
    color: #eae5e5;
  }

  

  .headersOffer{ 
    color: white;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background: green;
    background-size: 41px;
  }

  .texts{
    display:inline-block;
  }


  .fa-remove:before, .fa-close:before, .fa-times:before{
    content: "\f00d";
  font-size: 53px;
  float: right;
  color: #dc4c46;
}

.foodName2{
  line-height: 0.9;
  font-size: 22px;
  font-weight: 50;
  padding: 7px 5px;
  color: #e9e9e9;
  font-weight: 500;
}
.iconButtons{
padding: 0px 21px;
  background: none;
  border: none;
}
.fa-arrow-circle-o-left:before {


  font-size: 53px;
  float: right;
  color:#16af07;
}


.fa-arrow-circle-o-right:before {
  content: "\f18e";
  font-size: 53px;
  float: right;
  color:#16af07;
}

.foodNames{
display:inline-block;
}

  .menuBar .thin-icon-map-marker:before {
    font-size: 31px;
  }

  .menuBar .thin-icon-cart-add:before {
    font-size: 31px;
  }

  .menuBar .thin-icon-external-right:before {
    font-size: 31px;
  }


  @media (max-width: 991px) {
    .modal-dialog {
      margin: 2px;
    }
  }

  .modal {
    text-align: center;
    padding: 0 !important;
    max-width: 670px;
    width: auto;
  }

  .fa-icon-mailLog:before {
  content: '\f199';
  font-size: 25px;
  font-weight: 700;
  margin-right: 20px;
}

.fa-icon-hashtag:before {
    content: '\f292';
    font-size: 25px;
    font-weight: 700;
    margin-right: 20px;
  }

.fa-icon-pass1:before {
  content: '\f023';
  font-size: 25px;
  font-weight: 700;
  margin-right: 20px;
}

.fa-icon-pass2:before {
  content: '\f13e';
  font-size: 25px;
  font-weight: 700;
  margin-right: 20px;
}

.fa-icon-postcode1:before {
  content: '\f124';
  font-size: 25px;
  font-weight: 700;
  margin-right: 20px;
}

.fa-icon-telephone1:before {
  content: '\f095';
  font-size: 25px;
  font-weight: 700;
  margin-right: 20px;
}

.fa-icon-address1:before {
  content: '\f277';
  font-size: 25px;
  font-weight: 700;
  margin-right: 20px;
}

.fa-icon-name1:before {
  content: '\f234';
  font-size: 25px;
  font-weight: 700;
  margin-right: 20px;
}


.icon-classes-general{

margin-left: 1px;
  left: 26px;
  position: absolute;
  top: 12px;
  margin-right: 9px;
  font-size: 9px;
}

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="search"] {

  padding: 0 28px 0px 49px;

}

/* .row{

margin-left:0px! important;
margin-right:-12px !important;
} */

.addMinus{
    background: none;
    border: none;
    z-index: 9;
    border-radius: 63px;
    width: 40px;
    /* margin-right: 8px; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    background-color: #333333;
    border-radius: 29px;
    font-size: 26px;
    /* color: #fff; */
    /* line-height: 1.2; */
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

@media (min-width: 290px){
    .funkyradio-default {
        min-width: 91px;
    }
    }

@media (min-width: 320px){
    .funkyradio-default {
        min-width: 95px;
    }

    .addMinus{
        width:24px;
    }
    }

    @media (min-width: 340px){
        .funkyradio-default {
            min-width: 107px;
        }

        .addMinus{
            width:40px;
        }
        }

        @media (min-width: 390px){
            .funkyradio-default {
                min-width: 123px;
            }
            }

    @media (min-width: 418px){
        .funkyradio-default {
            min-width: 125px;
        }
        }

        @media (min-width: 450px){
            .funkyradio-default {
                min-width: 140px;
            }
            }

            @media (min-width: 480px){
                .funkyradio-default {
                    min-width: 148px;
                }
                }

@media (min-width: 568px){
    .funkyradio-default {
        min-width: 158px;
    }
    }

    .closePad{
     
        position: absolute;
        right: -1px;
        top: -4px;
        background: none;
        border: none;
        z-index: 9;
}


 #termsModal{
    z-index: 999999 !important;
 }

 .termsContent{
    height: 800px;
    overflow-y: scroll;
    padding: 2px 20px;
    display: block;
 }

 .termsHeader{
     font-size:24px;
     border-bottom: 3px solid black;
 }

 .containerb{
     width: 100%;
 }

 .termH{
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0px;
 }

 .termMH{
    color: #DC4C46;
    font-size: 23px;
    margin-bottom: 6px;
 }

 
@media (min-width: 480px) {
    .funkyradio-default {
      min-width: 159px;
    }

 

}

  @media (min-width: 768px) {
    .funkyradio-default {
      min-width: 159px;
    }
 
    .modal {
      text-align: center;
      padding: 0 !important;
      max-width: 670px;
      width: auto;
      position: fixed;
      top: 10%;

    }

    .closePad {
        position: absolute;
        right: -2px;
        top: -4px;
        background: none;
        border: none;
        z-index: 9;
    }


    .sub-header {
      width: 158px;
    }

   


    .modal-body {
     /*  padding: 4px 0px 5px 3px; */
     /*  margin-left: 11px; */
    }

    #mainWrapper {
      margin-top: 86px;
    }

    .contactHeader {

      font-size: 14px;
    }
  }

  .gm-style {
    font: 400 11px Roboto, Arial, sans-serif;
    text-decoration: none;
  }

  .modal {
    max-width: 538px;
  }

  .gm-style img {
    max-width: none;
  }

  .applications {
    cursor: pointer;
  }

  .branchNavbar {
    z-index: 1;
    font-weight: 700;

    margin-top: 15px;
    font-size: 18px;
    line-height: 25px;

  }

  .page-head {
    border-bottom: 2px solid #DD4132;
  }

  .orderButtons {
    text-align: center;
    border-color: #DD4132;
    padding: 10px 0;

    margin-left: 5px;
    min-width: 140px;
  }

  #cookieConsent {
    position: fixed;
    bottom: 0;
    background-color: #DD4132;
    width: 100%;
    text-align: center;
    color: black;

  }

  .sub-options {

    line-height: 1.02778;
    font-size: 22px;
    color: black;
    background: white;
    text-transform: unset;
    /* font-family: "Changa One", cursive; */
    font-weight: 400;
    margin-top: -3px;
    padding: 6px 9px;
    border-radius: 6px;
    width: 121px;
    box-shadow: 1px 0px 2px 4px #DD4132;
    cursor: pointer;
    text-align: center;


  }

  .cart-align-right {
    font-size: 16px;
  }

  .optionHeaders {
    font-size: 20px;
    height: 0;
    color: red;
    margin-left: 10px;
    text-decoration: underline;
    margin-bottom: 44px;

  }

  button:disabled {

    background: #e5e5ee;
  border: none;
  color: #baabab;
  }

  .timeSelect {
    width: 100%;
  text-align: left;
  height: 50px;
  border-radius: 24px;
  vertical-align: middle;
  margin-bottom: 10px;
  border-radius: 3px;
  background: #e6e6e6;
  border: 1px solid black;
  color: black;
  box-shadow: 1px 2px 3px 0px;

  text-indent:38px;
   padding:0 !important
  }
 

.sub-header{
    display: inline-block;
    text-align: center;
    /* box-shadow: 0px 1px 1px 0px #e0d5d5; */
    line-height: 1.02778;
    font-size: 15px;
    color: black;
    background: white;
    text-transform: unset;
    font-weight: 400;
    margin-top: -3px;
    padding: 8px 1px;
    border-radius: 4px;
    width: -webkit-fill-available;
    border: 1px solid black;
    cursor: pointer;
    display: inline-table;
    width: 95%;
    border-radius: 2px 3px 1px 1px;
    height: 38px;
    border: 4px solid #fffefe;
    /* border-bottom: 4px solid #fdfffc; */
    font-weight: 700;
}
 
@media (max-width: 321px){
    .sub-header {
    font-size: 13px;
}
}
  .allsaladsdiv{
    text-align: center !important;
    font-size: 15px;
    color: black !important;
    display: inline-table;
    box-shadow: 0px 1px 1px 0px white;
    height: 38px;
    display: inline-block;
    text-align: center;
    box-shadow: 0px 1px 1px 0px #e0d5d5;
    line-height: 1.02778;
    font-size: 14px;
    color: black;
    background: white;
    text-transform: unset;
    font-weight: 400;
    margin-top: -3px;
    padding: 3px 2px 2px 7px;
    border-radius: 4px;
    width: -webkit-fill-available;
    border: 1px solid black;
    cursor: pointer;
    display: inline-table;
    width: 95%;
    border-radius: 2px 3px 1px 1px;
    height: 38px;
    border: 2px solid #fffefe;
    /* border-bottom: 4px solid #fdfffc; */
    font-weight: 700;
    font-family: inherit;
    font-family: 'Open-Sans', sans-serif;
    color: black;
    margin-bottom: 4px;
 
}

 

.atexta{
    color: black !important;
    font-size: 15px !important;
    font-weight: 700;
   
}

.atextax{
    color: black !important;
    font-size: 15px !important;
    font-weight: 700;
   
}

.adefault{
  color: black !important;
  box-shadow: none !important;
  width: auto !important;
  min-width: auto !important;
}

.saladclass{
  background: none !important;
  border: none !important;
  color: black !important;
}


  .optionsChoices {
    color: red;
    height: unset;


  }

  .strongWhite {
    display: inline;
    color: red;

  }

  select {
    margin: 1px;
    font: inherit;
    color: inherit;
    padding: 0px 21px;
    
  }

  .rd-navbar-static {

    background: black;

  }


  .rd-navbar-static .rd-navbar-nav>li>a {
    font-size: 12px;
    color: white;
  }

  .rd-navbar-nav .navbar-icon:before {

    color: white;
  }

  /* .text-bold, strong {

  color: white;
}
*/

  .contact-info span {
    color: white;
  }

  .rd-navbar-toggle {
    color: white;
  }

  .rd-navbar-fixed .rd-navbar-panel:before {

    background: black;
  }

  .rd-navbar-fixed .rd-navbar-nav-wrap {

    color: white;
    background: black;

  }

  .rd-navbar-fixed .rd-navbar-nav {
    background: black;

    color: white;
  }

  .rd-navbar-fixed .rd-navbar-nav li>a {
    color: white;
  }



  .rd-navbar-minimal .rd-navbar-static.rd-navbar--is-clone,
  .rd-navbar-minimal .rd-navbar-static.rd-navbar--is-stuck {
    padding-top: 0;
  }

  .rd-navbar-static.rd-navbar--is-clone,
  .rd-navbar-static.rd-navbar--is-stuck {
    box-shadow: 0 1px 5px rgba(68, 73, 83, 0.12);
  }

  .rd-navbar-static.rd-navbar--is-stuck,
  .rd-navbar-static.rd-navbar--is-clone,
  .rd-navbar-fullwidth.rd-navbar--is-stuck,
  .rd-navbar-fullwidth.rd-navbar--is-clone {

    background: black;
  }

  .blacks {
    color: black;
  }

  .submitButtons{
    -webkit-appearance: none;
    }

  .container{
    background: none !important;
  }

  body{
    text-align: center;
  }


  .fa-arrow-circle-o-left:before {
    content: "\f112";
    font-size: 45px;
    float: right;
    color: #16af07;
}
 
.fa-trash-o:before {
  content: "\f014";
  font-size: 30px;
  float: right;
  color: #e70e64;
  margin-top: 0px;
  margin-right: 5px;
  margin-top: 4px;
}

.topping0{
    
}
.topping1{
    background: #bd2323 !important;
}
.topping2{
     
    background: #148614 !important;
}
.topping3{
    background: #139ec7 !important;
}
.topping4{
    background: #c7b113 !important;
}

#forgotPass2{
    margin-top: -12px !important;
    color: green;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 0 25px
}















 .jq-radio.checked .jq-radio__div {
    width: 21.5px;
    height: 12px;
    border-radius: 50%;
    color: #e4b95b;
    font-size: 20px;
    line-height: 15.5px;
    text-align: center;
    margin-left: -3px;
  }

  .container {
    margin-right: auto;
    margin-left: auto;
    background: white;
    border-radius: 10px;
    margin-bottom:70px;
  }

  .itemGeneral {
    font-size: 16px;
    color: black;
    font-weight: 700;
  }

  @media (max-width: 767px) {

    .shop-checkout-left,
    .shop-checkout-right {
      padding: 15px;
    }

    .firstcontainer {
      margin-top: 75px;
    }
  }

  .itemOptions {
    font-size: 14px;
    height: unset;
    margin: 0px;
    text-align: center !important;
  }

  

   

  .active_coldel {
    background: #4dc322 !important;
    font-weight: 700;
  }


  .thin-icon-ambulance:before {
    font-size: 25px;
    font-weight: 700;
    margin-left: -18px;
    margin-right: 7px;

  }

  .thin-icon-notes:before {
    font-size: 25px;
    font-weight: 700;
    margin-left: -18px;
    margin-right: 7px;
  }

  .thin-icon-money:before {
    font-size: 25px;
    font-weight: 700;
    margin-left: -18px;
    margin-right: 7px;
  }

  .thin-icon-card:before {
    content: '\e854';
    font-size: 25px;
    font-weight: 700;
    margin-left: -18px;
    margin-right: 7px;
  }
 

  .thin-icon-user:before {
    font-weight: 700;
    font-size: 25px;

  }

  .wrapInputs {
    display: inline-block;
    width: 100%;
  }

  textarea {
    padding: 13px 24px 13px 42px;
  }

  .icon-classes {
    margin-left: -5px;
    left: 26px;
    position: absolute;
    top: 36px;
    margin-right: 9px;
    font-size: 22px;
  }

  .thin-icon-time:before {
    font-size: 25px;
    font-weight: 700;
    margin-right: 20px;
  }

  .thin-icon-address:before {
    font-size: 25px;
    font-weight: 700;
    margin-right: 20px;
  }

  .thin-icon-postcode:before {
    content: '\e809';
    font-size: 25px;
    font-weight: 700;
    margin-right: 20px;
  }


  .thin-icon-notes2:before {
    font-size: 25px;
    font-weight: 700;
    margin-right: 20px;
  }

  .thin-icon-telephone:before {
    content: '\e817';
    font-size: 25px;
    font-weight: 700;
    margin-right: 20px;
    top: 38px !important;
  }

  .thin-icon-notes2:before {
    content: '\e845';
    font-size: 25px;
    font-weight: 700;
    margin-right: 20px;
    top: 38px !important;
  }

  .thin-icon-emails:before {
    content: '\e81f';
    font-size: 25px;
    font-weight: 700;
    /*       margin-right: 20px; */
    top: 38px !important;
  }

  .InputContainer {
    border-right: 1px solid black;
  }

  .wrapLogin {
    margin-top: 40px !important;
  }

  .addButton2 {
    display: inline-block;
    border: none;
    box-shadow: none;
    background: #DC4C46;
    background-size: 100% auto;
    font-size: 16px;
    font-family: 'Quicksand', sans-serif;
    color: #ffffff;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    min-width: 280px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-transform: uppercase;
    margin-top: 30px !important;
  }

  .addButton3 {
    background: #0b6990;
  }

  .printMenu {
    font-weight: 700;
    padding-left: 5px;
    font-size: 16px;
    color: black;
    margin-top: 3px;
  }

  .borderbottom {
    border-bottom: 2px dashed black;
    color: #372727;
    font-weight: 700;
    margin: 0px;
    font-size: 18px;
  }

  .cart-align-right {
    float: right;
    font-weight: 700;
    color: #372727;
  }

  .aboutuser {
    font-size: 14px;
    margin-bottom: 3px;
    font-size: 15px;
  }

  .borderDraw {
    color: #372727;
    font-weight: 700;
    margin: 0px;
    font-size: 18px;
  }

  #checkOutButton {
    padding: 15px;
    margin-bottom: 200px;
  }

  .orderDetails {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
  }

  #paymentTypes {
    color: #372727;
    font-weight: 700;
    text-align: center;
    font-size: 18px;
  }

  span:hover {
    color: unset;
  }

  .cartTotal {
    display: inline-block;
    width: 100%;
    padding: 7px 0;
    border-bottom: 1px solid #e0e0e0;
  }

  #paymentTypes {
    padding: 0;
    border: none;
  }

  .shop-checkout-right h6 {
    color: #372727;
    font-weight: 700;
    margin: 0px;
    font-size: 14px;
  }

  .addressinf {
    color: white;
    font-size: 14px;
  }

  .choosec {
    font-size: 18px;
    margin: 13px;
    margin-bottom: -12px;
  }

  .alertmessage {
    font-size: 16px;
    margin-top: 26px !important;
    font-size: 16px;
    /* margin: 40px; */
    padding: 10px;
  }

  .openingxx{
      color:red;
      margin-top:-3px !important;
      font-size:17px;
  }


  .modal-alertxx{
    background:#fefefe; 
    border-radius: 10px; 
    text-align:center; 
    color:red; font-weight:700; 
    display:grid; 
    text-align:center; 
    align-items:center; 
    padding:6px;
  }
  .wrapbut {
    margin-top: -80px;
  }

  #savednotes {
    width: 100%;
    text-align: center;
    height: 50px;
    border-radius: 24px;
    vertical-align: middle;
    margin-bottom: 10px;
    border-radius: 7px;
    background: #e6e6e6;
    border: 1px solid black;
    color: black;
    box-shadow: 1px 2px 3px 0px;
  }

  #savednotes:disabled {
    color: #596978;
  }

  .tiph{
    display: inline-block;
    color: #372727;
    font-weight: 700;
    margin: 0px;
    font-size: 18px;
}

.tiplabel{
    width:97px;
}

@media (max-width: 360px) {
    .tiplabel {
        width:92px;
    }
}


.cart-blog h6 {
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    font-weight: 600;
    font-family: 'Open-Sans', sans-serif;
    margin-bottom: 2px;
}

.modal-dialog {
    margin: 0;
    padding:2px;
 }

 .orderNumberClass {
    padding-bottom: 10px;
 }

 .shop-checkout-row {
    padding-bottom: 5px;
    padding-top: 7px;
 }

 .cartTotal {
    margin-top: 6px;
 }

 .shop-checkout-right h6 {
    color: #372727;
    font-weight: 700;
    margin: 0px;
 }

 

 .deliveryinfo {
  font-size: 14px;
  margin: 8px;
  font-weight: 600;
  color: #3f3636;
 }

 .rejected {
    font-size: 18px;
    margin: 5px;
    font-weight: 500;
    color: red;
 }

 .wraporder {
    border-radius: 4px;
    background: white;
    padding: 20px 8px;

 }

 .orderinfos{
    font-size:13px; margin-bottom:5px; text-align:left; font-weight:420;
 }

 .paymentinfos{
font-size:13px; margin-bottom:5px; text-align:center; border:1px dashed black; font-weight:700;
 }

 .timeinfo{
  font-size:20px; margin:5px; font-weight:500;
 }

 .separator{
    border-bottom: 2px double black;
  padding: 4px;
  margin-bottom: 20px;
 }

 .separator2{
    border-bottom: 2px double black;
  padding: 4px;
  margin-bottom: 10px;
   
 }

 .bclass{
    text-align: left;
    margin: 8px 0;
 }

 .notetext{
    text-align: left;
    margin:0;
    margin-bottom:15px;
 }

 .itemGeneral {
  font-size: 14px;
  color: black;
  font-weight: 500;
  text-align: left;

  font-size: 16px;
  color: black;
  font-weight: 700;
}

.checkout-wrap {
  text-align: center;
  padding: 100px 15px 0px 15px;
}

h1>span{
 float:right;
}

.itemOptions {
    font-size: 13px;
    height: unset;
    margin: 0px;
    text-align: left !important;
    padding-left: 0px;
    font-family: 'Open-Sans', sans-serif;
    font-weight: 100;
    padding: 0 5px 0 5px;
    display: flex;
}

.shop-checkout-right h6 {
  color: #372727;
  font-weight: 700;
  margin: 0px;
  font-size: 14px;
}

.yourMessage{
    font-size: 17px;
  text-align: left;
  text-indent: 16px;
  text-decoration: underline;
  margin: 4px 0px;  
  }

  .yourMessagex{
    text-align: left;
  text-indent: 20px;
  font-size: 15px;
  font-weight: 500;
  }

  #situation{
    font-size: 24px;
  font-weight: 600;
  color: black;
  margin-top:20px;
  }

  #yourMessage{
    border-bottom: 2px solid black;
  padding-bottom: 12px;
  margin-top:10px;
  }

  .shopGeneric{
    text-align: center;
  font-size: 16px;
  padding: 46px;
  }

  .shopReply{
    font-size: 17px;
  text-align: right;
  /* text-indent: 16px; */
  text-decoration: underline;
  margin: 4px 0px;
  margin-right: 22px;
  }

  .shopReplyx{
    text-align: right;
  /* text-indent: 20px; */
  font-size: 15px;
  font-weight: 500;
  margin-right: 20px;
  }
  #shopReply{
    margin-top: 20px;
  }
  
  .headersLogx{
    font-size: 14px;
  font-weight: 700;
  /* margin-top: 20px !important; */
  padding: 20px 10px;
  color: #201f1f;
  }


.addButton3x{
font-family: 'Roboto', sans-serif;
}


.alignv{
margin-top: -12px !important;
margin-bottom: 5px;
  display: inline-flex;
  align-items: center;
}

.dropdownlabel{
display: block;
  height: 3em;
  line-height: 3em;
  padding-left: 0.4em;
  padding-right: 3em;
  cursor: pointer;
  position: relative;
  transition: 0.3s color ease-in-out;
  text-align: left;
 /*  border-bottom: .07em solid #d9d9d9d9; */
}

#optionsmenu{
overflow-y: auto;
  max-height: 80vh;
}


#optionsmenu::-webkit-scrollbar {
  width: 6px;
}

#optionsmenu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  background: #f7f7f7;
}

#optionsmenu::-webkit-scrollbar-thumb {
  background: #898a89;
  border-radius: 1px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}


.dropdownlabel:hover{
  background: rgba(0,123,255,.15);
}

.dropdownlabel:active{
 color:#007bff;
}

.wrapth{
display: flex;
border-bottom: .07em solid #d9d9d9d9;
align-items: center;
}

.wrapth .fa {
display: contents;
}

.fa-icon-mytick:before {
content: '\f22d';
font-size: 22px;
font-weight: 100;
margin-right: 3px;
color: #007bff;
margin-left: 4px;
}

.fa-icon-myticks:before {
content: '\f192';
font-size: 22px;
font-weight: 100;
margin-right: 3px;
color: #007bff;
margin-left: 4px;
}

.addButton3x {
    display: inline-block;
    border: none;
    box-shadow: none;
    background: #DC4C46;
    background-size: 100% auto;
    font-size: 16px;
    font-family: 'Quicksand', sans-serif;
    color: #ffffff;
    font-weight: 700;
    height: 80px;
    line-height: 80px;
    padding: 0 30px;
    min-width: 280px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-transform: capitalize;
    margin-top: 80px !important;
    font-weight: 500;
  }

  .addButton4x {
    display: inline-block;
    border: none;
    box-shadow: none;
    color: #ffffff;
    padding: 0 30px;
    min-width: 299px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-transform: capitalize;
    margin-top: 20px !important;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    height: 62px;
    line-height: 65px;
    font-size: 18px;
    width: 100%;
    max-width: 299px;
  }

  
  .pleaselogin {
    color: white;
    font-size: 15px;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .heade-xs2 {
    padding: 10px 10px;
    color: #201f1f;
    margin: 0;
    font-weight: 700;
    font-size: 14px;
  }

  .heade-xs23 {
    padding: 5px 41px;
  color: #080808;
  /* margin: 0; */
  font-weight: 700;
  font-size: 16px;
  margin-top: 30px !important;
  margin-bottom: -3px;
}
   

  .heade-xs24 {
    color: #2f2b2b;
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  padding: 0;
  padding: 0;
  display: inline-flex;
  text-align: center;

  }

  

  .telclaz{
    margin-left:2px !important;
    color: #2f2b2b !important;
    font-weight: 500 !important;
    margin-top: 2px;
  }

  #phoneShop{
font-weight: 700;
  font-size: 16px;
  list-style: none !important;
}

.chpassword {
      color: #20202f;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    display: block;
    margin-top: 10px !important;
  }


  #coolal {
    display: block;
    position: fixed;
    top: calc(100% / 2);
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    padding-top: 15px;
    width: 350px;
    opacity: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 8px;

  }

#coolal-btn{

    width: 100%;
    display: block;
}

  .coolal-title,
  .coolal-text,
  #coolal-btnWrapper {
    margin: 0;
    padding: 5px;

    color: #171717;
    font-size: 1.3em;
    text-decoration: none;

    display: block;
  padding: 0px;
 
  border-bottom: 0;
  width: 100%;
  margin-top: 3px !important;
  }

  .coolal-title {
    font-weight: bold;
    margin-top: -15px;
    margin-bottom: 2px;
  }

  .coolal-text {
    margin-top: -10px;
    padding-bottom: 20px;
    font-size: 1em;
    border-bottom: 0;
  }

  #coolal-btnWrapper {
    display: block;
  padding: 0;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  padding: 2px 0;
  margin-top: 19px !important;
  padding-top: 1px;
  padding-bottom: 7px;
  }

  .coolal-btnWrappera {
    display: inline-block;
    margin: 0;
    padding-top: 2px;
    height: 37px;

    color: #09f;
    text-decoration: none;
  }

  .coolal-btnWrappera:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .coolal-alert {
    width: 100%;
    border-radius: 0 0 8px 8px;
  }

  .coolal-yes-no {
    width: calc(98% / 2 - 1px);
  }


  #iosAlertx{
    z-index:999999999999999999
  }
 

.timeSelectx {
width: 99.5%;
  text-align: left;
  height: 50px;
  vertical-align: middle;
  margin-bottom: 10px;
  border-radius: 3px;
  background: #e6e6e6;
  color: black;
  margin-bottom: 13px !important;
  text-indent:38px;
   padding:0 !important
}

.formInputsx{
color: 20202f;
  margin-bottom: 10px;
  font-size: 14px;
  text-align: left;
  font-weight: 450;
  font-size: 12px;
  margin-left: 7px;
}

.form-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .form-switch i {
    position: relative;
    display: inline-block;
    margin-right: .5rem;
    width: 46px;
    height: 26px;
    background-color: transparent;
    border-radius: 23px;
    vertical-align: text-bottom;
    transition: all 0.3s linear;
  }

  .form-switch i::before {
    content: "";
    position: absolute;
    left: 0;
    width: 42px;
    height: 22px;
    background-color: #aca8a8;
    border-radius: 11px;
    transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transition: all 0.25s linear;
  }

  .form-switch i::after {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 11px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    transform: translate3d(2px, 2px, 0);
    transition: all 0.2s ease-in-out;
  }

  .form-switch:active i::after {
    width: 28px;
    transform: translate3d(2px, 2px, 0);
  }

  .form-switch:active input:checked+i::after {
    transform: translate3d(16px, 2px, 0);
  }

  .form-switch input {
    display: none;
  }

  .form-switch input:checked+i {
    background-color: #18b232;
  }

  .form-switch input:checked+i::before {
    transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
  }

  .form-switch input:checked+i::after {
    transform: translate3d(22px, 2px, 0);
  }

  .switchlabel {
    color: #252323;
    margin-bottom: 24px !important;
    margin-top: 10px !important;
    font-weight: 700;
  }

  .coolal-yesx{
    border-right: 1px solid #aaa;
  }

  .modal-contentx {
    border: none;
    background: #f6f6f6;
 
    border-radius: 24px 3px 24px 3px;
  }

.modal-bodyx {
  padding: 7px 25px 5px !important;
  min-height: 326px !important;
}

.modal-dialogx {
    margin: 0 !important;
    overflow-y: auto;
    position: fixed !important;
    top: 54% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 97% !important;
    max-width: 550px;
}

  .orderTable>thead>tr>th,
  .orderTable>tbody>tr>th,
  .orderTable>tfoot>tr>th,
  .orderTable>thead>tr>td,
  .orderTable>tbody>tr>td,
  .orderTable>tfoot>tr>td {
    padding: 10px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid white;
  }

  .accordion-part .panel-body {
    padding: 0px;
  }

  .accordion-part .panel-title a {
    display: block;
    color: #372727;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    width: 100%;
    font-size: 15px;
    padding: 0;
    height: 61px;
    line-height: 50px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #fefefe;
    font-weight: 500;
    line-height: 65px;
    font-size: 18px;
    padding: 0 30px;
    border:none;
}
#accordion{
    margin-top:50px;
  }

 
  
  @media (max-width: 767px) {
    .accordion-part .panel-body {
      padding-bottom: 20px;
    }

    #accordion{
        margin-top:0;
    }
  }
 

  .accordion-part .panel-titlez a:after {
    content: "" !important;
 
}

  .submitButtonsxx {
    border-radius: 4px;
    box-shadow: none;
    background: #309d47;
    border: none;
    margin-top: 18px !important;
    height: 50px;
  }

  .panel-body {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 53px !important;
  }

  .accordion-part .panel-title a[aria-expanded="true"] {
    background: #257109;
    margin-bottom:12px;
  }

  #accordion {
    display: inline-block;
    border: none;
    width: 100%;
    max-width: 299px;
    text-align: center;
  }

  .hh6 {
    margin: 0 !important;
  }

 .padinputs {
    padding: 0 12px !important;
    text-align: center;
  }

  #collapseFive {
    margin-left: -19px !important;
  }

  .accordion-part .panel-heading {
  padding: 0px;
  background: transparent;
  margin-top: 20px;
}

.collapsed {
  width: 280px;
  background: #0b6990;
}

.flickity {
    margin-left: 0;
    margin-bottom: 0px;
    border-radius: 0px;
    box-shadow: 1px 1px 3px 1px #4e4b4b;
    text-align: center;
  }

  .portfolioFilter-inner {
    display: inline-block;
    width: auto;
    border-radius: 0;
    box-shadow: none;
  }

  .portfolioFilter a.current {
    background: #DC4C46;
    /*  background: #20202f;*/
    color: #ffffff;
  }

  .portfolioFilter {
    display: grid;
    width: 100%;
    text-align: center;
 
    margin-bottom: 0;
  }

  /* #slider::-webkit-scrollbar {
    width: 7px;
  }

  #slider::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    background: #060606;
  }

  #slider::-webkit-scrollbar-thumb {
    background: #478344;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  } */

  .explainP::-webkit-scrollbar {
    width: 12px;
  }

  .explainP:-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    background: #060606;
  }

  .explainP-webkit-scrollbar-thumb {
    background: #478344;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }

  .portfolioFilter a {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 2px 1px 2px 1px;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size: 24px;
    padding: 9px;
    text-align: left;
    width: -webkit-fill-available;
    padding-right: 17px;
  }

   

  #slider {
    max-height: 1000px;
    overflow-y: scroll;
    /* height: 934px; */
 
  }

  .mainrow{
  
    margin-top: 118px;
  }

  .filterButtons{
  padding-left:1px;
  padding-right:15px;
  }


  @media (max-width: 991){
.col-xs-6xx {
    width: 47% !important;
    border-radius: 5px !important;
    margin: 1.4% !important;
}
}

 

.mainrow{
  
    margin-top: 0px;
  }
 
  @media (max-width: 1199px) {
    .portfolioFilter {
      display: inline-block;
      width: 100%;
      text-align: center;
      margin-bottom: 0;
    }

  

  #innerdiv{
    width:100%;
  }

  #cartdivision {
    position: fixed;
    right: 1%;
    top: 1px;
    margin-top: 0;
}

    .portfolioFilter-inner{
      position: fixed;
      top: 80px;
      right: 0;
      border-radius: 7px;
      z-index: 9;
      width: 95px;
      min-width: 150px;
      width: auto;
      display: inline-block;
      width: auto;
      -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
      
      background: url('https://rookcala.sirv.com/banner1.jpg');
      border-radius: 3px;
      text-align: center;
    }

     

    .portfolioFilter a {
      width: 33%;
    text-align: center;
    padding: 2px 1px 2px 1px;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-size: 13px;
    text-align: center;
    height: 28px;
    display: inline-grid;
    }

    /* #fixedHeaderMenu {
      margin-top: 56px;
    } */

    #slider {
      /*    margin-top: 95px;
     height: unset; */
      max-height: unset;
      overflow-y: unset;
    }
 
    .col-xs-6xx {
        width: 27% !important;
        border-radius: 5px !important;
        margin: 3% !important;
       
    }

 
#cartdivision {
    position: fixed;
    right: 1%;
    top: 1px;
    margin-top: 6px;
}
    .menuImage {
      margin-top: 3px;
    }

    .explanation-item {
      margin-top: 5px;
    }
  }

  .txt-default {
    color: black;
  }

  .fa-icon-plusItem:before {
    content: '\f0fe';
    font-size: 34px;
    font-weight: 100;
    margin-right: 3px;
    color: #45a94e;
  }

  .fa-icon-plusItem {
    display: flex;
    position: absolute;
    left: 5px;
    top: 2px;
  }
 
  .filterButtons{
    padding: 0;
  }

  @media (max-width: 1199px){
    .portfolioFilter a {
        width: 33%;
        text-align: center;
        padding:9px;
        color: #ffffff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        font-size: 16px;
        text-align: center;
        height: 44px;
        display: inline-grid;
    }
    }
    @media (max-width: 650px){
    .portfolioFilter a {
    
        width: 33%;
        text-align: center;
        padding: 2px 1px 2px 1px;
        color: #ffffff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        font-size: 13px;
        text-align: center;
        height: 33px;
        display: inline-grid;
        line-height: 14px;
        align-items: center;

      
    }
}
 
@media (max-width: 991px) {
.col-xs-6xx {
    width: 47% !important;
    border-radius: 5px !important;
    margin: 1.4% !important;
    }
  }

  @media (max-width: 780px){
    .col-xs-6xx {
        width: 47% !important;
        border-radius: 5px !important;
        margin: 1.4% !important;
    }
    }


@media (max-width: 535px) {
.col-xs-6xx {
    width: 47% !important;
    border-radius: 5px !important;
    margin: 1.4% !important;
    }
  }

  .basketxx{
    display: flex;
    position: absolute;
  }
 
  .addButton3 {
    background: #0b6990;
  }

  
/* @media (max-width: 900px){
.addButton3x {
margin-top:40px !important;
height: 60px;
line-height: 60px;
}
}


@media (max-width: 415px){
.addButton3x {
margin-top:20px !important;
height: 50px;
line-height: 50px;
}
} */

.small600{
    margin-bottom:10px;
}
 
.font13{
    font-size: 13px;
}

textarea {
    padding: 13px 24px;
}

.modalPad{
    max-width:500px;
    padding: 20px;
    
}

 

 
.loginModalx{
    overflow: hidden;
    max-width: 500px;
    /* padding: 24px; */
    margin: 0 !important;
    /* overflow-y: scroll; */
    position: fixed !important;
    /* top: 44% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important; */
    width: 100% !important;
}

.registerModalx{
    overflow: hidden;
    max-width: 500px;
    /* padding: 24px; */
    margin: 0 !important;
    /* overflow-y: scroll; */
    position: fixed !important;
    top: 54% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 97% !important;
}

#messageCustomer{
    padding: 13px 24px 13px 42px;
  }

  .wrapInputs input{
    padding: 0px 10px 0px 42px;
    border: 1px solid black;
  }

  @media (min-width: 992px){
.col-md-7 {
    width: 64.33333%;
}
}

.text-center2{
    text-align: center !important;
}

#saveNote{
    
       width: max-content;
       font-weight: 700;
       padding: 0;
}

.thin-icon-basketIos:before {

    height: 43px;
    content: '\e837';
    color: #1a8c1b;
 
 
    font-size: 32px;
    font-weight: 600;
    margin-right: 3px;
    color: #45a94e;
    
    }
    
    .bubbleCart {
    top: 10px;
    line-height: 23px;
    background: #e41e13 !important;
    border-radius: 52% !important;
    position: absolute;
    right: -4px;
    z-index: 9999999;
    width: 24px !important;
    height: 22px !important;
    font-size: 12px !important;
    padding: 0px 2px 5px 3px !important;
    text-align: center !important;
    color: white !important;
    border: none !important;
    }
    
    .popupIos{
    position: fixed;
    right: 5px;
    margin-top: -7px !important;
        margin-right: 5px !important;
    }
    
    
    
    .popup{
        line-height: normal;
        margin: 0 0 1px 0;
        font-weight: 700;
        font-family: 'Open-Sans', sans-serif;
        font-size: 19px;
        color: #3cc327;
      }

      #popupModal  .modal-content{
        border-radius: 20px 3px 20px 3px;
        border:none;
      }

      #popupModalIos .modal-content{
        border-radius: 20px 3px 20px 3px;
        border:none;
      }

      #popupModalIos .modal-dialog {
        margin: 0 !important;
        /* overflow-y: scroll; */
        position: fixed !important;
        /* top: 49% !important; */
        left: 50% !important;
        transform: translate(-50%, 2%) !important;
        width: 97% !important;
        max-width: 550px;
    }

    #popupModal .modal-dialog {
        margin: 0 !important;
        /* overflow-y: scroll; */
        position: fixed !important;
        /* top: 49% !important; */
        left: 50% !important;
        transform: translate(-50%, 2%) !important;
        width: 97% !important;
        max-width: 550px;
    }

    
      .explainItem {
        line-height: 1;
        color: #3a3838;
        font-size: 12px;
        text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: bold;
        /* page-break-after: always; */
        display: block;
        /* padding: 8px 0px 2px 5px; */
        padding: 0px 0px 0px 0px;
    }

  


    .col-xs-6xx {
        max-height: 235px;
        height: 235px;
    }

    .modal-contentx > .fa-times:before,.fa-icon-name1:before, .fa-icon-mailLog:before,.fa-icon-telephone1:before,.fa-icon-address1:before ,.fa-icon-postcode1:before,.fa-icon-arrow-right:before,.fa-icon-hashtag:before,.fa-icon-pass1:before,.fa-icon-pass2:before,.fa-eye-slash:before   {
    
        color: #3e3d3d;
    }


    .modal-contentx >.fa-remove:before, .fa-close:before, .fa-times:before{

        font-size:49px;
    }
    

    .fa-icon-arrow-right:before {
        content: '\f178';
        font-size: 25px;
        font-weight: 700;
        margin-right: 20px;
    }

    input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"], input[type="number"], .timeSelectx {
        height: 50px;
        width: 100%;
        border: 2px solid #e5e5ee;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        -ms-border-radius: 80px;
        -o-border-radius: 80px;
        border-radius: 3px;
        padding: 0 30px;
        margin-bottom: 13px;
        outline: none;
        background: #d8d8d8;
        border: 1px solid black;
        color: #332f2f;
        box-shadow: 1px 2px 3px 0px;
        /* font-weight: 600; */
        font-family: 'Roboto', sans-serif;
        padding: 0 28px 0px 49px;
    }

    .addButton4x{
    cursor: pointer;
    flex: 1;
    background-image: linear-gradient(to top, #15598e 0%, #016686 100%);
    /* display: flex; */
    align-items: center;
    justify-content: center;
    margin: 1px;
    transition: 0.2s;
    font-size: 18px;
    box-shadow: inset 0 20px 4px -21px rgb(255 255 255 / 40%), 0 19px 13px 0 rgb(0 0 0 / 30%);
    color: #e5e1e1;
    position: relative;
    z-index: 2;
    height: 58px;
    line-height: 58px;
    }

    .b5xx{
        background-image: linear-gradient(to top, #2d8601 0%, #61c02c 100%);
    }

    .c5xx{
        background-image: linear-gradient(to top, #2d8601 0%, #61c02c 100%);
    }


    .addtobutton{
        transition: .3s ease-out;
        font-size: 12px;
        padding: 10px 27px;
        border-radius: 10px;
        background: #05670a;
        border-radius: 5px;
        /* box-shadow: -1px 2px 1px 1px #869687; */
        box-shadow: -1px 2px 2px 0px #f2f0f0;
        color: #fff;
        font-size: 13px;
        text-align: center;
        width: 156px;
        height: 45px;
        margin-left: -74px;
        margin-top: -35px;
        margin: 7px 3px !important;
        font-weight: 600;
        padding: 9px 21px !important;
        border: none !important;
        float: left;
        text-align: left;
        margin-top: 4px !important;
    }

    .icon-classes-general2 {
        position: absolute;
        font-size: 14px;
        right: 18px;
        top: bottom;
        bottom: 16px;
    }

    .fa-icon-add2x:before {
        content: '\f218';
        font-size: 27px;
        font-weight: 400;
        color: #f5f5f5;
    }

    .modal-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 4px;
        border-top: 2px solid #919191;
    }

    .modal-header {
        display: -ms-flexbox;
        display: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px;
        /* border-bottom: 2px solid #919191; */
        border-bottom: none;
    }

    .cartItemNames{
        margin-bottom:2px;
    }

    .ptotal{
        margin-top:4px !important;
    }

    .fa-trash-o:before {
        font-size: 30px;
        float: right;
        color: #292929;
        margin-top: 0px;
        margin-right: 0px;
        margin-top: 4px;
        content: "\f146";
    }
    
    .modal-bodyxx{
        padding: 2px;
    }

    .modal-dialogxx{
        padding: 6px;
    }
    
    @media (min-width: 1200px){
.col-lg-3 {
    width: 23%;
    margin: 1% !important;
}

.mainrow {
    margin: 0;
}

#slider {
    height: 934px;
  }
}

.container{
    border-radius: 0;
}

.alerts1x tr td, tr th {
    font-size: 12px;
    padding: 5px 10px;
    border: none;
    color:black;
}

.alerts1x   tr:last-child {
   
 
   border-bottom:unset !important;
}

.alerts1x  th {
 
   margin-top:15px !important;
}


 


.funkyradio-success > label {
    font-size: 11px;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    background: #333;
    color: white;
    height: 30px;
    border-radius: 1px;
}


@media (min-height: 600px) {
    .funkyradio-success > label {
        font-size: 11px;
        margin: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        background: #333;
        color: white;
        height: 42px;
        border-radius: 1px;
    }
 }


 @media (min-height: 600px)  and (min-width: 400px){
    .funkyradio-success > label {
        font-size: 12px;
    }
 }

 .wrapb{
    text-align: center;
    width: 176px;
    display:inline-table;
 }


 .popupbodyxx{
    background: white;
    overflow-x: hidden;
 }

 .contentxx{
    overflow-x: hidden;
 }

 .profileModalxx{
    overflow-y: overlay;
 }

 .popupxx{
/* max-height: 600px; */
/* overflow-y: scroll; */
border-radius: 20px 3px 20px 3px;
 }

 @media (max-width: 380px){
 
    .explainItem {
        line-height: 1;
        color: #3a3838;
        font-size: 12px;
        /* font-size: 14px; */
        text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: bold;
        /* page-break-after: always; */
        display: block;
        padding: 0px 0px 0px 0px;
        /* padding: 8px 0px 2px 0px; */
    }
}
 

#deleteAccount{
    width: 50%;
    font-size: 12px;
    height: 30px;
    line-height: 31px;
    background: #b24806;
}

.loginBtn {
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
  }
  .loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
  }
  .loginBtn:focus {
    outline: none;
  }
  .loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
  }
  
  
  /* Facebook */
  .loginBtn--facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
    text-shadow: 0 -1px 0 #354C8C;
  }
  .loginBtn--facebook:before {
    border-right: #364e92 1px solid;
    background: url('https://rookcala.sirv.com/icon_facebook.png') 6px 6px no-repeat;
  }
  .loginBtn--facebook:hover,
  .loginBtn--facebook:focus {
    background-color: #5B7BD5;
    background-image: linear-gradient(#5B7BD5, #4864B1);
  }
   
  .loginBtn--google {
    /*font-family: "Roboto", Roboto, arial, sans-serif;*/
    background: #DD4B39;
  }
  .loginBtn--google:before {
    border-right: #BB3F30 1px solid;
    background: url('https://rookcala.sirv.com/icon_google.png') 6px 6px no-repeat;
  }
  .loginBtn--google:hover,
  .loginBtn--google:focus {
    background: #E74B37;
  }

  .login-form {
    width: 385px;
    margin: 30px auto;
}
.login-form form {        
    margin-bottom: 15px;
    background: #f7f7f7;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 30px;
}
.login-form h2 {
    margin: 0 0 15px;
}
.form-control, .login-btn {
    min-height: 38px;
    border-radius: 2px;
}
.input-group-addon .fa {
    font-size: 18px;
}
.login-btn {
    font-size: 15px;
    font-weight: bold;
}
.social-btn .btn {
    border: none;
    margin: 10px 3px 0;
    opacity: 1;
    width: 45%;
    height: 44px;
    padding: 12px 27px;
}
.social-btn .btn:hover {
    opacity: 0.9;
}
.social-btn .btn-primary {
    background: #507cc0;
}
.social-btn .btn-info {
    background: #64ccf1;
}
.social-btn .btn-danger {
    background: #df4930;
}
.or-seperator, .or-seperatorx1 {
    margin-top: 11px !important;
    text-align: center;
    border-top: 1px solid #ccc;
}
.or-seperator i,.or-seperatorx1 i {
    padding: 0 10px;
    background: #f7f7f7;
    position: relative;
    top: -11px;
    z-index: 1;
}   
.xxc{
    height: 30px;
}

.modal-logx{
    padding: 17px 27px 17px !important;
}

.modal-telx{
    display: flex;
    align-items: center;
}

.fa-google-plus-square:before {
	content: "\f0d4";
}

.fa-google-plus:before {
	content: "\f0d5";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-square:before {
	content: "\f082";
}
.fa-facebook-official:before {
    content: "\f230";
  }

  .table-titlex{
    margin-bottom:20px;
  }

  .clkhere{
      max-width: 150px;
  }

  .updateclass{
    font-size: 14px;
    padding: 20px;
    line-height: 23px;
  }

  .producth{
    font-size: 18px;
    text-decoration: underline;
  }

  .producty{
    color: black;
    font-weight: 500;
  }

  #card-element4{
    border: none;
      box-shadow: unset;
      margin-bottom: 22px; 
  }

 
  .icon-classes-generalx {
  
    left: 90%;
    position: absolute;
    top: 12px;
   
  }

  .fa-eye-slash:before {
  
    font-size: 25px;
    font-weight: 700;
    margin-right: 0px;
}

.fa-icon-eyeslashx:before {
    
    content: "\f070";
    font-size: 21px;
     
  }

  @media (max-width: 433px){
    .fa-eye-slash:before {
  
        font-size: 25px;
        font-weight: 700;
        margin-right: 0px;
    }
    
    .fa-icon-eyeslashx:before {
        
        content: "\f070";
        font-size: 21px;
         
      }

      .icon-classes-generalx {
     
        left: 85%;
        position: absolute;
        top: 12px;
       
      }
}

.fa-pencil-square:before, .fa-pencil-square:before {
    font-size: 24px;
    float: right;

    color: #ffc107;
    content: "\f040";
    /* color: black; */
}

.cxheader{
    cursor:default; 
    width:100px;
     margin-left:10px;
      font-size:16px;
      background: green;
      border: none;
      height: 37px;
      padding: 11px;
      color: white;
      font-weight: 500;
      box-shadow: 0px 1px 2px 0px;   
}


@media (min-width: 300px){
    
    .cxheader{
        cursor: default;
        width: 90px;
        margin-left: 10px;
        font-size: 14px;
        margin-right: -28px;
    }
}

@media (min-width: 360px){
    .cxheader{
        cursor: default;
        width: 111px;
        margin-left: 9px;
        font-size: 16px;
    }
}

@media (min-width: 420px){
    .cxheader{
  
        cursor: default;
        width: 133px;
        margin-left: 9px;
        font-size: 16px;
    }

    .itemOffers{
        width:160px;
    }
}
 



@media (min-width: 460px){
    .cxheader{
        cursor:default; 
        width: 133px;
        margin-left: 5px;
        font-size: 16px;
    }

    .itemOffers{
        width:215px;
    }

 
    
}

 
 
.fax{
  display: block;
    margin-top: 8px !important;
}

.fax2{
    display: block;
      margin-top: 4px !important;
  }

.fa-apple:before {
    content: "\f179";
  }

  .fa-myprofile:before {
    content: "\f007";
  }

  .fa-pass1:before{

   content:"\f023";
  }

  .fa-cont:before{

content:"\f212";
}

.fa-logx1:before{

 content:"\f011";
}

.bdivs2{
 width:46% !important;
}

.xmsgs{
    margin: 14px 1px 25px 0px;
     background: #16808e;
     height: 50px;
     align-items: center;
     display: inline-grid;
     text-align: center;
     width:100%;
   }

   .asection{

    align-items: center;
   display: flex;
   justify-content: center;
   height: 100%;
   width: 100%;
   }
 
   .xxc{
     height: 25px;
     color: #b2b20d;
 }
 
 .p1x{
 
  top:15px;
 }
  
 
   .icon-classes-generaly {
     /* margin-left: 1px; */
     left: 26px;
     position: absolute;
     top: 14px;
     margin-right: 7px;
     font-size: 9px;
 }

 .wrapli{
    border: none;
      box-shadow: none;
      /* background: #DC4C46; */
      background: #246811;
      background-size: 100% auto;
      font-size: 18px;
 
      color: #ffffff;
      font-weight: 700;
      height: 52px;
      line-height: 52px;
      padding: 0;
      min-width: 195px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      text-transform: uppercase;
      text-align: center;
      width: 100%;
      display: block;
      margin-top: 8px !important;
    }

    .inputlogs{
        text-transform: lowercase;
        padding: 15px 20px 15px 38px;
        border-radius: 7px;
        border: 0px;
        background: rgba(255,255,255,.2);
        display: block;
        /* margin: 15px; */
        width: 100%;
        color: white;
        font-size: 18px;
        height: 55px !important;
        box-shadow: 0px 1px 2px 0px;
      }

.registerB{
    font-weight: 500;
    margin-top: 12px !important;
    height: 52px;
    line-height: 52px;
    cursor: pointer;
    flex: 1;
    background-image: linear-gradient(to top, #15598e 0%, #016686 100%);
 
    margin: 1px;
    transition: 0.2s;
    font-size: 18px;
    box-shadow: inset 0 20px 4px -21px rgb(255 255 255 / 40%), 0 19px 13px 0 rgb(0 0 0 / 30%);
    color: #e5e1e1;
    z-index: 2;
    display: inline-block;
    border: none;
    color: #ffffff;
    padding: 0 30px;
    /* min-width: 299px; */
    border-radius: 4px;
    text-align: center;
    transition: all 0.5s ease 0s;
    text-transform: capitalize;
    width: 100%;
    max-width: 299px;
}

.registerD{
    padding: 0 80px;
}

.frget {
    padding: 6px 0 !important;
    background: none;
    text-transform: revert;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px !important;
}

.divbtns{
    background: none !important;
      border: none;
      font-size: 16px;
      color: white;
      width: 100%;
      height: auto;
      height: 30px;
      line-height: 0px;
      margin-top: 0px;
      display: block;
  }
 
     /* Styles */
     .table-title {
     display: inline-block;
     width: 100%;
     text-align: center;
     margin-bottom: 0px;
     margin-top: 20px;
 }

 .logcx
{
  display: unset;
  margin-top:-20px !important;
  visibility: hidden;
  margin-bottom: 10px;
}
 
 /* kero */

  

   @media only screen 
   and (max-height : 850px){
       /* Styles */
   
       .bdivs2{
        height:80px;
       }


   }


 @media only screen 
 and (max-height : 780px){
     /* Styles */
     .table-title {
     display: inline-block;
     width: 100%;
     text-align: center;
     margin-bottom: 0px;
     margin-top: 20px;
 }

 .frget {
    font-size: 14px;
    margin-bottom: 8px !important;
}
 
 .heade-xs {
     color: #201d1d;
     font-weight: 400;
     font-size: 15px;
     margin-bottom: 10px !important;
 }
 
 .registerD{
  margin-top:16px; 
  padding:0 80px;
  
 }
 
 .inputlogs{
     text-transform: lowercase;
     padding: 15px 20px 15px 38px;
     border-radius: 7px;
     border: 0px;
     background: rgba(255,255,255,.2);
     display: block;
     /* margin: 15px; */
     width: 100%;
     color: white;
     font-size: 16px;
     height: 52px !important;
     box-shadow: 0px 1px 2px 0px;
   }
 
 
   .or-seperatorx1{
    margin: 12px 20px 0 20px !important;
    text-align: center;
     border-top: 1px solid #ccc;
   }
 
   .wrapli{
     font-size:17px;
 }
 
 .registerB{
 
    margin-top: -2px !important;
    padding: 0;
 
    color: white;
    height: 52px;
    line-height: 52px;
    font-size: 17px;
 }
 
 .s2x1y1android{
    margin-top:0px !important;
  }

  .s2x1y1ios{
    margin-top:0px !important;
  }

  .logcx {
    margin-top: -51px !important;
 }

 }

 
 
 @media only screen 
 and (max-height : 670px){

    .divbtns {

        font-size: 15px;
    
    }

    .logcx{
        margin-top:0 !important;
         
    }

    .frget {
        font-size: 13px;
        margin-bottom: 8px !important;
    }

    .logoclasxy {
        max-width: 75px;
        max-height: 75px;
    }
    .wrapli{
        font-size:16px;
    }
    .s2x1y1android{
        margin-top:-14px !important;
      }

      .s2x1y1ios{
        margin-top:-14px !important;
      }
     /* Styles */
     .table-title {
     display: inline-block;
     width: 100%;
     text-align: center;
     margin-bottom: 0px;
     margin-top: 0px;
 }
 .heade-xs {
     color: #201d1d;
     font-weight: 400;
     font-size: 13px;
     margin-bottom: 5px !important;
 }
 
 .registerD{
 margin-top:15px;
 padding:0 80px;
 }
 
 .icon-classes-generaly {
     /* margin-left: 1px; */
     left: 26px;
     position: absolute;
    top:0px;
     margin-right: 7px;
     font-size: 9px;
 }
 
 .inputlogs{
     height: 45px !important;
    font-size:14px;
   }
 
  
   .or-seperatorx1{
    margin: 14px 20px 0 20px !important;
   }
 
   .wrapli{
     height: 44px;
     line-height: 46px;
     font-size: 14px;
 }
 
 .registerB{
     height: 44px;
     line-height: 44px;
     font-size:14px;
 }
 
 
 .xxc{
     height: 20px;
 }
 
  
 
 .p1x {
     top: 12px;
 }

 .logcx {
    margin-top: -51px !important;
 }
 }
  
 
   .logoclasxy {
    /* width: 65%;
    height: 65%; */
 
    max-width: 140px;
   }
 
   .btndivs{
  
     /* display: flex; */
     align-items: center;
     justify-content: center;
     transition: 0.2s;
     font-size: 18px;
     box-shadow: inset 0 20px 4px -21px rgb(255 255 255 / 40%), 0 19px 13px 0 rgb(0 0 0 / 30%);
     color: #e5e1e1;
     z-index: 2;
     box-shadow: none;
     border-radius: 4px;
     text-align: center;
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     text-transform: capitalize;
     margin-top: 15px !important;
     font-weight: 500;
     font-family: 'Roboto', sans-serif;
     height: 76px;
     line-height: 76px;
     margin: 2% !important;
     /* padding: 0 10px; */
     padding: 0 0% !important;
     display: grid;
     background: #0c5286;
     background: #272125;
     font-family: 'Roboto', sans-serif;
     background-image: linear-gradient(to top, #0c4b7a 0%, #1b76b2 100%);
     margin-bottom: 20px !important;
     width:29.3%;
 }
 
 
 
 
 .divbtns2{
  
     font-size: 13px;
  
 }
  
 .fax{
   display: block;
     margin-top: 8px !important;
 }
 
 .fa-apple:before {
     content: "\f179";
   }
 
   .fa-myprofile:before {
     content: "\f007";
   }
 
   .fa-pass1:before{
 
    content:"\f023";
   }
 
   .fa-cont:before{
 
 content:"\f212";
 }
 
 .fa-logx1:before{
 
  content:"\f011";
 }
 
  

 .xmsgs {
    margin: 10px 1px 23px 0px;
    background: #16808e;
    height: 50px;
    align-items: center;
    display: inline-grid;
    text-align: center;
    width: 100%;
}


.fa-icon-loginx:before {
    content: '\f178';
    font-size: 18px;
    font-weight: 700;
   
    color:#ffffff;
}

.fa-icon-loginx{
  /* position: relative;
    top: 42px;
    left: -40px; */
}

 

.loginputy{
  background: none;
  border: none;
  color: white;
 
  vertical-align: unset;
  padding: 0 2px;
}

/* .addButton4x {
    font-size: 13px;
    min-width: unset;
    margin-top: 0 !important;
    padding: 0;
} */

 
 
  
 
 
 

/* .logcx{
  margin-bottom: 10px;
} */


 
 .btndivs2{
     width:46%;
 }

 .uss2:before{
     font-weight:500 !important;
 }

 .spand{
     text-align: center;
 }

 .sspan1{
     text-align:center;
     margin-top: -6px !important;
     display: table;
    width: 100%;
 }

 .sspan2{
    text-align:center;
    margin-top: 20px !important;
    display: table;
    width: 100%;
}

button:disabled {
    background: #877f7f;
    border: none;
    color: #ffffff;
}

feature-list p{
    margin: 0;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 20px;
}

.mainsliderh{
    color:black; 
    font-size:16px;
}

.addressItems{

    height: 50px;
    width: 100%;
    border: 2px solid #e5e5ee;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 3px;
    padding: 0 30px;
    margin-bottom: 13px;
    outline: none;
    background: #d8d8d8;
    border: 1px solid black;
    color: #332f2f;
    box-shadow: 1px 2px 3px 0px;
    /* font-weight: 600; */
    font-family: 'Roboto', sans-serif;
    padding: 0 28px 0px 49px;
}

#postcodeList{
    margin-bottom:14px;
}

.chooseaddress{
    font-size:18px;
}

.ifupdate{

    font-size:14px;
}

.findAddress{
    background: #31960d;

}

.thin-icon-email-searchx:before {
    content: '\e829';
    font-size: 24px;
    font-weight: 700;
    color: white;
    margin-top: 7px;
    top: 5px;
    margin-top: -10px !important;
}

.btn-menu{

	transition: .3s ease-out;
	  text-transform: uppercase;
	  letter-spacing: 0em;
	  font-size: 12px;
	  font-weight: 500;
	  
	  padding: 10px 5px;
   
	  /* padding: 30%; */
	  width: 100%;
	  display: block;
	  background: black;
	  border-radius: 0;
   
	  border: none;
	  border-left: 2px solid white;
	   
  }
  
   
  .mycolxs3{
	width: 25%;
	padding-left: 5px;
	padding-right: 5px;
  }