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

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

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


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

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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap');

.open-sans-<uniquifier> {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings:
        "wdth" <width>;
}



/* cyrillic-ext

 */

@font-face {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Pro Italic'), local('SourceOpen Sans-Italic'), url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap'
 unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}


@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/M2Jd71oPJhLKp0zdtTvoMzH9_sidkFTxRpx-nVOZt1g.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}



/* cyrillic */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/M2Jd71oPJhLKp0zdtTvoMywVDUTj8DgJRSuHEKdySfs.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}



/* greek-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/M2Jd71oPJhLKp0zdtTvoM7Y_mfr7j0PatIrZBoJCV9E.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}



/* greek */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/M2Jd71oPJhLKp0zdtTvoM2qPyaMejTZ925Ro5CnyJwc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}



/* vietnamese */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/M2Jd71oPJhLKp0zdtTvoM7YHq4FgHI02B8rPccK0FJQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}



/* latin-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/M2Jd71oPJhLKp0zdtTvoM40tgx99jmYGv_xzYuwd1rU.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}



/* latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/M2Jd71oPJhLKp0zdtTvoMxgy2Fsj5sj3EzlXpqVXRKo.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;
}



/* cyrillic-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGKhisFFF-0ifc-Simo8uwJs.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}



/* cyrillic */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGNJvocFWY_5VFjYFbAOOIik.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}



/* greek-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGLGN1mc631ObjHzqJB_dFFA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}



/* greek */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGI3P6ux3HwbL10a8ofNXGLA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}



/* vietnamese */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGD_j0nMiB9fPhg_k1wdK2h0.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}



/* latin-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGDRVvBvQIc1z78c__uoBcyI.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}



/* latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGOode0-EuMkY--TSyExeINg.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;
}



/* cyrillic-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlAC5S7WFEeHRqL6ObGQGT8o.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}



/* cyrillic */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlMgmx_L9kV4w6g8dYQOLFUI.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}



/* greek-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlMODs9238LZG2v64UiBIjng.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}



/* greek */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlFjqPhnWKseBf12Mt9_m7kc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}



/* vietnamese */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}



/* latin-ext */

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



/* latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.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;
}



/* cyrillic-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGAtXaCylRF0D-MaoYoCuiMM.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}



/* cyrillic */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGAAAU1WVAUWBSTvimZV06U4.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}



/* greek-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGCJjduVyTEemf0kCvaihHEU.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}



/* greek */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGFnEzh12mEKZN5amaOp7-V4.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}




/* vietnamese */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGClYwVOhDRq2vbpGRTZ7bbs.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}



/* latin-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGFKFh1TDTPrUZWzVp6FtpG8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}



/* latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGCOFnW3Jk0f09zW_Yln67Ac.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: 'Bolota-Regular';
    src: url('../fonts/Bolota-Regulard41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bolota-Regular.otf') format('opentype'),
        url('../fonts/Bolota-Regular.woff') format('woff'),
        url('../fonts/Bolota-Regular.ttf') format('truetype'),
        url('../fonts/Bolota-Regular.svg#Bolota-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

@font-face {
    font-family: 'jey';
    src: url('../fonts/jeyd41d.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/icomoond41d.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-weight: 400;
    color: #000;
}



/* padding css --------------------------- */

.pt-0 {
    padding-top: 0px;
}


.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

/* -------------- */

.pb-0 {
    padding-bottom: 0px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}


.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

/* ----------------------------------------- */


.mt-0 {
    margin-top: 0px;
}

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

.mt-15 {
    margin-top: 15px;
}

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

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

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

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

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

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

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

/* -------------------- */

.mb-0 {
    margin-bottom: 0px;
}

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

.mb-15 {
    margin-bottom: 15px;
}


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

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

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

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

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

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

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



/*------------------------------------------------------------------
[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 #e16437;
    padding: 15px 20px;
}

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

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

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

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

mark {
    background-color: #e16437;
    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: 60px 0;
    position: relative;
}

section.home-icon {
    padding: 40px 0 80px;
    overflow: hidden;
}

::-webkit-input-placeholder {
    opacity: 1 !important;
}

:-moz-placeholder {
    opacity: 1 !important;
}

::-moz-placeholder {
    opacity: 1 !important;
}

:-ms-input-placeholder {
    opacity: 1 !important;
}



/* Header Title */

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

h1 {
    font-size: 50px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}



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

.heade-xs {
    color: #9a9a9a;
    font-weight: 400;
    font-family: 'Bolota-Regular';
    font-size: 15px;
}

p {
    margin: 0 0 25px 0;
}

.btn-black {
    width: auto;
    display: inline-block;
    border: none;
    box-shadow: none;
    background: url('../images/btn1-bg.jpg') repeat-y 0 0;
    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: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    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: url('../images/btn2-bg.jpg') repeat-y 0 0;
    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: url('../images/btn2-bg.jpg') repeat-y 0 0;
    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: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    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: url('../images/btn1-bg.jpg') repeat-y 0 0;
    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: #e16437;
    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: #e16437;
    color: #ffffff;
    border-color: #e16437;
}

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

.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="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: 80px;
    padding: 0 30px;
    outline: none;
    color: #636375;
}

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

.build-title h6 {
    color: #d35400;
    font-weight: 400;
    font-family: 'Bolota-Regular';
    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: #e16437;
    color: #ffffff;
    border-color: #e16437;
}

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


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

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

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

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

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

.invert .build-title h6 {
    color: #e2dadd;
}

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

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

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



/* 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: #e16437;
}

.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="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: 80px;
    padding: 0 30px;
    margin-bottom: 29px;
    outline: none;
}

textarea {
    height: 175px;
    padding: 25px 30px;
    width: 100%;
    border: 2px solid #e5e5ee;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    margin-bottom: 29px;
    resize: none;
    outline: none;
}



/* 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;
    background: url('../images/arrow-top.png') no-repeat 0 0;
    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: #e16437;
    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;
    font-family: 'Bolota-Regular';
}

.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-family: 'Bolota-Regular';
    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: #e16437;
    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 #e16437;
    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: #e16437;
    font-size: 16px;
}

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

.menu-main {
    float: left;
    width: 40%;
    font-family: 'Bolota-Regular';
}

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

.menu-main li {
    float: left;
    /* width: 180px; */
    width:250px;
    font-size: 18px;
    margin-right: 25px;
    position: relative;
}

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

.menu-main li a {
    display: block;
    position: relative;
    padding: 25px 0 15px 15px;
    /*color: #2b2b2b;*/
    color: #e16537;
    text-transform: uppercase;
}

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



/* Just Conform */

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

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

.mega-title {
    color: #20202f;
    font-size: 18px;
    font-family: 'BolotaSoft-Medium';
    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;
    background-image: url(../images/menubg.png);
    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);
} */
.menu-main ul>li:focus>.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;
    left: -69px;
}

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

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

.menu-main li.mega-menu .drop-nav li a {
    padding-bottom: 0px;
    padding-left: 38px;
    margin-bottom: 8px;
    color: #383848;
}

.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-family: 'Bolota-Regular';
    font-weight: normal;
}

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

.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: 250px;
    position: absolute;
    left: 0px;
    top: 100%;
    color: #372727;
    background: #e16437;
    z-index: 99;
    padding: 25px 0px 25px 0px;
    font-size: 15px;
    font-family: 'Bolota-Regular';
    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 #e16437;
    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 #e16437;
    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: #e36438 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: #db6941;
}

.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: 100%;
    text-align: center;
}

.logo>a {
    left: 50%;
    position: absolute;
    top: 1px;
    -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: 25px 0 16px 0;
}

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

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

.header-collect a {
    color: #df6638;
    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: #e16437;
    height: 50px;
    color: #ffffff;
    font-family: 'Bolota-Regular';
    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: #e16437;
    color: #ffffff;
    font-family: 'Bolota-Regular';
    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: 35px;
    width: 35px;
    position: absolute;
    top: -10px;
    right: -10px;
    background: #e16437 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;
}

.modal-dialog {
    margin-top: 160px;
    /*width:50%;*/
}

.modal-body {
    padding: 30px 65px 50px;
}

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

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

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

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

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

.shop-cart:hover .cart-wrap {
    display: 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;
}

.cart-blog {
    background: #ffffff;
    min-width: 380px;
    padding: 40px 25px;
    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;
}

.cart-item {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}

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

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

.cart-blog h6 {
    margin-bottom: 5px;
    font-size: 16px;
    font-family: 'BolotaSoft-Medium';
    font-weight: normal;
}

.cart-blog span {
    color: #9e9eab;
    font-size: 14px;
    font-family: 'Bolota-Regular';
}

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

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



/*------------------------------------------------------------------
[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: #e16437;
}

.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: #e16437 !important;
    border-color: #e16437 !important;
}



/* 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: 14px;
    font-family: 'Quicksand', sans-serif;
}

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

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

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

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

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

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

.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;
    font-family: 'Bolota-Regular';
    margin-bottom: 78px;
}

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

.portfolioFilter-inner {
    display: inline-block;
    width: auto;
    background: #ffffff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -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;
}

.portfolioFilter 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;
}

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

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

.portfolioFilter-inner {
    display: inline-block;
    width: auto;
    background: #ffffff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -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;
}

.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: #e16437;
    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: #e16437;
}

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

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

.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;
    font-family: 'Bolota-Regular';
    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: #e16437;
    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: #e16437;
    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: 20px 25px 10px 25px;
    border-radius: 20px;
    height: 290px;
}



.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 ]
------------------------------------------------------------------*/

.footer-part {
    float: left;
    width: 100%;
    background: #ffc6ad;
    position: relative;
    padding: 50px 0 40px 0;
    color: #f6f0f2;
    border-bottom: 8px solid #e16437;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}

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

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

.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;
    font-family: 'Bolota-Regular';
    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;
    font-family: 'Bolota-Regular';
    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: #e16437;
}

.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: #e16437;
}

.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: #e16437;
    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   background: #fef4ef; Style */

.wrapper-spacer-bg {
    background: #fef4ef;
    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: 0px;
    padding-right: 0px;
}

.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: #e16437;
}

.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="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: #e16437;
}

.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: #e16437;
}

.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: #e16437;
}

.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: #e16437;
}

.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="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: #e16437;
}

.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;
    font-family: 'Bolota-Regular';
}

.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: #e16437;
}

.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 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: #e16437;
}

.footer-inset {
    color: #000000;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    padding-bottom: 25px;
}

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

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

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

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

.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: 16px;
    background: #12121d;
    padding: 22px 0;
}

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



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

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

.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: #e16437;
}

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

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

.discount-part h2 span {
    color: #e16437;
    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: #e16437;
    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 10px;
}

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

.menu-round-info h5 span {
    color: #e16437;
    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: #e16437;
    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: #e16437;
    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: #e16437;
    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: #e16437;
}

.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: #e16437;
}

.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: #e16437;
    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: #e16437;
}

.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: #e16437;
    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="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;
    font-family: 'Bolota-Regular';
    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: #e16437;
}

.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 #e16437;
    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: #e16437;
    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: #e16437;
}

.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: #e16437;
    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: #e16437;
}

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



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

.checkout-wrap {
    text-align: center;
    padding: 0 0 115px 0;
}

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: #e16437;
    z-index: 9;
    color: #ffffff;
    border-color: #e16437;
}

.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: #e16437;
    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;
}



/*------------------------------------------------------------------
[17. Shop Checkout ]
------------------------------------------------------------------*/

.shop-checkout-left {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 35px 30px 10px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

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

.form-checkout label {
    margin-bottom: 29px;
}

.form-checkout h5 {
    color: #20202f;
    font-size: 17px;
    margin-bottom: 29px;
}

.shop-checkout-right {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 35px 30px 40px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
}

.shop-checkout-right h5 {
    color: #20202f;
    font-size: 22px;
    text-align: center;
    margin: 0 0 50px 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: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.shop-checkout-title {
    padding-bottom: 30px;
}

.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: 15px;
    color: #959393;
}

.shop-checkout-right a {
    color: #372727;
}

.checkout-total {
    display: inline-block;
    width: 100%;
    padding: 20px 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: #e16437;
    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 {
    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: #e16437;
}

.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: #e16437;
    border-color: #e16437;
}

.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: #e16437;
}

.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: #e16437;
    font-family: 'QuicksandBook-Regular';
    text-decoration: underline;
}

.error-404-title {
    display: inline-block;
    width: 100%;
    color: #e16437;
    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 50px 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: 50px;
    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: #f4f2ed;
}

.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: #e16437;
    -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: #e16437;
    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: #e16437;
}

.team-single-right .social-top {
    margin-top: 18px;
}

.team-single-right .social-top a {
    color: #20202f;
}

.team-single-right .social-top a:hover {
    color: #e16437;
}

.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="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;
}


/*  - new css ------------------------------ 16 april 26 */


/* pop up css --- */
.modal-backdrop.show {
    opacity: 0.7;
    backdrop-filter: blur(5px);
    /* Creates the blurred background effect */
}

.custom-popup {
    background-color: #d95e3d !important;
    color: white !important;
    border: none !important;
    border-radius: 15px !important;
    position: relative;
}

.icon-circle {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 20px !important;
}

.custom-close {
    position: absolute;
    right: 15px;
    top: 15px;
    filter: invert(1) grayscale(100%) brightness(200%);
    /* Makes the X white */
    z-index: 10;
}

.action-btn {
    color: #d95e3d !important;
    transition: transform 0.2s ease;
    font-size: 17px;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.action-btn:hover {
    transform: scale(1.05);
}

.icon-circle::before {
    content: none !important;
    display: none !important;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .modal-dialog {
        margin: 1rem;
    }

    .display-6 {
        font-size: 1.5rem;
    }
}


/*checf team  csss ------------*/

/* Section Base Styles */
.karobar-section {
    padding: 80px 0;
    background-color: #fff;
    overflow: hidden;
}

.karobar-heading {
    font-size: 38px;
    line-height: 1.1;
    margin-bottom: 30px;
    font-weight: 500;
    color: #1a1a1a;
}

.karobar-content p {
    font-size: 17px;
    color: #555555;
    margin-bottom: 15px;
}

.karobar-link {
    color: #000;
    text-decoration: none;
    font-weight: 700;
    text-transform: capitalize;
    border-bottom: 2px solid transparent;
    transition: 0.3s;
}

.karobar-link:hover {
    border-bottom: 2px solid #d35400;
    color: #d35400;
}

/* Image Wrapper & Decorative Stripes */
.karobar-image-wrapper {
    position: relative;
    padding: 30px;
}

.karobar-team-img {
    filter: grayscale(100%);
    width: 100%;
    display: block;
    transition: 0.5s ease;
}

.karobar-team-img:hover {
    filter: grayscale(0%);
}

/* Accent Stripe Positions */
.accent-line {
    position: absolute;
    background-color: #d35400;
    /* Karobar Accent Color */
    z-index: 1;
}

/* Top Right L-Shape/Stripe */
.line-top {
    top: 0;
    right: 10%;
    width: 40%;
    height: 1px;
}

.line-right {
    top: 0;
    right: 0;
    width: 1px;
    height: 70%;
}

/* Left Floating Stripe */
.line-left-short {
    left: 0;
    top: 25%;
    width: 1px;
    height: 35%;
}

/* Bottom Stripe with Dot */
.line-bottom-dot {
    bottom: 0;
    left: 20%;
    width: 15%;
    height: 1.5px;
}

.line-bottom-dot::before {
    content: '';
    position: absolute;
    left: -4px;
    top: -2px;
    width: 6px;
    height: 6px;
    background: #d35400;
    border-radius: 50%;
}

.line-top::after {
    content: '';
    position: absolute;
    right: -3px;
    top: -3px;
    width: 7px;
    height: 7px;
    background: #d35400;
    transform: rotate(45deg);
    /* Diamond shape like your logo */
}

/* Responsive Fixes */
@media (max-width: 991px) {
    .karobar-section {
        padding: 50px 0;
    }

    .karobar-image-wrapper {
        margin-top: 30px;
    }
}


/*  gift card csss ----------- */
.voucher-section {
    background-color: #472c1f;
    padding: 100px 0;
    color: #ffffff;
}

.gift-fa {
    font-size: 28px;
}

.voucher-sub {
    color: #d35400;
    letter-spacing: 2px;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.voucher-title {
    font-size: 52px;
    margin-bottom: 25px;
    color: #ffffff;
    font-weight: 500;
}

.voucher-text {
    font-size: 18px;
    line-height: 1.6;
    color: #cccccc;
    max-width: 500px;
    margin-bottom: 40px;
}

/* Price Buttons */
.price-options {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.price-btn {
    background: transparent;
    border: 1px solid #555;
    color: white;
    padding: 12px 25px;
    border-radius: 8px;
    font-size: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.price-btn:hover,
.price-btn.active {
    background: rgba(211, 84, 0, 0.1);
    border-color: #d35400;
    transform: translateY(-3px);
}

.price-btn.active {
    background: #d35400;
    border-color: #d35400;
}

.buy-now-btn {
    background-color: #d35400;
    color: white;
    border: none;
    padding: 15px 35px;
    font-size: 18px;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s;
    font-weight: bold;
}

.buy-now-btn:hover {
    background-color: #e67e22;
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.buy-now-btn i {
    margin-right: 10px;
}

/* Voucher Card Design */
.voucher-card {
    background-color: #57331f;
    width: 100%;
    max-width: 380px;
    aspect-ratio: 1/1;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #444;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}

.voucher-card:hover {
    transform: rotate(2deg) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
    border-color: #d35400;
}

.card-icon {
    font-size: 50px;
    color: #d35400;
    margin-bottom: 20px;
}

.card-brand {
    font-size: 28px;
    margin-bottom: 5px;
    letter-spacing: 2px;
    color: #ffffff;
}

.card-tag {
    font-size: 12px;
    color: #fff;
    letter-spacing: 3px;
}

.card-line {
    width: 60%;
    height: 1px;
    background: #d35400;
    margin: 25px auto;
}

.card-amount {
    font-size: 64px;
    color: #d35400;
    margin-bottom: 10px;
}

.card-expiry {
    font-size: 14px;
    color: #fff;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .voucher-section {
        padding: 60px 0;
        text-align: center;
    }

    .voucher-text {
        margin: 0 auto 30px;
    }

    .price-options {
        justify-content: center;
    }

    .voucher-title {
        font-size: 40px;
    }
}


/*  gallery section css ---------------- */

.karobar-gallery-section {
    padding: 80px 0;
    background-color: #fff;
}

.gallery-sub {
    color: #d35400;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

.gallery-main-title {
    font-size: 48px;
    margin-bottom: 40px;
    /* color: #1a1a1a; */
    color: #383848;
}

/* Complex Grid System */
.gallery-grid {
    display: grid;
    /* Create 4 equal columns */
    grid-template-columns: repeat(4, 1fr);
    /* Set a fixed row height so everything aligns perfectly */
    grid-auto-rows: 200px;
    gap: 15px;
    padding: 10px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Grid Variations */
.item-wide {
    grid-column: span 2;
    /* Occupies 2 columns */
}

.item-tall {
    grid-row: span 2;
    /* Occupies 2 rows */
}

.item-big {
    grid-column: span 2;
    grid-row: span 2;
    /* Occupies 4 slots (2x2) */
}

.gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* This makes sure images fill their unique grid slots */
    display: block;
    transition: 0.6s ease;
}

.gallery-item:hover .gallery-img {
    transform: scale(1.1);
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        /* 2 columns for tablet */
        grid-auto-rows: 250px;
    }

    .gallery-main-title {
        font-size: 36px;
    }

    /* Reset big/wide items for smaller screens so they don't break the layout */
    .item-wide,
    .item-big {
        grid-column: span 2;
    }
}

@media (max-width: 576px) {
    .gallery-grid {
        grid-template-columns: 1fr;
        /* 1 column for mobile */
        grid-auto-rows: 300px;
    }

    .item-wide,
    .item-tall,
    .item-big {
        grid-column: span 1;
        grid-row: span 1;
    }

    .gallery-main-title {
        font-size: 28px;
    }
}

/* cta section css ------------ */

.karobar-cta-section {
    padding: 60px 0;
    background-color: #fcf8f3;
    /* Light background to make the box pop */
}

/* Main CTA Box */
.cta-wrapper {
    background-color: #ff682ab8;
    /* Dark Brown from your theme */
    padding: 50px 40px;
    border-radius: 20px;
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(59, 42, 33, 0.2);
    position: relative;
    overflow: hidden;
}

/* Decorative Background Circle */
.cta-wrapper::after {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: rgba(217, 111, 65, 0.1);
    /* Subtle Orange tint */
    border-radius: 50%;
}

.cta-icon-circle {
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(217, 111, 65, 0.5);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #fff;
    /* Brand Orange */
}

.cta-heading {
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #ffff;
}

.cta-subtext {
    font-size: 17px;
    color: #fff;
    margin-bottom: 0;
    max-width: 500px;
}

/* Button Styling */
.cta-btn-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.btn-order-now {
    background-color: #bb5e31a6;
    /* Brand Orange */
    color: white;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 16px;
    display: block;
    transition: 0.3s;
    text-align: center;
    border: 2px solid #bb5e31a6;
}

.btn-order-now:hover {
    background-color: #c45a2d;
    transform: translateY(-3px);
    color: white;
}

.btn-view-menu {
    background-color: transparent;
    color: white;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 16px;
    display: block;
    transition: 0.3s;
    text-align: center;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.btn-view-menu:hover {
    background-color: white;
    color: #3b2a21;
    border-color: white;
}

/* Responsive Fixes */
@media (min-width: 992px) {
    .cta-btn-group {
        display: inline-flex;
        width: auto;
    }
}

@media (max-width: 991px) {
    .cta-wrapper {
        padding: 40px 25px;
    }

    .cta-heading {
        font-size: 26px;
    }

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

    .btn-order-now,
    .btn-view-menu {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}

/* faq section css --------------*/
.faq-section {
    padding: 80px 0;
    background-color: #fff;
    /* White background to match image */
}

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

.faq-title {
    font-size: 40px;
    /* color: #1a1a1a; */
    color: #383848;
    margin-bottom: 10px;
    font-weight: 600;
}

.faq-subtitle {
    color: #d35400;
    /* Brand Orange */
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
}

.faq-container {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    border-bottom: 1px solid #f0f0f0;
}

.faq-question {
    width: 100%;
    padding: 25px 0;
    background: none;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    color: #333;
    cursor: pointer;
    transition: 0.3s;
    text-align: left;
}

.faq-question:hover {
    color: #d35400;
}

.faq-question i {
    font-size: 18px;
    transition: transform 0.3s ease;
    color: #999;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    color: #666;
    font-size: 16px;
    line-height: 1.6;
}

/* Active State */
.faq-item.active .faq-answer {
    max-height: 150px;
    /* Adjust based on content length */
    padding-bottom: 25px;
}

.faq-item.active .faq-question i {
    transform: rotate(180deg);
    color: #d35400;
}


/* Testimonial card styling - transparent on dark background, top-aligned */
.client-say {
    position: relative;
    padding-top: 12px;
}

.client-say .testimonial-card {
    background: transparent !important;
    padding: 18px;
    border-radius: 12px;
    box-shadow: none;
    /* color: #fff; */
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.45;
    border: 1px solid rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(4px);
}

.client-say .testimonial-card h5 {
    margin: 0 0 8px 0;
    font-size: 22px;
    font-weight: 700;
    /* color: #fff; */
}

.client-say .testimonial-card p {
    padding-top: 10px;
    margin: 0;
    /* color: rgba(255,255,255,0.9); */
    font-size: 15px;
}

/* Owl nav: place prev on left and next on right, vertically centered */
.client-say .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    z-index: 6;
    pointer-events: none;
}

.client-say .owl-nav .owl-prev,
.client-say .owl-nav .owl-next {
    pointer-events: auto;
}

.client-say .owl-nav button {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.08);
    /* color: #fff; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
    font-size: 18px;
}

.client-say .owl-nav button:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.12);
}

.client-say .owl-nav .owl-prev:before {
    content: '←';
    color: #fff;
    font-size: 18px;
}

.client-say .owl-nav .owl-next:before {
    content: '→';
    color: #fff;
    font-size: 18px;
}

.client-say .owl-nav button span {
    display: none;
}

.client-say .owl-dots {
    margin-top: 20px;
}

@media (max-width: 991.98px) {
    .client-say .testimonial-card {
        min-height: 0;
        padding: 14px;
    }

    .client-say .owl-nav {
        padding: 0 6px;
    }
}


/* Signature Dishes section css---- */

.custom-dish-section {
    padding: 60px 0;
    background-color: #fcfcfc;
}

.main-title {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 10px;
    letter-spacing: -1px;
    text-align: center;
}

.sub-title {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
}

.custom-dish-section .build-title h2 {
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #383848 !important;
}

/* --- CAROUSEL SPACING --- */
.custom-dish-carousel {
    position: relative;
    padding: 0 45px;
    /* Creates space for arrows on the left/right */
}

/* --- CARD DESIGN --- */
.custom-card {
    background: #fff;
    border-radius: 15px;
    /* Rounded corners as seen in your image */
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-in-out;
    margin: 15px 5px;
    /* Spacing for shadow not to be cut off */
}

.custom-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.image-wrapper {
    position: relative;
    overflow: hidden;
}

.image-wrapper img {
    width: 100%;
    height: 230px;
    /* Consistent height for 4-card row */
    object-fit: cover;
    display: block;
}

/* --- HOVER ICON OVERLAY --- */
.hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.hover-overlay i {
    color: #fff;
    font-size: 28px;
    background: rgba(255, 255, 255, 0.2);
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.custom-card:hover .hover-overlay {
    opacity: 1;
}

/* --- TEXT BELOW IMAGE --- */
.card-text {
    padding: 20px 10px;
    text-align: center;
    background: #fff;
}

.card-text strong {
    font-size: 16px;
    color: #333;
    display: block;
}

/* Container padding to make room for arrows */
.custom-dish-carousel.owl-theme {
    position: relative;
    padding: 0 40px;
}

/* Base Arrow Button Styling */
.custom-dish-carousel .owl-nav button {
    position: absolute;
    top: 40%;
    /* Aligns with the image center */
    transform: translateY(-50%);
    background: #000 !important;
    /* Black circle */
    color: #fff !important;
    /* White arrow */
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    font-size: 24px !important;
    /* Size of the < > */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease;
    border: none !important;
    outline: none !important;
}

/* Hover effect */
.custom-dish-carousel .owl-nav button:hover {
    background: #4fb3ae !important;
    color: #fff !important;
}

/* Position Left Arrow */
.custom-dish-carousel .owl-nav button.owl-prev {
    left: 0;
}

/* Position Right Arrow */
.custom-dish-carousel .owl-nav button.owl-next {
    right: 0;
}

/* Center the icon inside the button */
.custom-dish-carousel .owl-nav button i {
    line-height: 1;
    display: block;
}

/* Hide default Owl dots if they appear */
.custom-dish-carousel .owl-dots {
    display: none !important;
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 991px) {
    .custom-dish-carousel {
        padding: 0 30px;
    }

    .image-wrapper img {
        height: 200px;
    }
}

.custom-dish-carousel .item {
    width: 100%;
}

.nav-arrow {
    font-size: 22px;
    font-weight: bold;
}

.mfp-close {
    color: #fff !important;
    font-size: 30px !important;
    opacity: 1 !important;
    right: 10px !important;
    top: 10px !important;
    display: block !important;
}

.owl-nav button span {
    font-size: 0;
    /* hide default text/icons */
}

.nav-arrow {
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none !important;
}

/* Match your existing owl arrow design */
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: #e2643b !important;
    color: #fff !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease;
    border: none;
}

/* Hover same as owl */
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #e2643bc4 !important;
    color: #000 !important;
}

/* Position same as owl */
.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

/* Icon center */
.swiper-button-next i,
.swiper-button-prev i {
    line-height: 1;
}

.swiper-pagination {
    display: none !important;
}


/* ------- karobar-at-waverley css ----------------- */

/* Section Styling */
.karobar-about-section {
    background-color: #fff9f5;
    padding: 80px 0;
    overflow: hidden;
}

/* Flex Container for Alignment */
.flex-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
}

.col-left,
.col-right {
    flex: 1;
    min-width: 300px;
}

/* Swiper / Slider Customization */
.slider-container {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.slider-container img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

/* Custom Navigation Buttons */
.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.8);
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    z-index: 10;
    transition: 0.3s;
}

.nav-btn:hover {
    background: #ff7f32;
    color: white;
}

.prev-btn {
    left: 15px;
}

.next-btn {
    right: 15px;
}

/* Right Column Content */
.content-wrap {
    padding: 0 20px;
}

.title-area {
    text-align: center;
    margin-bottom: 25px;
}

.title-area h4 {
    font-size: 24px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-weight: 700;
    margin-bottom: 20px;
}

.order-btn {
    background-color: #c05621;
    color: white !important;
    padding: 10px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 30px;
    transition: 0.3s;
}

.order-btn:hover {
    background-color: #a0451a;
    transform: translateY(-2px);
}

.description p {
    line-height: 1.8;
    color: #444;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: justify;
}

/* Responsive */
@media (max-width: 991px) {
    .flex-row {
        flex-direction: column;
    }

    .col-left,
    .col-right {
        width: 100%;
    }

    .title-area h4 {
        font-size: 20px;
    }
}

/* Fix navigation button clickability */
.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    z-index: 99;
    /* Higher z-index ensures it's clickable */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Remove white space below dots */
.slider-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.owl-theme .owl-dots {
    margin-top: -30px !important;
    /* Pulls dots up into the image area */
    position: relative;
    z-index: 10;
    line-height: 1;
}

/* Custom Dots Styling (Matches your image) */
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 4px;
    background: #2d2a32 !important;
    /* Dark color for inactive */
    display: block;
    transition: all 0.3s ease;
    border-radius: 50%;
}

/* The Active "Pill" Dot */
.owl-theme .owl-dots .owl-dot.active span {
    width: 30px;
    /* Makes it long like your image */
    background: #e6b966 !important;
    /* Gold/Orange color */
    border-radius: 20px;
}

/* 1. Section Container */
.experience-gallery-section {
    background-color: #e165394a;
    /* Soft beige background */
    padding: 60px 15px 50 15px;
    /* No bottom padding to prevent white space */
    text-align: center;
    color: #4a4a4a;
    overflow: hidden;
}

.experience-gallery-section .section-title {
    font-size: clamp(32px, 5vw, 52px);
    color: #2d2a32;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 700;
}

.experience-gallery-section .section-intro {
    font-size: 17px;
    max-width: 600px;
    margin: 0 auto 55px auto;
    line-height: 1.6;
}

/* 2. The Grid Layout - 5 Image Structure */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 4 columns for desktop */
    grid-template-rows: repeat(2, 300px);
    /* 2 fixed rows */
    gap: 15px;
    max-width: 1200px;
    margin: 0 auto;
    /* Ensures the bottom of the images sits flush with the container */
    align-items: end;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    /* Rounded top, flat bottom for alignment */
    height: 100%;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

/* 3. Positioning the 5 images to match your layout */

/* Image 1: Large Main Image (Left) */
.item-1 {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}

/* Image 2: Top Middle */
.item-2 {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}

/* Image 3: Bottom Middle */
.item-3 {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}

/* Image 4: Top Right */
.item-4 {
    grid-column: 4 / 5;
    grid-row: 1 / 2;
}

/* Image 5: Bottom Right */
.item-5 {
    grid-column: 4 / 5;
    grid-row: 2 / 3;
}

.gallery-item:hover img {
    transform: scale(1.08);
}

/* 4. Responsive Mobile Layout */
@media (max-width: 991px) {
    .gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .item-1 {
        grid-column: 1 / 3;
        height: 350px;
    }

    .item-2,
    .item-3,
    .item-4,
    .item-5 {
        grid-column: auto;
        height: 200px;
    }
}

@media (max-width: 576px) {
    .gallery-grid {
        grid-template-columns: 1fr;
    }

    .item-1,
    .item-2,
    .item-3,
    .item-4,
    .item-5 {
        grid-column: auto;
    }
}


.events-section {
    background-color: #efeadb;
    /* Matching the soft beige color */
    padding: 80px 15px;
    text-align: center;
    font-family: Arial, sans-serif;
    /* Fallback font */
    color: #4a4a4a;
}

.events-section .section-subtitle {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #777;
    font-weight: normal;
    margin-bottom: 10px;
}

.events-section .section-title {
    font-size: 52px;
    color: #2d2a32;
    /* Darker navy/black color */
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.events-section .section-intro {
    font-size: 18px;
    max-width: 650px;
    margin: 0 auto 50px auto;
    line-height: 1.6;
    color: #555;
}

/* 3. The Grid Layout: Sets up the 2-column or 1-column responsive flow */
.events-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* Default 2 columns on desktop */
    gap: 25px;
    max-width: 1100px;
    margin: 0 auto;
}

/* Responsive Grid: When screen is less than 991px, stack cards to 1 column */
@media (max-width: 991px) {
    .events-grid {
        grid-template-columns: 1fr;
        max-width: 550px;
    }
}

/* 4. The Event Card: Main styling, shadow, and color blocks */
.event-card {
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
    text-align: left;
}

/* Left Date Block: Styles the orange box containing the date */
.date-block {
    background-color: #c05621;
    /* Dark orange/terracotta color */
    color: #ffffff;
    width: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.date-block span.day-name {
    font-size: 14px;
    margin-bottom: 5px;
    opacity: 0.9;
}

.date-block span.day-number {
    font-size: 40px;
    margin-bottom: 3px;
    line-height: 1;
}

.date-block span.month {
    font-size: 16px;
    font-weight: 500;
}

/* Right Content Area: Styles the text, tag, and details */
.content-area {
    padding: 25px;
    flex: 1;
}

/* Event Tag: Styled as a grey/beige outline button */
.event-tag {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 12px;
    color: #c05621;
    /* Accent color to match date block */
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.content-area h3.event-name {
    font-size: 22px;
    color: #2d2a32;
    margin: 0 0 10px 0;
    font-weight: 700;
    text-transform: capitalize;
}

.content-area p.event-desc {
    font-size: 15px;
    color: #666;
    margin: 0 0 20px 0;
    line-height: 1.6;
}

/* Footer Details: Styles the time and location at the bottom of the card */
.event-details {
    font-size: 14px;
    color: #777;
    margin-top: auto;
}

.event-details div {
    margin-bottom: 4px;
}

/* 5. Bottom Reserve Button: Styled as a dark rectangle */
.reserve-button-wrap {
    margin-top: 60px;
}

.btn-reserve {
    display: inline-block;
    background-color: #2d2a32;
    /* Match the dark text color */
    color: #ffffff;
    padding: 18px 45px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    transition: background-color 0.3s;
}

.btn-reserve:hover {
    background-color: #4a4a4a;
}

.event-card {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    text-align: left;
    transition: all 0.4s ease;
    transform: translateY(40px);
    opacity: 0;
}

/* Stagger animation */
.event-card:nth-child(1) {
    animation: fadeUp 0.6s ease forwards 0.2s;
}

.event-card:nth-child(2) {
    animation: fadeUp 0.6s ease forwards 0.4s;
}

.event-card:nth-child(3) {
    animation: fadeUp 0.6s ease forwards 0.6s;
}

.event-card:nth-child(4) {
    animation: fadeUp 0.6s ease forwards 0.8s;
}

@keyframes fadeUp {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.event-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}

.date-block {
    background: linear-gradient(135deg, #c05621, #e07a3f);
    transition: all 0.4s ease;
}

.event-card:hover .date-block {
    transform: scale(1.05);
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.2);
}

.content-area {
    padding: 25px;
    flex: 1;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(6px);
}

.event-name {
    transition: all 0.3s ease;
}

.event-card:hover .event-name {
    color: #c05621;
    letter-spacing: 0.5px;
}

.btn-reserve {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

.btn-reserve::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background: #c05621;
    top: 0;
    left: 0;
    transition: 0.4s;
    z-index: 0;
}

.btn-reserve:hover::before {
    width: 100%;
}

.btn-reserve span,
.btn-reserve i {
    position: relative;
    z-index: 1;
}

.btn-reserve:hover {
    color: #fff;
}

.reservation-cta-section {
    position: relative;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
}

/* 2. The Dark Overlay: Sampled from your reference image */
.reservation-cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(56, 31, 23, 0.82);
    z-index: 1;
}

.cta-content-wrap {
    position: relative;
    z-index: 2;
    padding: 0 15px;
    width: 100%;
    max-width: 900px;
}

/* Title Styling: Uppercase subtitle, large main title */
.cta-content-wrap .cta-subtitle {
    display: block;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: bold;
    color: #ff7f32;
    font-size: 14px;
    margin-bottom: 12px;
}

.cta-content-wrap h2.cta-title {
    font-size: 50px;
    font-weight: 500;
    line-height: 1.1;
    margin: 0;
    text-transform: capitalize;
    color: #ffffff !important;
}

/* Descriptive Paragraph Styling */
.cta-content-wrap p.cta-desc {
    font-size: clamp(16px, 1.8vw, 19px);
    /* Responsive font size */
    margin: 25px auto 45px auto;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.9);
    max-width: 780px;
    /* Keeps lines short enough for easier reading */
}

/* 4. The Buttons: Dual structure (solid and outline) */
.cta-button-row {
    display: flex;
    flex-wrap: wrap;
    /* Allows stacking on small mobile screens */
    gap: 15px;
    justify-content: center;
    /* Centers buttons horizontally */
}

.btn-solid-orange {
    background-color: #e67e33;
    /* Dark terracotta orange color */
    color: white !important;
    padding: 15px 35px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    border: 2px solid transparent;
    transition: 0.3s;
}

.btn-solid-orange:hover {
    background-color: #ff7f32;
    transform: translateY(-2px);
}

.btn-outline-white {
    border: 2px solid white;
    background-color: rgba(255, 255, 255, 0.05);
    /* Very slight background fill */
    color: white !important;
    padding: 15px 35px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    transition: 0.3s;
}

.btn-outline-white:hover {
    background-color: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
}

/* 5. Responsive Adjustment for Small Devices */
@media (max-width: 575px) {
    .reservation-cta-section {
        height: auto;
        min-height: 450px;
        padding: 80px 0;
    }

    .cta-content-wrap p.cta-desc {
        margin: 20px auto 35px auto;
        font-size: 15px;
    }

    .cta-button-row {
        flex-direction: column;
        /* Stack buttons vertically on small mobile */
        gap: 10px;
    }
}

.book-wrap {
    position: fixed;
    bottom: 450px;
    right: 30px;
    z-index: 9999;
    text-decoration: none;
}

.book-circle {
    width: 100px;
    height: 100px;
    background: #e16539;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

}

.center-text {
    position: absolute;
    color: #fff;
    font-size: 16px;
    letter-spacing: normal;
    font-weight: bold;
    text-transform: uppercase;
    pointer-events: none;


}

.rotating-text {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: rotate 8s linear infinite;
}

@keyframes rotate {
    100% {
        transform: rotate(-360deg);
    }
}

/* Custom styling for the contact details */
.contact-info-block h5 {
    color: #e16538;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 20px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-info-block p,
.contact-info-block span {
    color: #444;
    line-height: 1.6;
    margin-bottom: 5px;
    display: block;
    padding-left: 28px;
    /* Aligns text under the heading icon */
}

.contact-info-block a {
    color: inherit;
    text-decoration: none;
}

.opening-row {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.day-label {
    font-weight: bold;
    text-transform: uppercase;
    min-width: 140px;
}

.our-flagship {
    padding: 0px 0px;
}

/* OUR STORY section  css-------*/


.story-section {
    background-color: #f9f1e7;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* .story-row {
    display: flex;
    align-items: center;
} */

.story-img-wrapper {
    padding-bottom: 20px;
}

/* Image Styling */
.story-img {
    border-radius: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    width: 100%;
}

/* Title Styling */
.story-title {
    /* color: #c26d47; */
    color: #383848;
    font-weight: 700;
    font-size: 42px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

/* The decorative line under title */
.story-line {
    width: 60px;
    height: 3px;
    background-color: #c26d47;
}

/* Paragraph Text */
.story-desc {
    color: #5a5a5a;
    line-height: 1.8;
    font-size: 17px;
    text-align: justify;
}

/* Button with Direct Colors */
.story-btn {
    background-color: #e06439;
    color: #ffffff;
    padding: 14px 35px;
    font-size: 14px;
    border-radius: 50px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease;
}

.story-btn:hover {
    background-color: #c26d47;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(194, 109, 71, 0.3);
}

/* Responsive adjustment for mobile */
@media (max-width: 991px) {
    .story-title {
        font-size: 32px;
    }

    .story-section {
        padding: 50px 0;
    }
}

/* OUR FLAGSHIP section css ------------ */

.flagship-card {
    background-color: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    display: flex;
    /* Ensures columns are equal height */
}

/* 2. Image Box Fix */
.flagship-img-box {
    position: relative;
    width: 100%;
    min-height: 100%;
    /* Force it to match the content height */
    flex-grow: 1;
}

.flagship-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* This is the magic that fills the box */
    display: block;
}

/* 3. Content Styling */
.flagship-content {
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.flagship-label {
    color: #c26d47;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
    display: block;
}

.flagship-title {
    /* color: #3d1b0f; */
    color: #383848;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.diamond-icon {
    color: #c26d47;
    font-size: 24px;
}

.flagship-text {
    color: #5a5a5a;
    line-height: 1.7;
    font-size: 16px;
    margin-bottom: 20px;
}

/* 4. Buttons */
.flagship-btns {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.btn-book {
    background-color: #e06439;
    color: #ffffff;
    padding: 14px 30px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s;
    border: 2px solid #e06439;
}

.btn-book:hover {
    background-color: #c26d47;
    color: #ffffff;
    border-color: #c26d47;
}

.btn-order {
    background-color: transparent;
    color: #000;
    padding: 14px 30px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    border: 2px solid #000;
    transition: 0.3s;
    font-size: 14px;
}

.btn-order:hover {
    background-color: #000;
    color: #ffffff;
}

/* 5. Mobile Responsiveness */
@media (max-width: 991px) {
    .flagship-card {
        flex-direction: column;
    }

    .flagship-img-box {
        height: 400px;
        /* Give it a fixed height when stacked */
        min-height: 400px;
    }

    .flagship-img {
        position: relative;
        /* Return to normal flow on mobile */
    }

    .flagship-content {
        padding: 40px 20px;
    }
}

/* menu-section css  -------------*/

.menu-section {
    padding: 80px 0;
    background-color: #3d1b0f;
    /* Subtle grid pattern for depth */
    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 30px 30px;
    text-align: center;
    width: 100%;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* --- Header Styling --- */
.menu-header {
    margin-bottom: 50px;
}

.menu-title {
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.title-icon {
    color: #c26d47;
    font-size: 24px;
}

.menu-subtitle {
    color: #a67c69;
    font-style: italic;
    font-size: 18px;
    margin-top: 10px;
}

/* --- Grid Layout --- */
.menu-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

/* --- Updated Menu Item (Card) --- */
.menu-item {
    width: 100%;
    padding: 15px;
    /* Added padding to show the border properly */
    border-radius: 20px;
    border: 2px solid transparent;
    /* Invisible border by default */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    /* Smooth transition */
    cursor: pointer;
    background: rgba(255, 255, 255, 0.02);
    /* Very subtle background */
}

/* 1 & 2: Hover Effects (Border color and Transform Y) */
.menu-item:hover {
    border-color: #c26d47;
    /* Uses the text color for the border */
    transform: translateY(-10px);
    /* Moves card up */
    background: rgba(255, 255, 255, 0.05);
    /* Slightly brightens the card */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
}

/* --- Image Container --- */
.menu-item-img {
    width: 100%;
    aspect-ratio: 1.4 / 1;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.menu-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* Zoom effect remains but is secondary to the card float */
.menu-item:hover .menu-item-img img {
    transform: scale(1.1);
}

/* --- Text Elements --- */
.item-title {
    color: #c26d47;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 15px;
    margin-bottom: 0px;
    transition: color 0.3s ease;
}

/* Subtle text color change on hover */
.menu-item:hover .item-title {
    color: #ffffff;
}

.item-price {
    color: #a67c69;
    font-size: 13px;
    margin-top: 5px;
}

/* --- Responsive Queries --- */
@media (max-width: 991px) {
    .menu-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .menu-section {
        padding: 60px 0;
    }
}

@media (max-width: 575px) {
    .menu-grid {
        grid-template-columns: 1fr;
        max-width: 350px;
        margin: 0 auto;
    }

    .menu-title {
        font-size: 28px;
    }
}

/* OUR FOOD section css ------------- */

.karobar-food-section {
    padding: 100px 0;
    background-color: #f9f1e7;
    /* Light cream background */
    overflow: hidden;
}

/* --- Image Styling with "Frame" Effect --- */
.food-image-wrapper {
    position: relative;
    padding: 10px;
    z-index: 1;
    display: inline-block;
    width: 100%;
}

/* The Decorative Rust/Cream Frame behind the image */
.food-image-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f2e1d1;
    /* Soft rust-tinted cream */
    border-radius: 20px;
    z-index: -1;
    transform: rotate(-1deg);
    /* Slight tilt for organic feel */
    box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.05);
}

.food-image {
    width: 100%;
    height: auto;
    border-radius: 15px;
    display: block;
    object-fit: cover;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* --- Typography & Content --- */
.food-content-wrapper {
    /* padding-left: 40px; */
    width: 100%;
}

.food-heading { 
    font-size: 34px;
    font-weight: 700;
    /* color: #3d1b0f; */
    color: #383848;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.food-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #5a5a5a;
    margin-bottom: 10px;
    text-align: justify;
}

/* --- View Menus Link --- */
.view-menus-link {
    font-size: 14px;
    font-weight: 600;
    color: #c26d47;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
    transition: 0.3s ease;
}

.view-menus-link .arrow {
    margin-left: 8px;
    font-size: 18px;
    transition: transform 0.3s ease;
}

.view-menus-link:hover {
    color: #3d1b0f;
}

.view-menus-link:hover .arrow {
    transform: translateX(5px);
}

/* --- Responsive Design --- */
@media (max-width: 991px) {
    .food-content-wrapper {
        padding-left: 0;
        padding-top: 50px;
        text-align: center;
    }

    .food-heading {
        justify-content: center;
    }

    .food-image-wrapper {
        max-width: 500px;
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 575px) {
    .karobar-food-section {
        padding: 60px 0;
    }

    .food-heading {
        font-size: 28px;
    }

    .food-text {
        font-size: 15px;
    }
}

.food-image-wrapper {
    overflow: hidden;
    border-radius: 20px;
    transition: 0.4s ease;
}

.food-image {
    transition: transform 0.5s ease;
}

.food-image-wrapper:hover .food-image {
    transform: scale(1.08) rotate(1deg);
}

.food-image-wrapper:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.view-menus-link {
    position: relative;
}

.view-menus-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #c26d47;
    transition: 0.4s;
}

.view-menus-link:hover::after {
    width: 100%;
}

.view-menus-link:hover .arrow {
    transform: translateX(8px);
}


/* WHAT'S ON AT WAVERLEY section css  -------------- */

.whats-on-section {
    background-color: #3d1b0f;
    /* Dark Brown */
    background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    padding: 80px 20px;
    text-align: center;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

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

.top-label {
    color: #c26d47;
    /* Orange/Rust */
    font-size: 12px;
    letter-spacing: 4px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}

.main-title {
    color: #ffffff;
    /* color: #383848; */
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2px;
}

/* --- Grid Layout --- */
.card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* --- Individual Card Styling --- */
.info-card {
    background-color: #f9f1e7;
    /* Cream Background */
    border-radius: 20px;
    overflow: hidden;
    text-align: left;
    border: 2px solid transparent;
    /* default state */
    transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

/* --- Hover Effects --- */
.info-card:hover {
    transform: translateY(-12px);
    /* Moves card up */
    border-color: #c26d47;
    /* Orange Border on hover */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

.card-img {
    position: relative;
    height: 240px;
    overflow: hidden;
}

.card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.info-card:hover .card-img img {
    transform: scale(1.08);
    /* Subtle zoom on hover */
}

.badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #c26d47;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 4px;
    z-index: 10;
}

.card-body {
    padding: 20px !important;
}

.card-body h3 {
    color: #c26d47;
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.card-body p {
    color: #5a5a5a;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.learn-more {
    color: #c26d47;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    display: inline-block;
    transition: color 0.3s ease;
}

.learn-more:hover {
    color: #3d1b0f;
}

/* --- Responsive Queries --- */
@media (max-width: 991px) {
    .card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .card-grid {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }

    .main-title {
        font-size: 28px;
    }
}

/* LATEST UPDATES section css ------------- */

.news-section {
    background-color: #f9f1e7;
    /* Cream color */
    padding: 80px 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.news-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header Styling */
.news-header {
    text-align: center;
    margin-bottom: 60px;
}

.news-label {
    color: #c26d47;
    /* Rust Orange */
    font-size: 14px;
    letter-spacing: 4px;
    font-weight: 700;
    display: block;
    margin-bottom: 12px;
}

.news-main-title {
    /* color: #3d1b0f;  */
    color: #383848;
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
}

/* Layout Grid */
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* Individual Article Styling */
.news-article {
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        border-color 0.4s ease,
        box-shadow 0.4s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* Hover State: 2px Solid Border + Transform Y */
.news-article:hover {
    transform: translateY(-12px);
    border-color: #c26d47;
    /* Rust Orange Border */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* Image Wrapper */
.news-image-area {
    position: relative;
    height: 230px;
}

.news-image-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Date Tag */
.news-date {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background-color: #ffffff;
    color: #3d1b0f;
    padding: 6px 14px;
    border-radius: 25px;
    font-size: 11px;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Text Content Area */
.news-body {
    padding: 30px;
}

.news-title {
    color: #3d1b0f;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 1.3;
}

/* Special color for certain titles */
.news-title-alt {
    color: #c26d47;
}

.news-excerpt {
    color: #5a5a5a;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* CTA Link */
.news-link {
    color: #c26d47;
    text-decoration: none;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    transition: color 0.3s ease;
}

.news-link:hover {
    color: #3d1b0f;
}

/* --- Responsive Behavior --- */
@media (max-width: 1024px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .news-section {
        padding: 60px 15px;
    }

    .news-grid {
        grid-template-columns: 1fr;
        max-width: 450px;
        margin: 0 auto;
    }

    .news-main-title {
        font-size: 28px;
    }
}



/* gift card section css ----------------- */

.footer-cta-section {
    background-color: #fef4ef;
    /* Cream background from image */
    padding: 80px 20px;
    font-family: 'Segoe UI', Arial, sans-serif;
}

.cta-container {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: flex-start;
}

.cta-title {
    color: #383848;
    /* Dark Brown */
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 25px;
    letter-spacing: 1px;
}

/* --- Subscription Styling --- */
.subscribe-box {
    background: #ffffff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}

.subscribe-form label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #3d1b0f;
    margin-bottom: 12px;
}

.input-group {
    position: relative;
    margin-bottom: 20px;
}

.input-group input {
    width: 100%;
    padding: 15px 50px 15px 15px;
    border: 1px solid #e0d5c8;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s;
}

.input-group input:focus {
    border-color: #c26d47;
}

.send-icon-btn {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #c26d47;
    cursor: pointer;
}

.btn-subscribe {
    width: 100%;
    background-color: #e06439;
    /* Dark button */
    color: #ffffff;
    border: none;
    padding: 16px;
    border-radius: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.3s, transform 0.2s;
}

.btn-subscribe:hover {
    background-color: #c26d47;
    /* Changes to rust on hover */
    transform: scale(1.02);
}

/* --- Gift Voucher Styling --- */
.voucher-column {
    text-align: center;
}

.voucher-graphic-area {
    /* height: 220px; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    padding: 20px 0px 15px 0px;
}

.gift-card-wrapper {
    position: relative;
    animation: float 4s ease-in-out infinite;
    /* Floating animation */
}

.main-card {
    background-color: #c26d47;
    /* Rust card */
    width: 220px;
    height: 140px;
    border-radius: 12px;
    padding: 20px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 15px 35px rgba(194, 109, 71, 0.3);
    transform: rotate(-5deg);
}

.card-icon {
    font-size: 24px;
    margin-bottom: 5px;
}

.card-brand {
    font-weight: 900;
    font-size: 18px;
    letter-spacing: 2px;
}

.card-type {
    font-size: 10px;
    opacity: 0.8;
}

.price-tag {
    position: absolute;
    top: -10px;
    right: -30px;
    background-color: #007c58;
    /* Green tag from image */
    color: white;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: rotate(5deg);
}

.price-tag span {
    font-size: 16px;
    display: block;
}

.btn-shop {
    display: inline-block;
    padding: 12px 40px;
    border: 1px solid #000;
    border-radius: 8px;
    color: #000;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s;
}

.btn-shop:hover {
    background-color: #000; 
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(61, 27, 15, 0.2);
}

/* --- Animations --- */
@keyframes float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

/* --- Responsive Queries --- */
@media (max-width: 900px) {
    .cta-container {
        grid-template-columns: 1fr;
        gap: 80px;
    }

    .subscribe-column,
    .voucher-column {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .subscribe-box {
        padding: 25px;
    }

    .cta-title {
        font-size: 20px;
    }

    .main-card {
        width: 180px;
        height: 120px;
    }
}


/* PLAN YOUR VISIT section css ---------------  */

.visit-section {
    background-color: #f9f1e7;
    /* Cream background */
    padding: 80px 20px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
}

/* .visit-container {
                        max-width: 1200px;
                        margin: 0 auto;
                    } */

/* --- Heading Alignment (Matches Image) --- */
.visit-header {
    text-align: right;
    /* Aligns both lines to the right as seen in image */
    margin-bottom: 50px;
    padding-right: 15px;
}

.visit-subtitle {
    color: #383848; 
    font-size: 22px;
    font-weight: 800;
    display: flex;
    justify-content: center;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.visit-main-title {
    color: #d35400; 
    font-size: 16px;
    display: flex;
    justify-content: center;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

/* --- Grid Layout --- */
.visit-content-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: start;
}

.visit-map-wrapper {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* --- Info Column Styling --- */
.visit-info-column {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.info-item {
    display: flex;
    gap: 20px;
}

.info-icon-box {
    background-color: #f2e7db;
    color: #c26d47;
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.info-text-box h3 {
    color: #c26d47;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.info-text-box p {
    color: #5a5a5a;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

/* --- Button --- */
.btn-directions {
    background-color: #e06439;
    color: #ffffff;
    text-decoration: none;
    padding: 16px 35px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: 0.3s;
    text-transform: uppercase;
    box-shadow: 0 5px 15px rgba(194, 109, 71, 0.2);
}

.btn-directions:hover {
    background-color: #c26d47;
    transform: translateY(-2px);
    color: #fff !important;
}

/* --- Responsive --- */
@media (max-width: 991px) {
    .visit-content-grid {
        grid-template-columns: 1fr;
    }

    .visit-header {
        text-align: center;
        padding-right: 0;
    }
}